WELCOME
to requiem

welcome to requiem, a new site dedicated to showing you just what this skin looks like! don't really do this, but make sure you register with ALL CAPS and with your full name as such: FIRST MIDDLE LAST. make to sure to read the rules, have a look at the canons and claims, and then get to work on your profile! have fun roleplaying!



UPDATES
our latest news

may 19 - aw! a skin was born!
may 20 - oh my, a sidebar!
may 21 - le grand opening!
may 27 - site activity check 01




CHATBOX
take a load off

Chatbox goes here!
Width is 200!
Length up to you!



AWARDS
check 'em out!

CHARACTER
To be announced!

COUPLE
To be announced!

THREAD
To be announced!



STAFF
we've got this

Staff Name Here




AFFILIATES
friends on the net

OUR AFFILIATES!

Our code!






 
InvisionFree - Free Forum Hosting
Enjoy forums? Start your own community for free.
Learn More · Register Now


 
add reply
new topic
new poll

 Codes
Saphira
Posted: Jun 26 2011, 03:05 AM


Administrator


Group: Admin
Posts: 6
Member No.: 1
Joined: 28-May 10



HEADER & BODY

CODE
<table width="900" align="center">
<tr><td valign="top">
<table class="maintable" align="center">
<tr><td>

<div width="250px" align="center">
<div class="submenu">
<a href="http://SITEURLHERE/index.php">home</a>
<a href="http://SITEURLHERE/index.php?act=Search&f=">search</a>
<a href="http://SITEURLHERE/index.php?act=Help">help</a>
<a href="http://SITEURLHERE/index.php?act=Members">members</a>
<a href="http://SITEURLHERE/index.php?act=Online&CODE=listall&sort_key=click">online</a>
<a href="http://SITEURLHERE/index.php?act=calendar">calendar</a>
<a href="http://SITEURLHERE/index.php?act=site">portal</a>
</div></div><br>


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


<div class='welcome'><br>
<font size="5"><b>WELCOME</b></font><br>
<font size="3">to requiem</font><br><br>
<div align='center'><font size="1">welcome to <i>requiem</i>, a new site dedicated to showing you just what this skin looks like! don't really do this, but make sure you register with <b>ALL CAPS</b> and with your full name as such: FIRST MIDDLE LAST. make to sure to read the rules, have a look at the canons and claims, and then get to work on your profile! have fun roleplaying!</font>
<br><br></center>
</div></div>
<br>

<div class="updates"><div align='right'>
<br><font size="5"><b>UPDATES </b></font><br>
<font size="3">our latest news </font></div>
<center><br><font size="1">may 19 - aw! a skin was born!<br>
may 20 - oh my, a sidebar!<br>
may 21 - le grand opening!<br>
may 27 - site activity check 01</font></center>
<br>
</div><br>

<div class="links">
<br><font size="5"><b>LINKS</b></font><br>
<font size="3">important places</font>
<center><br><font size="1">

<a href="http://SITEURLHERE/index.php?act=idx">Site Home</a><br>
<a href="http://SITEURLHERE/index.php?act=idx">The Rules</a><br>
<a href="http://SITEURLHERE/index.php?act=idx">Site Plot</a><br>
<a href="http://SITEURLHERE/index.php?act=idx">The Canons</a><br>
<a href="http://SITEURLHERE/index.php?act=idx">Face Claim</a><br>
<a href="http://SITEURLHERE/index.php?act=idx">App Template</a><br>
<a href="http://SITEURLHERE/index.php?act=idx">The Adverts</a><br>

<br><center><form style="display: inline;" action="http://SITEURLHERE/index.php?act=Login&CODE=01&CookieDate=1"
autocomplete="" enctype="" id="" method="post" name=""><input class='textinput' name="UserName" size="12" value=''> <input class ='textinput' type='password' name="PassWord" size="12" value=''> <input
type='submit' class='forminput' value='GO' />
</font></center>
</form><br>
</div><br>

<div class='chatbox'><div align='right'>
<br><font size="5"><b>CHATBOX </b></font><br>
<font size="3">take a load off </font></div>
<center><br><font size="1">
Chatbox goes here!<br>
Width is 200! <br>
Length up to you!
</font></center><br>
</div></div><br>

<div class='awards'>
<br><font size="5"><b>AWARDS</b></font><br>
<font size="3">check 'em out!</font>
<center><br><font size="1">
<b>CHARACTER</b>
<br>To be announced!<br>
<br><b>COUPLE</b>
<br>To be announced!<br>
<br><b>THREAD</b>
<br>To be announced!<br>
</center><br>
</div><br>

<div class='staff'><div align='right'>
<br><font size="5"><b>STAFF </b></font><br>
<font size="3">we've got this </font></div>
<center><br><font size="2">
Staff Name Here
<form><select name="select" size="1" class="forminput" name="menu"onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value=''>STAFF NAME</option>
<option value='http://z7.invisionfree.com/Saph_AutumnEffect/index.php?showuser=1'>ADMIN ACCOUNT</option>
<option value='http://z7.invisionfree.com/Saph_AutumnEffect'>---------------</option>
<option value='http://z7.invisionfree.com/Saph_AutumnEffect/index.php?showuser=1'>CHARACTER</option>
<option value='http://z7.invisionfree.com/Saph_AutumnEffect/index.php?showuser=1'>CHARACTER</option>
</select></form><br><br></font></center
</div></div><br>

