SMF For Free Support Forum
Signup For Free Forum
July 04, 2009, 11:29:12 pm *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register  

SMF For Free Support Forum > SMF For Free Support > Stylesheet Codes > [Stylesheet] For Halloween
Pages: [1]
« previous next »
  Print  
Author Topic: [Stylesheet] For Halloween  (Read 2480 times)
0 Members and 1 Guest are viewing this topic.
simply sibyl
Global Moderator
*
Offline Offline

Posts: 11806


On vacation until July 6th


View Profile WWW
« on: August 19, 2007, 10:17:32 am »
Warning:   Graphically Intense

Screenshot: 



on/off/new_some/new_none Images:

                  

collapse/expand images:

     


Code:

/* News Fader Font Color */

#smfFadeScroller,  #smfFadeScroller a:visited, #smfFadeScroller a:link
{           color: #FFFFFF;
             text-decoration:  none;
}

h1
{
           background-image: url(http://i148.photobucket.com/albums/s20/smfstyles/halloween/red1-14.png); 
           background-color:  #575757;
           border: 4px solid #D36E15;
           color:  #ffffff;
}
/* Normal, standard links. */
a:link
{
color: #7C410C;
text-decoration: none;
}
a:visited
{
color: #000000;
text-decoration: none;
}
a:hover
{
color: #737373;
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #737373;
text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #E6E6E6;
margin: 0px;
padding: 10px 30px 4px 30px;
background-image:

url(http://i148.photobucket.com/albums/s20/smfstyles/halloween/skullbg.gif);
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
background-color: ;
color: #000000;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #000000;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #162C5D;
background-color: #666666;
}

/* No image should have a border when linked */
a img
{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: #D7DAEC;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: "courier new", "times new roman", monospace;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 85%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #D3D3D3;
}
.windowbg2
{
color: #000000;
background-color: #F6F6F6;
}
.windowbg3
{
color: #000000;
background-color: #EEEEEE;
}
/* the today container in calendar */
.calendar_today
{
color: #000000;
             background-color: #EAEDF3;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in

the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: #FFFFFF;
font-style: normal;
              background-image: url(http://i148.photobucket.com/albums/s20/smfstyles/halloween/red1-14.png);
background-color:  #575757;
  border-bottom: solid 1px #1C1C1C;
border-top: solid 1px #1C1C1C;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #FFFFFF;
font-style: normal;
}

.titlebg a:hover
{
color: #404040;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: white;
font-style: normal;
text-decoration: underline;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/halloween/catbg.png) #737373

repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/halloween/catbg.png) #737373

repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #737373;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: white;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: white;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #ADADAD;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 45px;
border: 6px solid #D36E15;
background: url(http://i148.photobucket.com/albums/s20/smfstyles/halloween/spiderwebbg.gif);
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you

might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back,

.maintab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: white;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/maintab_first.gif) left

bottom no-repeat;
width: 10px;
}
.maintab_back
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/maintab_back.gif) left bottom

repeat-x;
}
.maintab_last
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/maintab_last.gif) left bottom

no-repeat;
width: 8px;
}
.maintab_active_first
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/maintab_active_first.gif)

left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/maintab_active_back.gif) left

bottom repeat-x;
}
.maintab_active_last
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/maintab_active_last.gif) left

bottom no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back

a:visited
{
color: white;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back,

.mirrortab_active_last
{
color: white;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: white;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/mirrortab_first.gif)

no-repeat;
width: 10px;
}
.mirrortab_back
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/mirrortab_back.gif) repeat-x;
}
.mirrortab_last
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoblack/mirrortab_last.gif)

no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/mirrortab_active_first.gif)

no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/mirrortab_active_back.gif)

