WELCOME
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!






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
Free Forums. Reliable service with over 8 years of experience.

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 )
ADD REPLY
NEW TOPIC
NEW POLL

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


Administrator


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

QUOTE

<div width="250px" align="center">
<div class="submenu">
<a href="YOURSITEURLHERE">HOME</a>
<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>
</div>

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

<table width="100%" class='0' cellspacing="5" cellpadding="1">
<tr>
<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>
<br><br></center>
</div></div>
<br>

<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>
<center>
<br><br><br><br><font size="1">put whatever you like here</font></center>
<br>
</div><br>

<div class="links">
<br><br><br><br><font size="5"><b>LINKS</b></font><br>
<font size="3">important places</font>
<center>
<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' />
</font></center>
</form><br>
</div><br>

<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>
<center>
<br><br><br><br><font size="1">
<br><br>
Chatbox goes here!<br>
Width is 200! <br>
Length up to you!
</font></center><br>
</div></div><br>

<div class='awards'>
<br><br><br><br><font size="5"><b>AWARDS</b></font><br>
<font size="3">check 'em out!</font>
<center>
<br><br><br><font size="1">
<br><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><br><br><br><font size="5"><b>STAFF </b></font><br>
<font size="3">we've got this </font></div>
<center>
<br><br><br><br><font size="2">
<br>
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>
</select></form><br><br></font></center
</div></div><br>

<div class='affiliates'>
<br><br><br><br><font size="5"><b>AFFILIATES</b></font><br>
<font size="3">friends on the net</font>
<center>
<br><br><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 %>
Saphira
Posted: May 20 2010, 03:07 AM


Administrator


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



Footer:

QUOTE
<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>
</td></tr></table>
Saphira
Posted: May 20 2010, 03:19 AM


Administrator


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



CSS:

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


QUOTE
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; }
Saphira
Posted: May 20 2010, 03:30 AM


Administrator


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.

QUOTE
<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
QUOTE
http://img189.imageshack.us/img189/2423/aefmnew.png



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
QUOTE
http://img412.imageshack.us/img412/705/aefmold.png


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.
Guest
Posted: Dec 25 2012, 03:16 PM


Unregistered









Guest
Posted: Dec 25 2012, 03:16 PM


Unregistered









Guest
Posted: Dec 25 2012, 03:17 PM


Unregistered









Guest
Posted: Dec 25 2012, 03:17 PM


Unregistered









Guest
Posted: Dec 25 2012, 03:17 PM


Unregistered









Guest
Posted: Dec 25 2012, 03:17 PM


Unregistered









Guest
Posted: Dec 25 2012, 03:17 PM


Unregistered









Guest
Posted: Dec 25 2012, 03:17 PM


Unregistered









Guest
Posted: Dec 25 2012, 03:17 PM


Unregistered









Guest
Posted: Dec 25 2012, 03:17 PM


Unregistered









Guest
Posted: Dec 25 2012, 03:18 PM


Unregistered









0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
DealsFor.me - The best sales, coupons, and discounts for you

TOPIC OPTIONSPages: (8) [1] 2 3 ... Last »
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.1937 seconds | Archive

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