Advertise Here

Author Topic: [Stylesheet] Falling Leaves  (Read 5630 times)

0 Members and 1 Guest are viewing this topic.

Offline BlueButterfly

  • SMF For Free Member
  • *
  • Posts: 51
    • View Profile

  • Total Badges: 12
    Badges: (View All)
    Windows User Topic Starter Combination Level 2 Level 1
[Stylesheet] Falling Leaves
« on: July 24, 2007, 10:20:50 am »
Forum Url: http://pogoinslowmo.smfforfree.com
Here's a fall stylesheet i've been playing around with.  As you can see the background is animated.

Please upload the background to your own hosting site and replace my url with your own.  Not using up my bandwidth would be greatly appreciated.





BACKGROUND





Code: [Select]
/* Normal, standard links. */
a:link
{
color: #803D0D;
text-decoration: none;
}
a:visited
{
color: #803D0D;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #463418;
text-decoration: none;
}
a.nav:hover
{
color: #997419;
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: #463418;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #EDECEA;
margin: 0px;
padding: 12px 30px 4px 30px;
background-image: url(http://i137.photobucket.com/albums/q223/koehslk/PF%20Stuff/FLeaves.gif);
}

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

textarea
{
font-size: 100%;
color: #463418;
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: #463418;
font-family: verdana, sans-serif;
}

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

/* No image should have a border when linked */
a img{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #463418;
background-image: url(http://i36.photobucket.com/albums/e41/jo117/smf/quote.jpg);
background-repeat: repeat-y;
background-color: #E8DABE;
border: 1px solid #803D0D;
margin: 1px;
padding: 1px;
font-size: small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #463418;
background-image: url(http://i36.photobucket.com/albums/e41/jo117/smf/quote.jpg);
background-repeat: repeat-y;
background-color: #E8DABE;
font-family: "courier new", "times new roman", monospace;
font-size: small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #803D0D;
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: #463418;
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: 96%;
}

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

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #463418;
background-color: #E9DABF;
background-image: url(http://i36.photobucket.com/albums/e41/jo117/smf/back.jpg);
background-repeat: repeat-x;
}
.windowbg2
{
color: #463418;
background-color: #E9DABF;
background-image: url(http://i36.photobucket.com/albums/e41/jo117/smf/back.jpg);
background-repeat: repeat-x;
}
.windowbg3
{
color: #463418;
background-color: #E9DABF;
background-image: url(http://i36.photobucket.com/albums/e41/jo117/smf/back.jpg);
background-repeat: repeat-x;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* 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: #463418;
font-style: normal;
background-color: #C19E5A;
background-image: url(http://i36.photobucket.com/albums/e41/jo117/smf/title-1.jpg);
border-bottom: solid 1px #B87D48;
border-top: solid 1px #FFFFFF;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #463418;
font-style: normal;
}

.titlebg a:hover
{
color: #FDFCFB;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #463418;
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-image: url(http://i36.photobucket.com/albums/e41/jo117/smf/title-1.jpg);
background-color: #E9DCBA;
color: #463418;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background-image: url(http://i36.photobucket.com/albums/e41/jo117/smf/title-1.jpg);
background-color: #E9DCBA;
color: #463418;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #803D0D;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: #463418;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #463418;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #463418;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #B0A596;
padding: 0px;
}

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

/* 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
{
background-position: left bottom;
color: #F7EEDB;
text-transform: uppercase;
vertical-align: top;

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

.maintab_first
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/maintab_first.gif);
background-repeat: no-repeat;
width: 10px;
}
.maintab_back
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/maintab_back.gif);
background-repeat: repeat-x;
}
.maintab_last
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/maintab_last.gif);
background-repeat: no-repeat;
width: 8px;
}
.maintab_active_first
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/maintab_active_first.gif);
background-repeat: no-repeat;
width: 6px;
}
.maintab_active_back
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/maintab_active_back.gif);
background-repeat: repeat-x;
}
.maintab_active_last
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/maintab_active_last.gif);
background-repeat: 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: #F7EEDB;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #F9F2E7;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
background-position: left top;
color: #F7EEDB;
text-transform: uppercase;
vertical-align: top;

}
.mirrortab_back, .mirrortab_active_back
{
color: #F7EEDB;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/mirrortab_first.gif);
background-repeat: no-repeat;
width: 10px;
}
.mirrortab_back
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/mirrortab_back.gif);
background-repeat: repeat-x;
}
.mirrortab_last
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/mirrortab_last.gif);
background-repeat: no-repeat;
width: 6px;
}

.mirrortab_active_first
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/mirrortab_active_first.gif);
background-repeat: no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/mirrortab_active_back.gif);
background-repeat: repeat-x;
}
.mirrortab_active_last
{
background-image: url(http://www.smfboards.com/Themes2/brown/images/mirrortab_active_last.gif);
background-repeat: 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: #F7EEDB;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #F9F2E7;
text-decoration: none;
}
« Last Edit: November 12, 2007, 04:48:10 pm by BlueButterfly »

Offline LaundryLady

  • Helpers
  • *
  • Posts: 3253
  • Internet Challenged
    • View Profile

  • Total Badges: 26
    Badges: (View All)
    Seventh year Anniversary Sixth year Anniversary Search Poll Voter Level 5
Re: Falling Leaves
« Reply #1 on: July 24, 2007, 10:38:01 am »
Very Nice.  And as a good Do-Bee(some of us are old enough to remember)  I have rehosted the images.


And I Play:  Mafia-Mandemz

Offline rileyks

  • SMF For Free Sponsors
  • *
  • Posts: 530
    • View Profile

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Falling Leaves
« Reply #2 on: July 24, 2007, 11:10:34 am »
Dang...I am at work and can't see it due to Security here...lmao...will have to look when I get home...anxious to see what this looks like.

Offline Shirley

  • SMF For Free Newbie
  • *
  • Posts: 17
  • Smile Even Through Your Tears!
    • View Profile
    • Mothers Help With Love

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Falling Leaves
« Reply #3 on: July 24, 2007, 01:45:34 pm »
Forum Url: http://mothershelpwithlove.smfforfree3.com
Very nice BlueButterfly, Fall is my favorite season.. :)

Offline rileyks

  • SMF For Free Sponsors
  • *
  • Posts: 530
    • View Profile

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Falling Leaves
« Reply #4 on: July 25, 2007, 08:55:52 am »
WOW!  Saw this when I got home from work...awesome job!  Already set it up and put the images in my photobucket....Thanks!!!!!

Offline Mary

  • SMF For Free Sr. Member
  • *
  • Posts: 434
    • View Profile
    • PogoJustPogo

  • Total Badges: 15
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Falling Leaves
« Reply #5 on: July 25, 2007, 03:09:42 pm »
Very, very nice Blue, love the animated leaves.  You are coming up with some great style sheets.   :smitten:
Vist us at www.pogojustpogo.smfforfree3.com
Best and Friendliest Pogo FanSite There Is!!

Offline Laugh-nd-kid

  • SMF For Free Master
  • *
  • Posts: 1409
  • Thankyou for this great software SMF For Free!
    • View Profile

  • Total Badges: 21
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: Falling Leaves
« Reply #6 on: July 29, 2007, 05:13:58 am »
Lovely jubbly!

Animated leaves = BRILL.

Offline Agent Moose

  • Code Master's
  • *
  • Posts: 836
  • Do not PM me for Code Support or Request
    • View Profile

  • Total Badges: 32
    Badges: (View All)
    Search Level 6 Tenth year Anniversary Nineth year Anniversary Eighth year Anniversary
Re: Falling Leaves
« Reply #7 on: August 01, 2007, 07:30:56 pm »
Wow, nice job on the skin!
Check out Revolution X's Brand new Code Index!

Offline Diamonique

  • SMF For Free Newbie
  • *
  • Posts: 2
    • View Profile

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 First Post
Re: [Stylesheet] Falling Leaves
« Reply #8 on: November 02, 2007, 08:44:09 pm »
I wanted to use this one, but the background image and etc. aren't showing up........ :(

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Stylesheet] Falling Leaves
« Reply #9 on: November 02, 2007, 08:50:22 pm »
I wanted to use this one, but the background image and etc. aren't showing up........ :(

I just checked the links in the css code and they are fine..     its just her links in the first post. might be on another site -  they are there for display.   The code will be fine though.

edit:   yeah the display ones were on fileupyours..   they are notorius for deleting stuff if you dont use it for 25 days.      I fixed the background image one in the first post.
« Last Edit: November 02, 2007, 08:52:30 pm by simply sibyl »

Offline Diamonique

  • SMF For Free Newbie
  • *
  • Posts: 2
    • View Profile

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 First Post
Re: [Stylesheet] Falling Leaves
« Reply #10 on: November 02, 2007, 08:58:03 pm »
I wanted to use this one, but the background image and etc. aren't showing up........ :(

I just checked the links in the css code and they are fine..     its just her links in the first post. might be on another site -  they are there for display.   The code will be fine though.

edit:   yeah the display ones were on fileupyours..   they are notorius for deleting stuff if you dont use it for 25 days.      I fixed the background image one in the first post.

Thanks

Offline SpazzinOut

  • SMF For Free Newbie
  • *
  • Posts: 14
    • View Profile

  • Total Badges: 9
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Stylesheet] Falling Leaves
« Reply #11 on: July 29, 2008, 04:07:05 pm »
awesome....looks good on my forum

Offline Suki The Saluki

  • SMF For Free Sponsors
  • *
  • Posts: 827
    • View Profile

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Stylesheet] Falling Leaves
« Reply #12 on: August 02, 2008, 08:16:14 am »
I like this i am using for next year, if it ever happens lol

 

Related Topics

  Subject / Started by Replies Last post
7 Replies
4704 Views
Last post October 20, 2008, 11:48:14 am
by Suki The Saluki
21 Replies
13264 Views
Last post December 13, 2008, 12:51:17 am
by Nixxi
0 Replies
3218 Views
Last post September 22, 2013, 09:32:47 am
by junker
1 Replies
6121 Views
Last post September 28, 2013, 06:13:26 pm
by Crasy
1 Replies
1062 Views
Last post November 23, 2014, 11:12:59 am
by SMF For Free