raffiné -> codes!

codes!

Track this topic | Email this topic | Print this topic

mimmy

Posted: Jun 7 2008, 05:26 PM

quote

Administrator

Group: Admin
Posts: 11
Member No.: 1
Joined: 6-June 08

Go through these codes carefully, customizing such things as "YOUR URL HERE" or "YOUR IMAGE HERE" to suit your site.

Header & Body:

CODE

<table class="mmain" align="center">
<tr><td>

<table width="100%" class='0' cellspacing="5" cellpadding="1">
<tr>
<td width="210" class='0' valign="top">

<center>
<div class='maintitle'><div align="left">
welcome.
</div></div>
<div class="titlemedium">welcome to our site!</div>
<DIV class="tablepad"><span class='desc'>

WELCOME MESSAGE HERE.

</span></div>
</div>
<br /></center>

<center>
<div class='maintitle'><div align="left">
links.
</div></div>
<div class="titlemedium">please be sure to check these!</div>
<div class="tablepad"><span class='desc'>

LINKS LIST HERE.

</span></div>
</div>
<br /></center>

<center>
<div class='maintitle'><div align="left">
staff.
</div></div>
<div class="titlemedium">thanks for all you do!</div>
<div class="tablepad"><span class='desc' >

STAFF LIST HERE.

</span></div>
</div>
<br /></center>

<center>
<div class="maintitle"><div align="left">
quick login.
</div></div>
<div class="titlemedium">switch. flip. in. out.</div>
<div class="tablepad"><span class='desc' >

<form style='display:inline' action="http://YOUR BOARD URL HERE/index.php?act=Login&CODE=01&CookieDate=1" method="post">
<div align='center'><strong>Quick Log-In </strong><br>
<input type="text" class="forminput" size="10" name="UserName" onfocus="this.value=''" value="User Name" /><br>
<input type='password' class='forminput' size='10' name='PassWord' onfocus="this.value=''" value='ibfrules' /><br>
<input type='submit' class='forminput' value='Go' />
</div>
</form>

</span></div>
</div>
<br /></center>

<center>
<div class='maintitle'><div align="left">
cbox.
</div></div>
<div class="titlemedium">we like to chat, yes we do!</div>
<DIV class="tablepad"><span class='desc'>

CBOX CODES HERE

</span></div>
</div>
<br /></center>

<center>
<div class='maintitle'><div align="left">
affiliates.
</div></div>
<div class="titlemedium">a word from our sponsors.</div>
<div class='tablepad'><span class='desc'>

choose a link from the menu <br>below to visit our afilliates!<br><br>

<form><select name="select" size="1" class="forminput" name="menu"onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value=''>-- choose a link --</option>
<option value='URL HERE'>NAME</option>
</select></form><br><br>

<hr width="95%" size="1" color="#7696A4">
<br><br>

<IMG SRC="YOUR BUTTON URL HERE">
<br><br>
<textarea class="textinput" rows="4" cols="18"><a href="YOUR SITE URL HERE" target=_blank><img src="YOUR BUTTON URL HERE"></a></textarea>

</span></div>
</div>
<br /></center>

<center>
<div class='maintitle'><div align="left">
credits.
</div></div>
<div class="titlemedium">because they are important.</div>
<div class='tablepad'><span class='desc'>
Sidebar: Dana <br>
Coding Help: <a href="http://forums.redcarpetrebellion.net/">RCR</a>
</span></div>
</div>
<br /></center>

<img src='http://209.85.48.8/style_images/1/spacer.gif' alt='' width='190' height='1' />
</td>

<td width="5" class='0'> </td>
<td width="90%" class='0' valign="top">
<br>
<div class="menubar">
<div class="menu">
<a href="http://z4.invisionfree.com/mimmy013/index.php">index</a> <a href="http://z4.invisionfree.com/mimmy013/index.php?act=Members">members</a> <a href="http://z4.invisionfree.com/mimmy013/index.php?act=Search&f=">search</a> <a href="http://z4.invisionfree.com/mimmy013/index.php?act=calendar">calendar</a> <a href="http://z4.invisionfree.com/mimmy013/index.php?act=Help">help</a> <a href="http://z4.invisionfree.com/mimmy013/index.php?act=site">portal</a>
</div>
</div>
<br>
<center><a href="YOUR BOARD URL HERE"><img src="YOUR BANNER URL HERE"></a><br><br></center>

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
</td>
</tr>
</table><% STATS %>

Footer:

CODE

<br><br><div align="center" width="100%" class="mimmy"> raffiné skin © mimmy of <a href="http://forums.redcarpetrebellion.net" target="_blank">Red Carpet & Rebellion</a> and <a href="http://z11.invisionfree.com/rpg_underground" target="_blank">RPG Underground</a></div>
</td></tr></table>

CSS:

CODE