<div class='affiliates'>
<br><font size="5"><b>AFFILIATES</b></font><br>
<font size="3">friends on the net</font>
<center><br><font size="2">

<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="3">

OUR AFFILIATES!

</marquee>
<br><br>Our code!
<div align='center'>
<textarea class="textinput" rows="4" cols="20"><a href="http://SITEURLHERE" target="_blank"><img src="IMAGEURLHERE" alt="NAMEOFSITE" /></a></textarea><br></div></center><br /><br />
<br><br></font></center>
</div><br>


<img src='http://i1.ifrm.com/style_images/1/spacer.gif' alt='' width='190' height='1' />
</td>
<!--SPACER-->
<td width="5" class='0'>&nbsp;</td>
<td width="90%" class='0' valign="top">


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



FOOTER

CODE
<br><center><a href="http://z7.invisionfree.com/Saph_Requiem"><b>Requiem</b></a> skin & sidebar by <b>Saphira</b> of <a href="http://rpg-directory.com">RPG-D</a> & <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/">CAUTION 2.0</a>.</center>
</td></tr></table>
TOP
Saphira
Posted: Jun 26 2011, 03:06 AM


Administrator


Group: Admin
Posts: 6
Member No.: 1
Joined: 28-May 10



CSS

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

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Tahoma, sans-serif; font-size: 12px; color: #A7A7A7; margin:0px 10px 0px 10px; background-image:url(http://i46.photobucket.com/albums/f144/Saphira_45/Requiemback_zps72d48529.png); background-attachment:fixed; }
TABLE, TR, TD { font-family: Tahoma, sans-serif; font-size: 12px; color: #A7A7A7; }
a:link, a:visited, a:active { text-decoration: none; color: #A7A7A7 }
a:hover { color: #C8C8C8; text-decoration:none; letter-spacing:1px;  }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #0F0F0F;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 }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#0F0F0F;padding:4px;margin:0px }

.warngood { color:green }
.warnbad  { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-family: Georgia; font-size:28px; font-weight:bold; text-transform:lowercase; font-style: italic; letter-spacing:1px; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg   { text-align:center; margin-top:15px }

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

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:0px solid #0F0F0F;background-color:#2c2c2c;padding:0px;margin:0px; }
#submenu   { display: none;}
#submenu a:link, #submenu  a:visited, #submenu a:active { display:none; }
.submenu { display:inline }
.submenu a { background-color: #0F0F0F; color: #A7A7A7; font-size:11px; font-weight: bold; padding: 5px; -moz-border-radius: 5px 0px 5px 0px; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; }
.submenu a:hover { background-color: #2c2c2c; color: #A7A7A7; padding: 5px; -moz-border-radius: 10px 0px 10px 0px; }

#userlinks { border:0px solid #0F0F0F; background-color: #0F0F0F; -moz-border-radius: 10px 0px 10px 0px; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; }

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

.activeuserstrip { background-color:#0F0F0F; padding:6px }

.pformstrip { font-weight:bold; color:#0F0F0F; font-size:10; letter-spacing:1px; line-height:93%; padding:2px; margin:1px; background-color:#4E4E4E; }
.pformleft  { background-color: #2c2c2c; padding:6px; margin-top:1px;width:25%; border-top:0px solid #0F0F0F; border-right:0px solid #0F0F0F; }
.pformleftw { background-color: #2c2c2c; padding:6px; margin-top:1px;width:40%; border-top:0px solid #0F0F0F; border-right:0px solid #0F0F0F; }
.pformright { background-color: #2c2c2c; padding:6px; margin-top:1px;border-top:0px solid #0F0F0F; }

.post1 { background-color: #0F0F0F }
.post2 { background-color: #0F0F0F }
.postlinksbar { background-color:#4E4E4E;padding:4px;margin-top:1px;font-size:9px; }

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

div.row4 {-moz-border-radius: 5px 0px 5px 0px; border-color:#0F0F0F;border-right:0px solid #0F0F0F; border-bottom:0px solid #0F0F0F !important; }
div.row4 {border-color:#0F0F0F  !important; background-color: #0F0F0F; }

.darkrow1 { background-color: #434343; color:#A7A7A7; }
.darkrow2 { background-color: #0F0F0F; color:#9B9B9B; -moz-border-radius: 0px 0px 20px 0px; }
.darkrow3 { background-color: #434343; color:#A7A7A7; }

.hlight { background-color: #0F0F0F }
.dlight { background-color: #0F0F0F }

.titlemedium { font-weight:none; color:#0F0F0F; text-align:center; text-transform:lowercase; font-size:10; letter-spacing:1px; line-height:93%; padding:2px; margin:1px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; background-color:#4E4E4E; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #0F0F0F}

.maintitle { vertical-align:middle; font-size:15pt; font-weight:bold; color:#A7A7A7; text-transform:lowercase; font-family: Georgia; font-style: italic; text-align:center; letter-spacing:3px; padding:1px; background-color:#0F0F0F; -moz-border-radius: 20px 0px 0px 0px; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #A7A7A7 }
.maintitle a:hover { text-decoration: none; color: #C8C8C8; letter-spacing:4px; }

.plainborder { border:0px solid #0F0F0F; background-color:#0F0F0F }
.tableborder { border:1px solid #000000;background-color:#0F0F0F; padding:5px; margin:0px; width:98%; -moz-border-radius: 20px 0px 20px 0px; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; }
.tablefill   { border:0px solid #0F0F0F;background-color:#0F0F0F;padding:0px;  }
.tablepad    { background-color:#0F0F0F;padding:0px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks   { float:left;line-height:1.2em;width:35% }

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

.button { display: inline; background-color: #0F0F0F; color: #A7A7A7; font-size:11px; font-weight: bold; padding: 5px; -moz-border-radius: 5px 0px 5px 0px; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; }

.signature   { font-size: 10px; color: #A7A7A7; }
.postdetails { font-size: 10px }
.postcolor   { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; font-family: Georgia; font-style: italic; letter-spacing:1px; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }
.unreg { font-size: 11px; font-weight: bold; color: #C80000 }

.searchlite { font-weight:bold; color:#A7A7A7; background-color:#0F0F0F }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #A7A7A7; background-color: #3C3C3C; border: 1px solid #000; padding: 2px; -moz-border-radius: 5px 0px 5px 0px; }
#CODE  { font-family: Verdana, Arial;  font-size: 11px; color: #A7A7A7; background-color: #3C3C3C; border: 1px solid #000; padding: 2px; -moz-border-radius: 5px 0px 5px 0px; }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; background-color:#0F0F0F; color:#A7A7A7; border:1px solid#000000; padding:2px; }
.forminput, .textinput, .radiobutton, .checkbox  { -moz-border-radius: 10px 0px 10px 0px; background-color:#0F0F0F; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; font-size: 11px; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; font-family: verdana, helvetica, sans-serif; color:#A7A7A7; padding:3; vertical-align: middle;  }

.thin { padding:3px 2px 3px 2px;line-height:140%;margin:2px 0px 2px 0px;border-top:0px solid #1D1D1D;border-bottom:0px solid #1D1D1D; background:#1A1A1A;}

.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 }

.maintable { width: 900px; padding: 10px; background: #2c2c2c; -moz-border-radius: 60px 0px 60px 0px; filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90; }


.spacer { height: 13px; width: 205px; background-color: transparent; }

.welcome { line-height: 110%; background-color: #0F0F0F; background-repeat: no-repeat; width: 200px; -moz-border-radius: 20px 0px 20px 0px; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; padding:3px; }

.updates { line-height: 110%; background-color: #0F0F0F; background-repeat: no-repeat; width: 200px; -moz-border-radius: 20px 0px 20px 0px; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; padding:3px; }

.links { line-height: 110%; background-color: #0F0F0F; background-repeat: no-repeat; width: 200px; -moz-border-radius: 20px 0px 20px 0px; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; padding:3px;  }

.chatbox { line-height: 110%; background-color: #0F0F0F; background-repeat: no-repeat; width: 200px; -moz-border-radius: 20px 0px 20px 0px; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; padding:3px; }

.awards { line-height: 110%; background-color: #0F0F0F; background-repeat: no-repeat; width: 200px; -moz-border-radius: 20px 0px 20px 0px; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; padding:3px; }

.staff { line-height: 110%; background-color: #0F0F0F; background-repeat: no-repeat; width: 200px; -moz-border-radius: 20px 0px 20px 0px; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; padding:3px; }

.affiliates { line-height: 110%; background-color: #0F0F0F; background-repeat: no-repeat; width: 200px; -moz-border-radius: 20px 0px 20px 0px; border-left:1px solid #000000; border-right:1px solid #525252; border-bottom:1px solid #525252; -webkit-box-shadow: 0px 2px 3px 0px #3C3C3C; -moz-box-shadow: 0px 2px 3px 0px #3C3C3C; padding:3px; }
TOP
Saphira
Posted: Jun 26 2011, 03:11 AM


Administrator


Group: Admin
Posts: 6
Member No.: 1
Joined: 28-May 10



BUTTONS

New Topic, Add Reply, New Poll, Quick Reply, Topic Options, Calendar (New Event) - replace with function in lowercase
CODE
<div class="button">new topic</div>


Delete, Edit, Quote, etc. - just words with a space following, lowercase

All contact methods (AIM, MSN, etc.) - just words with a space following, uppercase
TOP
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
InvisionFree - Free Forum Hosting
Fully Featured & Customizable Free Forums

Topic Options
add reply
quick reply
new topic
new poll




Hosted for free by InvisionFree* (Terms of Use: Updated 2/10/2010) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.3471 seconds | Archive

Requiem skin & sidebar by Saphira of RPG-D & CAUTION 2.0.