Advertise Here
« previous next »
Pages: [1]

Author Topic: [Stylesheet] "From the Sea"  (Read 7917 times)

0 Members and 1 Guest are viewing this topic.

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
[Stylesheet] "From the Sea"
« on: July 14, 2007, 12:22:36 pm »
Demo here:  http://www.styleyourforum.com/preview/index.php?styleid=693

Custom images:

 http://www.styleyourforum.com/data/693/on.gif

 http://www.styleyourforum.com/data/693/on2.gif

 http://www.styleyourforum.com/data/693/off.gif

 http://www.styleyourforum.com/data/693/new_some.gif

 http://www.styleyourforum.com/data/693/new_none.gif

 http://www.styleyourforum.com/data/693/filter.gif


This is just a little image I made and stuck in Admin/Current Theme/Logo image URL:
(ya dont have to use it)





Code: [Select]

/* Normal, standard links. */
a:link
{
color: #FFFFFF;
text-decoration: none;
}
a:visited
{
color: #4F4F4F;
text-decoration: none;
}
a:hover
{
             color: #2B92D5;
text-decoration: underline;
}

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

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

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

/* The main body of the entire forum. */
body
{
color: #FFFFFF;
background-color: #2D8CCF;
background-image: url(http://www.styleyourforum.com/data/693/css0.jpg);
             background-repeat: no-repeat;
             background-position:  bottom;
background-attachment: fixed;
             font-size: small;
font-family: verdana, arial, helvetica, sans-serif;
             margin: auto;
             width: 850px;
             padding-top:  20px;
             padding-bottom:  315px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
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: #2B92D5;
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: #EDE8DB;
border: 1px solid #666666;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #EDE8DB;
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 #666666;
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: 100%;
}

/* 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: #EAF9FE;
}
.windowbg2
{
color: #000000;
background-color: #F6F6F6;
}
.windowbg3
{
color: #000000;
background-color: #F4E6D5;
}

/* windowbg, windowbg2, windowbg3 link colors */
.windowbg a:link, .windowbg2 a:link, .windowbg3 a:link
{
color: #000000;
text-decoration: none;
}
.windowbg a:visited, .windowbg2 a:visited, .windowbg3 a:visited
{
color: #4F4F4F;
text-decoration: none;
}
.windowbg a:hover, .windowbg2 a:hover, .windowbg3 a:hover
{
             color: #2B92D5;
text-decoration: underline;
}

/* the today container in calendar */
.calendar_today
{
color: #000000;
             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: #000000;
font-style: normal;
             font-weight: bold;
background: url(http://www.styleyourforum.com/data/693/css1.png) #DED2BF repeat-x;
border-bottom: solid 1px #DED2BF;
border-top: solid 1px #DED2BF;
background-repeat: repeat-x;
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: #F07273;
}

.titlebg2
{
color: #000000;
}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #000000;
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://www.styleyourforum.com/data/693/css2.png)   #2D8CCF repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background: url(http://www.styleyourforum.com/data/693/css2.png)   #2D8CCF repeat-x;
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #2D8CCF;
background-repeat: repeat-x;
}
.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: #ECECEC;
}
/* 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: 20px;
border: 10px solid #EAF9FE;
background-color: #379FD5;
}

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

}

/*definitions for the main active tabs*/
.maintab_active_first, .maintab_active_back, .maintab_active_last
{
            background-position: left bottom;
color: #000000;
text-transform: uppercase;
vertical-align: top;
}
.maintab_back
{
color: #000000;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}
.maintab_active_back
{
color: #000000;
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.styleyourforum.com/data/693/css4.gif);
background-repeat: no-repeat;
width: 10px;
}
.maintab_back
{
background-image: url(http://www.styleyourforum.com/data/693/css5.gif);
background-repeat: repeat-x;
}
.maintab_last
{
background-image: url(http://www.styleyourforum.com/data/693/css6.gif);
background-repeat: no-repeat;
width: 8px;
}
.maintab_active_first
{
background-image:

url(http://www.styleyourforum.com/data/693/css7.gif);
background-repeat: no-repeat;
width: 6px;
}
.maintab_active_back
{
background-image:

url(http://www.styleyourforum.com/data/693/css8.gif);
background-repeat: repeat-x;
}
.maintab_active_last
{
background-image:

url(http://www.styleyourforum.com/data/693/css9.gif);
background-repeat: no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited
{
color: #000000;
text-decoration: none;
}
.maintab_active_back a:link , .maintab_active_back a:visited
{
color: #000000;
text-decoration: none;
}

.maintab_back a:hover
{
color: #1777CE;
text-decoration: none;
}

{
.maintab_active_back a:hover
             color: #1777CE;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last
{
background-position: left top;
color: black;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
background-position: left top;
color: #000000;
text-transform: uppercase;
vertical-align: top;
}
.mirrortab_back
{
color: #000000;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}
.mirrortab_active_back
{
color: #000000;
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.styleyourforum.com/data/693/css10.gif);
background-repeat: no-repeat;
width: 10px;
}
.mirrortab_back
{
background-image: url(http://www.styleyourforum.com/data/693/css11.gif);
background-repeat: repeat-x;
}
.mirrortab_last
{
background-image: url(http://www.styleyourforum.com/data/693/css12.gif);
background-repeat: no-repeat;
width: 6px;
}

.mirrortab_active_first
{
background-image:

url(http://www.styleyourforum.com/data/693/css13.gif);
background-repeat: no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background-image:

url(http://www.styleyourforum.com/data/693/css14.gif);
background-repeat: repeat-x;
}
.mirrortab_active_last
{
background-image:

url(http://www.styleyourforum.com/data/693/css15.gif);
background-repeat: no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited
{
color: #000000;
text-decoration: none;
}
.mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: #000000;
text-decoration: none;
}
.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #1777CE;
text-decoration: none;
}






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


If you want to make the forum wider:

Find:

Code: [Select]
/* The main body of the entire forum. */
body
{
color: #FFFFFF;
background-color: #2D8CCF;
background-image: url(http://www.styleyourforum.com/data/693/css0.jpg);
background-repeat: no-repeat;
background-position:  bottom;
background-attachment: fixed;
font-size: small;
font-family: verdana, arial, helvetica, sans-serif;
margin: auto;
width: 850px;
padding-top:  20px;
padding-bottom:  315px;
}


Change width: 850px; to the width you want.
« Last Edit: June 04, 2010, 10:00:52 am by simply sibyl »
Logged

Offline SurfersWorld

  • SMF For Free Newbie
  • *
  • Posts: 12
  • SurfersWorld.smfforfree4.com Join Now!
    • View Profile
    • SurfersWorld

    • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Stylesheet] "From the Sea" (version II)
« Reply #1 on: September 01, 2008, 02:33:34 pm »
Please may i have the picture codes for the palm tree etc...

Thanks
Logged

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] "From the Sea" (version II)
« Reply #2 on: September 01, 2008, 02:42:47 pm »
Quote from: SurfersWorld on September 01, 2008, 02:33:34 pm
Please may i have the picture codes for the palm tree etc...

Thanks

 right mouse on them/click properties.. you can get the links there.
Logged

Offline Ultra Fusionaura

  • SMF For Free Member
  • *
  • Posts: 23
  • Ultra Fusionaura...
    • View Profile
    • Ultra Fusionfall Forums

    • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Stylesheet] "From the Sea" (version II)
« Reply #3 on: June 03, 2010, 09:40:53 pm »
Can you remake it so that the picture in the background can be part of the stylesheet?

It says: "This image or video has been moved or deleted"
Logged

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] "From the Sea"
« Reply #4 on: June 04, 2010, 08:44:47 am »
Quote from: Ultra Fusionaura on June 03, 2010, 09:40:53 pm
Can you remake it so that the picture in the background can be part of the stylesheet?

It says: "This image or video has been moved or deleted"

Hi Ultra.   The background image IS in the css but some reason that image is missing in that Photobucket account. Tried to track it down with no luck.   I have another version of the background (has a few more crabs on the center image) and have redone the css, and the custom images in the directions so grab the css from the instructions again.  All of the images now are on styleyourforum.com so they will not disappear. 
« Last Edit: June 04, 2010, 09:56:51 am by simply sibyl »
Logged

Offline Ultra Fusionaura

  • SMF For Free Member
  • *
  • Posts: 23
  • Ultra Fusionaura...
    • View Profile
    • Ultra Fusionfall Forums

    • Total Badges: 10
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 10 Posts
Re: [Stylesheet] "From the Sea"
« Reply #5 on: June 04, 2010, 01:57:40 pm »
Quote from: simply sibyl on June 04, 2010, 08:44:47 am
Quote from: Ultra Fusionaura on June 03, 2010, 09:40:53 pm
Can you remake it so that the picture in the background can be part of the stylesheet?

It says: "This image or video has been moved or deleted"

Hi Ultra.   The background image IS in the css but some reason that image is missing in that Photobucket account. Tried to track it down with no luck.   I have another version of the background (has a few more crabs on the center image) and have redone the css, and the custom images in the directions so grab the css from the instructions again.  All of the images now are on styleyourforum.com so they will not disappear. 

Thanks, I appreciate it, Sibyl.
Logged

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] "From the Sea"
« Reply #6 on: June 04, 2010, 07:01:08 pm »
Gotta admit it, I love this one.
Logged

Offline Mart Center

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

    • Total Badges: 5
    Badges: (View All)
    Topic Starter Level 1 First Post Signature One year Anniversary
Re: [Stylesheet] "From the Sea"
« Reply #7 on: June 09, 2010, 09:10:57 pm »
ha ha I found - thank you  :D
Logged

Offline Octavia

  • SMF For Free Full Member
  • *
  • Posts: 131
    • View Profile
    • Pogo Friends

    • Total Badges: 18
    Badges: (View All)
    Fourth year Anniversary Third year Anniversary Level 4 Second year Anniversary Search
Re: [Stylesheet] "From the Sea"
« Reply #8 on: June 30, 2011, 09:54:41 pm »
I really like this one, great job Sibyl
Logged
Join us at http://pogofriends.smfforfree3.com/index.php
Club Pogo games, recipes and laughs.

Offline smalltowngirlzbb

  • SMF For Free Full Member
  • *
  • Posts: 114
    • View Profile

    • Total Badges: 13
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Stylesheet] "From the Sea"
« Reply #9 on: July 16, 2011, 04:48:39 pm »
Nice!!

Logged
"Demented and Sad, But Social." --John Bender
The Breakfast Club: a John Huges Film-RIP
Pages: [1]
« previous next »
 

Related Topics

  Subject / Started by Replies Last post
3 Replies
3264 Views 		Last post July 27, 2007, 05:10:31 pm
by doggiedoo86
0 Replies
1954 Views 		Last post August 03, 2007, 10:06:57 am
by Crystalman
2 Replies
2297 Views 		Last post November 14, 2007, 08:31:34 pm
by Nick_LRG
0 Replies
1632 Views 		Last post May 15, 2008, 06:47:08 pm
by Lucas A33
1 Replies
1161 Views 		Last post November 09, 2008, 08:37:11 pm
by simply sibyl