html { overflow-x: auto; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:20px 10px 20px 10px;background: #0A0F10 url(http://209.85.12.231/13201/5/upload/p10612.jpg) }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #0A0F10; }
a:link, a:visited, a:active { text-decoration: none; color: #7696A4 }
a:hover { color: #0A0F10; text-decoration: none }

.caldate { text-align:right; font-weight:bold; font-size:11px; color:#345C6D; background-color:#CAD8DE;padding:4px;margin:0px }

#ipbwrapper { width: 850px; margin-left: auto; margin-right: auto; }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#ucpmenu { line-height:150%;width:22%; border:none; background-color: #E5EFF3 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #E5EFF3; border:none; line-height: 150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#logostrip { border: none; background-color: #CAD8DE; padding: 0px; margin: 0px; }

#submenu { display:none }
#userlinks { border:1px solid #E5EFF3; background-color: #E5EFF3; line-height: 10px; }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { font-weight:bold; font-size: 7px; text-transform: uppercase; text-align: right; color:#E5EFF3; padding:2px; margin: 0px 1px 0px 1px; background: #345C6D }

.pformstrip { font-weight:bold; font-size: 7px; text-transform: uppercase; text-align: right; color: #CAD8DE; padding:1px; margin:0px; background: #345C6D }
.pformleft { background-color: #E5EFF3; padding:6px; margin-top:1px;width:25%; border-top:1px solid #CAD8DE; border-right:1px solid #CAD8DE; }
.pformleftw { background-color: #E5EFF3; padding:6px; margin-top:1px;width:40%; border-top:1px solid #CAD8DE; border-right:1px solid #CAD8DE }
.pformright { background-color: #E5EFF3; padding:6px; margin-top:1px;border-top:1px solid #CAD8DE; }

.post1 { background-color: #E5EFF3 }
.post2 { background-color: #E5EFF3 }
.postlinksbar { font-weight:bold; font-size: 7px; text-transform: uppercase; text-align: right; color:#E5EFF3; padding:2px; margin:0px 1px 0px 1px; background: #345C6D; }

.row1 { background-color: #E5EFF3 }
.row2 { background-color: #E5EFF3 }
.row3 { background-color: #E5EFF3 }
.row4 { background-color: #E5EFF3 }

.row4 div.row4 {border: none! important}
div.row4 {border-color: #CAD8DE; border-right: 1px solid #CAD8DE; border-bottom: 1px solid #CAD8DE!important; border-top: 1px solid #CAD8DE!important; border-left: 1px solid #CAD8DE!important; }
div.row4 {border-color: #CAD8DE!important; background-color: #E5EFF3;}

.darkrow1 { background-color: #345C6D; color:#E5EFF3; margin:0px 1px 0px 1px; }
.darkrow2 { background-color: #345C6D; color:#E5EFF3; padding: 1px; font-size: 6px; height: 10px; }
.darkrow3 { background-color: #E5EFF3; color:#0A0F10; }

.hlight { background-color: #CAD8DE }
.dlight { background-color: #E5EFF3 }

.titlemedium { font-weight:bold; font-size: 7px; text-transform: uppercase; text-align: right; color:#E5EFF3; padding:1px; margin:0px; background: #345C6D }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #CAD8DE }

.maintitle { font-family: times, times new roman, serif; vertical-align:middle; font-weight:bold; font-size: 22px; color:#FFFFFF; letter-spacing:1px; line-height: 18px; text-transform: lowercase; padding:12px 0px 1px 0px; background: #CAD8DE; border-bottom: 6px solid #E5EFF3; }
.maintitle img { display:none }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF }
.maintitle a:hover { text-decoration: none; color: #345C6D }

.plainborder { border:none;background-color:#CAD8DE }
.tableborder { border:none;background-color:#CAD8DE; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #345487;background-color:#E5EFF3;padding:6px; }
.tablepad { background-color:#E5EFF3;padding:6px; margin:0px 1px 0px 1px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px 1px 0px 1px; border:0px }

.mmain { background: #CAD8DE; width: 900px; padding: 5px 5px 5px 5px; border: 8px solid #E5EFF3; }
.menubar { width: 100%; background-color: #E5EFF3; padding: 1px; text-align: center; }
.menu a { color: #000000; background-color: #E5EFF3; padding: 1px 5px 1px 5px; text-align: center; text-transform: uppercase; }
.menu a:hover { color: #E5EFF3; background-color: #345C6D; padding: 1px 5px 1px 5px; text-align: center; text-transform: uppercase; }
.sbsep { font-weight:bold; font-size: 7px; text-transform: uppercase; text-align: right; color:#E5EFF3; padding:0px; margin:0px; background: #0A0F10 }
.sbcontent { background-color:#E5EFF3;padding:6px; margin:0px 1px 0px 1px }

.desc { font-size:9px; color:#434951 }
.edit { font-size: 9px }

.signature { font-size: 9px; color: #339 }
.postdetails { font-size: 9px }
.postcolor { font-size: 9px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 10px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

div.tableborder div.tablepad { background-color: #E5EFF3!important; }
div.tableborder div.tablepad table { background-color: #CAD8DE!important; }
div.tableborder div.tablepad input { color: #000000!important; background-color: #E5EFF3!important; border: 1px solid #CAD8DE; }

#QUOTE { font-family: Verdana, Arial; font-size: 9px; color: #000000; background-color: #CAD8DE; border: 1px dashed #7696A4; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier New, Verdana, Arial; font-size: 10px; color: #000000; background-color: #CAD8DE; border: 1px dashed #7696A4; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.mimmy { font-weight:bold; font-size: 7px; text-transform: uppercase; text-align: right; color:#E5EFF3; padding:2px; margin:0px; background: #345C6D }
.codebuttons { background-color: #F9FDFF; border: 1px solid #CAD8DE; font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { background-color: #F9FDFF; border: 1px solid #CAD8DE; font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
textarea { background-color: #F9FDFF; border: 1px solid #CAD8DE; font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }


.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
img.attach { border:2px outset #EEF2F7;padding:2px }
.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }
li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.warngood { color:green }
.warnbad { color:red }
#padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0px 14px 0px }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }
#ipsbanner { position:absolute;top:1px;right:5%; }
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

pm email

•••

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)

0 Members:

« Next Oldest | L'État, c'est moi. | Next Newest »