to the autumn effect

welcome to the autumn effect, 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!

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

take a load off

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

check 'em out!

To be announced!

To be announced!

To be announced!

we've got this

Staff Name Here

friends on the net


Our code!


zIFBoards - Free Forum Hosting
Enjoy forums? Start your own community for free.

Learn More · Sign-up Now
Welcome to The Autumn Effect. We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.

Join our community!

If you're already a member please log in to your account to access all of our features:

Name:   Password:

Pages: (8) [1] 2 3 ... Last » ( Go to first unread post )

 Codes and Images
Posted: May 20 2010, 03:03 AM


Group: Admin
Posts: 7
Member No.: 1
Joined: 18-May 10

Header and Body -

The first section is the submenu for the top of the page. Just plug in your URL if you like the links I have there. Feel free to add or change to your liking.

The majority of the rest is for the sidebar. Obviously you can change it to whatever messages and whatnot you need to have in it. The background images are put in on the CSS, if you want them. If you have any questions, just ask on whichever RPG resource forum you find this, and I'll be happy to help.

Change to your site URL or link
Put whatever you like here


<div width="250px" align="center">
<div class="submenu">
<a href="YOURSITEURLHERE/index.php?act=Search&f=">SEARCH</a>
<a href="YOURSITEURLHERE/index.php?act=Help">HELP</a>
<a href="YOURSITEURLHERE/index.php?act=Members">MEMBERS</a>
<a href="YOURSITEURLHERE/index.php?act=Online&CODE=listall&sort_key=click">ONLINE</a>
<a href="YOURSITEURLHERE/index.php?act=calendar">CALENDAR</a>
<a href="YOURSITEURLHERE/index.php?act=site">PORTAL</a></div>

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

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

<div class='welcome'>
<br><br><br><br><font size="5"><b>WELCOME</b></font><br>
<font size="3">to the site</font>
<div align='center'><br><br><br><br><font size="1">put whatever you like here!</font>

<div class="updates"><div align='right'>
<br><br><br><br><font size="5"><b>UPDATES </b></font><br>
<font size="3">our latest news </font></div>
<br><br><br><br><font size="1">put whatever you like here</font></center>

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

<a href="LINKHERE">Site Home</a><br>
<a href="LINKHERE">The Rules</a><br>
<a href="LINKHERE">Site Plot</a><br>
<a href="LINKHERE">The Canons</a><br>
<a href="LINKHERE">Face Claim</a><br>
<a href="LINKHERE">App Template</a><br>
<a href="LINKHERE">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='SIGN IN' />

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

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

<div class='staff'><div align='right'>
<br><br><br><br><font size="5"><b>STAFF </b></font><br>
<font size="3">we've got this </font></div>
<br><br><br><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=''>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>

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

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


<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 />

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

<% BOARD %>
<% STATS %>
Posted: May 20 2010, 03:07 AM


Group: Admin
Posts: 7
Member No.: 1
Joined: 18-May 10


<br><center><a href="http://z7.invisionfree.com/Saph_AutumnEffect">The Autumn Effect</a> skin & sidebar by <b>Saphira</b> of <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/">CAUTION 2.0</a>, <a href="http://rpg-directory.com">RPG-D</a>, & <a href="http://forums.redcarpetrebellion.org">RCR</a> <i>!</i></center>
Posted: May 20 2010, 03:19 AM


Group: Admin
Posts: 7
Member No.: 1
Joined: 18-May 10


The only thing you need to change in this is adding the URL to your sidebar image in the area towards the bottom. They're labeled in the order that I have them in my own sidebar (.welcome, .updates, etc.), and they'll correspond to the Headers. The images will need to be 200 px wide. My own images are 200 x 219 or something of the like. My background color of the boxes are BDC1A4; the images fade (as you can see) down into the color so that each box can be as long as you need it to be and the background color will just be there. Just an idea, if you like how I have mine. Oh, and feel free to just use my images, if the mood strikes you. I can even give you a textless version of the banner if you want, or perhaps just the background part if you ask. Just make sure to credit me! Again - if you need help, just ask me in the thread you find this in or pm me on whichever rpg resource site.

Put the URL for your sidebar images here

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