repeat-x;
}
.mirrortab_active_last
{
background:

url(http://i148.photobucket.com/albums/s20/smfstyles/technoorange/mirrortab_active_last.gif)

no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link ,

.mirrortab_active_back a:visited
{
color: white;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #e0e0ff;
text-decoration: none;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #FC8E04;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
« Last Edit: November 16, 2007, 05:50:27 pm by simply sibyl » Logged
Some Helpful Links:
Support FAQ | Guides & Tutorials | Tips for Using Support
I do not do support via personal messages
mom
SMF For Free Member
*
Offline Offline

Posts: 61


PogoBabies


View Profile WWW
« Reply #1 on: October 13, 2008, 10:33:22 am »
I used this one again this year and love it!  Put black cats in the background and it looks so good with my banner! 
Logged
I am strong...so bring it on!
Didds
SMF For Free Sr. Member
*
Offline Offline

Posts: 257


Didds Forums


View Profile WWW
« Reply #2 on: October 13, 2008, 03:23:57 pm »
Sorry... You probably think I'm a "Noob" or something but how do I install this theme?

Thanks,
Didds
Logged

simply sibyl
Global Moderator
*
Offline Offline

Posts: 11806


On vacation until July 6th


View Profile WWW
« Reply #3 on: October 13, 2008, 03:25:57 pm »
Admin > Manage Styles
Click Create Style
Type a name for the new style in the box - scroll to the bottom and save
Click Modify Style
Choose the style you created - click Pick Style
Scroll to the bottom - erase all of the existing css in the box - paste the new code in.
Click Modify Style
To use your new style choose it in the dropdown menu from Manage Styles.
   
Logged
Some Helpful Links:
Support FAQ | Guides & Tutorials | Tips for Using Support
I do not do support via personal messages
Josh[y]
SMF For Free Sr. Member
*
Offline Offline

Posts: 470


Previously known as Spoken


View Profile WWW
« Reply #4 on: October 13, 2008, 04:45:49 pm »
Thats a great stylesheet sibyl! keep up the good work!
Logged
Didds
SMF For Free Sr. Member
*
Offline Offline

Posts: 257


Didds Forums


View Profile WWW
« Reply #5 on: October 14, 2008, 11:46:54 am »
Thanks Sibyl. Great stylesheet.
Logged

^Purrson^
SMF For Free Member
*
Offline Offline

Posts: 39


View Profile
« Reply #6 on: October 14, 2008, 11:22:32 pm »
Quote from: simply sibyl on October 13, 2008, 03:25:57 pm
Admin > Manage Styles
Click Create Style
Type a name for the new style in the box - scroll to the bottom and save
Click Modify Style
Choose the style you created - click Pick Style
Scroll to the bottom - erase all of the existing css in the box - paste the new code in.
Click Modify Style
To use your new style choose it in the dropdown menu from Manage Styles.
   
I am totally lost on the editing and dont want to make my board unusable help... I want to use this style 
Quote
http://i137.photobucket.com/albums/q232/LaundryLady1947/Stylesheets/Halloween/halloweenfinal.jpg


but clueless on how. Noob on the coding and lost in Calif heheheee help?

I would also like the title to be "Petchatters Meets Animalchatters" And apologies for the large picture,

*large image changed to link
« Last Edit: October 14, 2008, 11:29:45 pm by simply sibyl » Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 11806


On vacation until July 6th


View Profile WWW
« Reply #7 on: October 14, 2008, 11:27:59 pm »
Check the Holiday Stylesheet Index to see if that stylesheet is listed there.
If so go to the thread for the style and copy the css code for the style from the thread.

Holiday Stylesheets

The image is on one of Laundry Lady's sites and I do not know if she has posted it here or not.   If not you will need to ask her if you can use it.  
   
The directions for adding it to your forum are:

Code:
Admin > Manage Styles
Click Create Style
Type a name for the new style in the box - scroll to the bottom and save
Click Modify Style
Choose the style you created - click Pick Style
Scroll to the bottom - erase all of the existing css in the box - paste the new code in.
Click Modify Style
To use your new style choose it in the dropdown menu from Manage Styles.

Or How to Add a Stylesheet - with pictures

er we ask that you dont post full screen screenshots here.   
Either post just the link to the image or use thumbnails.
How to Post Thumbnails
   
« Last Edit: October 14, 2008, 11:53:45 pm by simply sibyl » Logged
Some Helpful Links:
Support FAQ | Guides & Tutorials | Tips for Using Support
I do not do support via personal messages
^Purrson^
SMF For Free Member
*
Offline Offline

Posts: 39


View Profile
« Reply #8 on: October 15, 2008, 12:01:27 am »
Thank you for quick reply Sibyl
Yes I was able to add it to the list, its the coding at the bottom where I am totally clueless. Any help appreciated. Would love to surprise the few we had join while its being set up (mostly our admins)
Logged


Pages: [1]
  Print  
« previous next »
 
Jump to:  

cheap low cost web hosting reviews

Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
ServerBeach Coupon
Page created in 0.36 seconds with 18 queries.