SMF For Free Support Forum
Signup For Free Forum
July 08, 2008, 09:52:36 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  

Pages: [1]
  Print  
Author Topic: [Stylesheet] School Paper  (Read 740 times)
0 Members and 1 Guest are viewing this topic.
trevix
SMF For Free Sr. Member
*
Offline Offline

Posts: 303



View Profile WWW
« on: October 27, 2007, 06:08:51 pm »

I drew this one on a piece of paper while i was at school, ironic isn't it.

Sample



Images




Header
Code:
<table align=center width="825"><tr><td>

Css
Code:
/* Normal, standard links. */
a:link
{
color: #000000;
text-decoration: none;
}
a:visited
{
color: #000000;
text-decoration: none;
}
a:hover
{
color: #000000;
text-decoration: blink;
}

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

/* 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: Comic Sans MS;
}

/* The main body of the entire forum. */
body
{
background-color: #aaaaaa;
margin: 0px;
padding: 12px 30px 4px 30px;
        background-image: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/bgimage.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center top;
}

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

textarea
{
font-size: 100%;
color: #000000;
font-family: Comic Sans MS;
}

/* 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: Comic Sans MS;
}

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

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

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: transparent;
font-family: Comic Sans MS;
font-size: smalll;
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: smalll;
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: #000000;
}

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

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

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

/* 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: #000000;
font-style: normal;
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/blank.gif) transparent repeat-x;
border-bottom: solid 1px #000000;
border-top: solid 1px #000000;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #000000;
font-style: normal;
}

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

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

/* 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://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/blank.gif) transparent repeat-x;
color: #000000;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/blank.gif) transparent repeat-x;
color: #000000;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: black;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #000000;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #000000;
        text-decoration: blink;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: transparent;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #000000;
background-color: transparent;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: smalll;
font-family: Comic Sans MS;
}
.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: #000000;
}


/* 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: black;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back, .maintab_active_back
{
color: black;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: Comic Sans MS;
}

.maintab_first
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/blank.gif) left bottom no-repeat;
width: 10px;
}
.maintab_back
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/blank.gif) left bottom repeat-x;
}
.maintab_last
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/blank.gif) left bottom no-repeat;
width: 8px;
}
.maintab_active_first
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/active-left.png) left bottom no-repeat;
width: 6px;
}
.maintab_active_back
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/active-middle.png) left bottom repeat-x;
}
.maintab_active_last
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/active-right.png) 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: black;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #000000;
text-decoration: blink;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
color: black;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back, .mirrortab_active_back
{
color: black;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: Comic Sans MS;
}

.mirrortab_first
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/blank.gif) no-repeat;
width: 10px;
}
.mirrortab_back
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/blank.gif) repeat-x;
}
.mirrortab_last
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/blank.gif) no-repeat;
width: 6px;
}
.mirrortab_active_first
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/active-left.png) no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/active-middle.png) repeat-x;
}
.mirrortab_active_last
{
background: url(http://i138.photobucket.com/albums/q261/Trevix/themes/school%20paper/active-right.png) 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: black;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #000000;
text-decoration: blink;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #000000;
color: black;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
Logged


Ad Machine - Free advertising and tips on how to promote your board.
LaundryLady
Global Moderator
*
Offline Offline

Posts: 2763


Keep Smiling, Let'em Wonder!


View Profile WWW
« Reply #1 on: October 27, 2007, 06:17:12 pm »

Very nice, Trevix.  It's nice to see what you are doing. 
Logged

YankeesDude
SMF For Free Full Member
*
Offline Offline

Posts: 115



View Profile WWW
« Reply #2 on: October 28, 2007, 08:22:35 am »

Now that is cool Trevix!
Logged
mr_css
SMF For Free Sr. Member
*
Offline Offline

Posts: 263



View Profile
« Reply #3 on: October 29, 2007, 08:07:16 am »

wow nice!
Logged


            WOLFSCAPE FORUMS
Madcap22
SMF For Free Full Member
*
Offline Offline

Posts: 211


I AM SUPER LUIGI!


View Profile WWW
« Reply #4 on: May 05, 2008, 02:04:39 pm »

Doesn't work on my forum...
Logged

simply sibyl
Global Moderator
*
Offline Offline

Posts: 6881



View Profile WWW
« Reply #5 on: May 05, 2008, 02:05:59 pm »

After adding the Stylesheet in Manage Styles make sure you CHOOSE the style with the stylepicker and refresh your browser.    The stylesheets will work on all forums.
Logged

Madcap22
SMF For Free Full Member
*
Offline Offline

Posts: 211


I AM SUPER LUIGI!


View Profile WWW
« Reply #6 on: May 05, 2008, 02:10:33 pm »

I created a new name for a style. I copied and pasted the CSS into the CSS box. I clicked Modify style. I selected the thing I named it and used it as our default. Turns out as the same one herre at SMF
Logged

simply sibyl
Global Moderator
*
Offline Offline

Posts: 6881



View Profile WWW
« Reply #7 on: May 05, 2008, 02:11:31 pm »

I created a new name for a style. I copied and pasted the CSS into the CSS box. I clicked Modify style. I selected the thing I named it and used it as our default. Turns out as the same one herre at SMF

It happens sometimes..  if it does refresh your browser.. if needbe clear your cache
Logged

Madcap22
SMF For Free Full Member
*
Offline Offline

Posts: 211


I AM SUPER LUIGI!


View Profile WWW
« Reply #8 on: May 05, 2008, 02:12:33 pm »

Meh, how do you do that?
Edit: Got it.
« Last Edit: May 05, 2008, 02:15:20 pm by Madcap22 » Logged

simply sibyl
Global Moderator
*
Offline Offline

Posts: 6881



View Profile WWW
« Reply #9 on: May 05, 2008, 02:14:02 pm »

Meh, how do you do that?

Click reload or refresh in your browser.. it is holding the other style.
If it does not work:

How to Clear Cache


   
Logged

Emo ÐemØn
SMF For Free Full Member
*
Offline Offline

Posts: 192


Hope you like.


View Profile WWW
« Reply #10 on: May 09, 2008, 09:52:16 pm »

If you have FireFox go there and go to Tools-->Clear Private Data-->Cache is one of the options.
Logged



Pages: [1]
  Print  
 
Jump to:  

Powered by SMF 1.1.5 | SMF © 2006-2008, Simple Machines LLC
ServerBeach Coupon
Page created in 0.632 seconds with 16 queries.