form { display:inline; }
img  { vertical-align:middle; border:0px; }
BODY { font-family: Georgia, serif; font-size: 11px; color: #1F201F; margin:0px 10px 0px 10px; background-image:url(http://i46.photobucket.com/albums/f144/Saphira_45/AEbackcopy_zps97d6858e.jpg); background-attachment:fixed; }
TABLE, TR, TD { font-family: Georgia, serif; font-size: 11px; color: #1F201F; -moz-border-radius: 4px; }
a:link, a:visited, a:active { text-decoration: none; color: #1F201F }
a:hover { background-color: #9FA296; padding: 2px; -moz-border-radius: 4px; color: #333433; text-decoration: none }

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 }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#1F201F;background-color:#9FA296;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-size:28px; font-weight:bold; }
#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 #FFFFF;background-color: #9FA296; }
#ucpmenu p  { padding: 2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #9FA296; border:0px solid #FFFFFF;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { 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: #595C59; color: #1F201F; padding: 5px; border-top:0px solid #646764; -moz-border-radius: 4px }
.submenu a:hover { background-color: #9FA296; color: #1F201F; padding: 5px; -moz-border-radius: 4px }
#userlinks { border:0px solid #FFFFF; background-color: #898B81; }

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

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

.pformstrip { background-color: #3B432D; font-weight:none; color:#9FA296; line-height:93%; padding:4px;margin-top:1px; }
.pformleft  { background-color: #9FA296; padding:6px; margin-top:1px;width:25%; border-top:0px solid #FFFFFF; border-right:0px solid #FFFFFF; }
.pformleftw { background-color: #9FA296; padding:6px; margin-top:1px;width:40%; border-top:0px solid #FFFFFF; border-right:0px solid #FFFFFF; }
.pformright { background-color: #9FA296; padding:6px; margin-top:1px;border-top:0px solid #FFFFFF; }

.post1 { background-color: #9FA296}
.post2 { background-color: #8F9187}
.postlinksbar { background-color:#3B432D; color:#9FA296; padding:4px;margin-top:1px;font-size:10px; -moz-border-radius: 4px }
.postlinksbar  a:link, .postlinksbar  a:visited, .postlinksbar  a:active  { color:#8A8C83; }

.row1 { background-color: #9FA296}
.row2 { background-color: #93968B}
.row3 { background-color: #CCCFC1}
.row4 { background-color: #93968B}

div.row4 { background-color:  9FA296 !important; border:none !important; -moz-border-radius: 4px }

.darkrow1 { background-color: #919489; color:#1F201F; }
.darkrow2 { background-color: #859763; color:#1F201F; -moz-border-radius: 4px; line-height: 0px;}
.darkrow3 { background-color: #3B432D; color: #9FA296; }

.hlight { background-color: #5B5C57 }
.dlight { background-color: #90928B}

.titlemedium { font-weight:none; color:#9FA296; text-align:center; line-height:93%; padding:1px; margin:1px; background-color:#3B432D; -moz-border-radius: 2px }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #9FA296; text-align:center; line-height:93%; padding:1px; margin:1px; }

.maintitle { vertical-align:middle; font-size:13pt; font-weight:bold; color:#1F201F; text-transform:uppercase; text-align:center; letter-spacing:3px; padding:0px; background-color:#859763; -moz-border-radius: 4px }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: bold; color: #1F201F }
.maintitle a:hover { text-decoration: none; color: #1F201F }

.plainborder { border:0px solid #FFFFFF;background-color:#9FA296}
.tableborder { border:0px solid #9FA296; padding:0px; margin:0px; width:100%; -moz-border-radius: 4px }
.tablefill   { border:0px solid #9FA296;background-color:#9FA296;padding:6px; }
.tablepad    { background-color:#9FA296;padding:6px }
.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:10px; color:#4E504E; }
.edit { font-size: 9px }

.button {display:inline; background-color: #9FA296; padding: 2px; border-top: 3px solid #3B432D; -moz-border-radius: 4px }

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

.normalname { font-size: 12px; font-weight: bold; color: #1F201F; text-transform:uppercase }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Georgia; font-size: 11px; color: #1F201F; background-color: #B1B4A9; border: 1px solid #83857C; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #1F201F; background-color: #B1B4A9; border: 1px solid #83857C; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Georgia, Serif; font-size: 9px; line-height: 12px; -moz-border-radius: 4px }

.codebuttons  { background-color: #7B7F79; border-bottom:1px solid #4C4F4C; border-right:1px solid #4C4F4C; border-left:1px solid #ACAFA4; border-top:1px solid #ACAFA4; font-size: 10px; font-family: Georgia, serif; vertical-align: middle; -moz-border-radius: 4px }
.forminput, .textinput, .radiobutton, .checkbox  { background-color:#7B7F79; border-top:1px solid #4C4F4C; border-left:1px solid #4C4F4C; border-right:1px solid #ACAFA4; border-bottom:1px solid #ACAFA4; font-size: 11px; font-family: Georgia, serif; vertical-align: middle; -moz-border-radius: 4px }

.thin { padding:3px 0px 3px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:0px solid #B3B6AA;border-bottom:0px solid #B3B6AA; background:#9FA296; -moz-border-radius: 4px }

.maintable { width: 900px; padding: 10px; background: #646764; -moz-border-radius: 20px; filter:alpha(opacity=83);-moz-opacity:0.83;opacity:0.83; }

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

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

.welcome { line-height: 110%; background-color: #BDC1A4; background-image: url(http://i46.photobucket.com/albums/f144/Saphira_45/AEwelcome_zps0da32fc8.jpg); background-repeat: no-repeat; width: 200px; -moz-border-radius: 8px; }

.updates { line-height: 110%; background-color: #BEC1A6; background-image: url(http://i46.photobucket.com/albums/f144/Saphira_45/AEupdates_zps25cece7c.jpg); background-repeat: no-repeat; width: 200px; -moz-border-radius: 8px;   }

.links { line-height: 110%; background-color: #BDC1A4; background-image: url(http://i46.photobucket.com/albums/f144/Saphira_45/AElinks_zpsea647267.jpg); background-repeat: no-repeat; width: 200px; -moz-border-radius: 8px;   }

.chatbox { line-height: 110%; background-color: #BDC1A4; background-image: url(http://i46.photobucket.com/albums/f144/Saphira_45/AWchatbox_zpsbc40221b.jpg); background-repeat: no-repeat; width: 200px; -moz-border-radius: 8px}

.awards { line-height: 110%; background-color: #BDC1A4; background-image: url(http://i46.photobucket.com/albums/f144/Saphira_45/AEawards_zps7a447f0d.jpg); background-repeat: no-repeat; width: 200px; -moz-border-radius: 8px; }

.staff {line-height: 110%; background-color: #BDC1A4; background-image: url(http://i46.photobucket.com/albums/f144/Saphira_45/AEstaf_zps013b5b7a.jpg); background-repeat: no-repeat; width: 200px; padding: 0px; -moz-border-radius: 8px; }

.affiliates { line-height: 110%; background-color: #BDC1A4; background-image: url(http://i46.photobucket.com/albums/f144/Saphira_45/AEaffiliate_zpsa4f69529.jpg); background-repeat: no-repeat; width: 200px; -moz-border-radius: 8px; }
Posted: May 20 2010, 03:30 AM


Group: Admin
Posts: 7
Member No.: 1
Joined: 18-May 10

Other site images -

Big buttons, such as New Topic, New Poll, Add Reply...
Put the following code (substituting the words, of course) in the Image section of your Admin CP.

<div class="button">NEW TOPIC</div>

All the other buttons, such as your Delete, Edit, MSN, etc. are just text ("DELETE") put in the Image section.

Forum Markers, used for all markers (Forum, Sub-Forum, Password Protected), as well as the Stats, Birthdays, Users Online, and Calendar:

user posted image

Read Forum Markers, used for all markers (Read Forum, Read Sub-Forum, Read Password Protected), as well as the Read-only forum:

user posted image

I've used the characters "||" as both the Navigation marker (what goes before your site name in the navigation line), as well as the same character (put a space before them) for the Separator for Navigation Trail. And then, I either use "TOP" or "^" for the Goto Top.
Posted: Dec 25 2012, 03:16 PM


Posted: Dec 25 2012, 03:16 PM


Posted: Dec 25 2012, 03:17 PM


Posted: Dec 25 2012, 03:17 PM


Posted: Dec 25 2012, 03:17 PM


Posted: Dec 25 2012, 03:17 PM


Posted: Dec 25 2012, 03:17 PM


Posted: Dec 25 2012, 03:17 PM


Posted: Dec 25 2012, 03:17 PM


Posted: Dec 25 2012, 03:17 PM


Posted: Dec 25 2012, 03:18 PM


0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
zIFBoards - Free Forum Hosting
Join the millions that use us for their forum communities. Create your own forum today.

TOPIC OPTIONSPages: (8) [1] 2 3 ... Last »

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

The Autumn Effect skin & sidebar by Saphira of CAUTION 2.0, RPG-D, & RCR !