SMF Version: SMF 1.0.7
I use blocs simplicity theme and was wondering if I could do something about these <hr> lines in the forum. When I select to show full poster details in posts..it becomes very hard to distinguish where one post ends and another begins especially when pictures are posted.
here:
http://www.guygossip.com/pic.jpg
also..can I make a default avatar for all members and let them choose to change it later.
What if you alter the colors in the style.css so they alternate? that will make it easier to read
hang on....
ok...how do I make them alternate? note: I can't seem to access this file from the admin area..so I will have to edit it in note pad and upload.
Code to cut/paste? I am looking but even if I find the colour..I'm not sure how to alternate.
/* Normal, standard links. */
a:link
{
color: #009000;
text-decoration: none;
}
a:visited
{
color: #000090;
text-decoration: none;
}
a:hover
{
color: #c00000;
text-decoration: underline;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #005000;
text-decoration: none;
}
a.nav:hover
{
color: #c00000;
text-decoration: underline;
}
/* Tables should show empty cells. */
table
{
empty-cells: show;
}
/* By default (td, body..) use Tahoma in black. */
body, td
{
color: #000000;
font-size: small;
font-family: Tahoma, arial, helvetica, serif;
}
/* The main body of the entire forum. */
body
{
background-color: white;
margin: 0px;
padding: 0px;
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
font-size: 9pt;
color: #000000;
font-family: Tahoma, arial, helvetica, 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: 8pt;
font-weight: normal;
color: #000000;
font-family: Tahoma, arial, helvetica, serif;
}
/* Standard horizontal rule.. (
, etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666666;
background-color: #666666;
}
.quote
{
border-left: solid 1px #e0e0e0;
border-bottom: solid 1px #e0e0e0;
color: #804000;
font-size: x-small;
padding: 1ex 1ex 1ex 2ex;
margin: 5px 2px 2px 5px;
}
/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #cccccc;
border: 1px solid #000000;
padding: 1px;
font-family: "courier new", helvetica, "times new roman", serif;
font-size: x-small;
width: 99%;
margin: 1px 5px 1px 5px;
white-space: nowrap;
overflow: auto;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
}
/* 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: yellow;
font-weight: bold;
color: black;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
}
.windowbg3
{
background-color: #DBF0F4;
color: #000000;
}
.windowbg2
{
color: #000000;
}
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
}
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
font-style: normal;
}
.titlebg a:hover
{
color: #c00000;
}
.greyheader
{
color: #000000;
}
/* This is used for categories, page indexes, and several other areas in the forum. */
/* This is used for a category that has new posts in it... to make it light up. */
.catbg, .catbg2
{
font-weight: bold;
color: #000000;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: transparent;
}
/* This is used on tables that should just have a border around them. */
.tborder
{
background-color: transparent;
padding: 2px;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: Tahoma, arial, helvetica, serif;
}
.searchbox
{
background-color: #eaeaea;
}
.pmbox
{
padding: 10px;
background-color: #d2d2d8;
color: #000000;
}
.smalltexttop
{
padding-left: 10px;
padding-right: 62px;
color: #ffffff;
background-color: #0080b0;
font-size: x-small;
font-family: Tahoma, arial, helvetica, serif;
background-image: url(images/simpleback.jpg);
background-repeat: repeat-y;
background-position: top right;
}
.smalltext2
{
font-size: small;
font-family: Tahoma, arial, helvetica, serif;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}
#leftbar
{
background-color: #f8f8f9;
}
#rightbar
{
background-color: #f4f4f4;
}
#forum_name
{
text-transform: capitalize;
font-family: georgia, sans-serif;
font-size: 40px;
letter-spacing: -1px;
}
#smf_name
{
padding-left: 20px;
position: relative;
top: -4px;
text-transform: capitalize;
font-family: arial, sans-serif;
font-size: 18px;
letter-spacing:-1px;
}
.header1
{
font-size: 18px;
letter-spacing:-1px;
color: #b0b0b0;
font-weight: bold;
}
.header2
{
font-family: arial, sans-serif;
font-size: 18px;
letter-spacing:-1px;
color: #000000;
font-weight: bold;
}
open style.css from your theme that you are using in notepad or equivalent
look for
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #E0E0E0;
}
.windowbg2
{
color: #000000;
background-color: #F0F0F0;
This is for alternating colors
This is from babylon theme it alternates gray with darker gray #E0E0E0 and #F0F0F0
if you don't like it change the hex value to your desired color
Click here for a good color reference (http://www.w3schools.com/html/html_colors.asp)
These are what you need to change
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
}
.windowbg3
{
background-color: #DBF0F4;
color: #000000;
}
.windowbg2
{
color: #000000;
}
Whats the link to your board ?
this is how I changed it...and nothing happened. How would you do it?
www.guygossip.com
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
background-color: #DBF0F4;
color: #000000;
}
.windowbg3
{
background-color: #DBF0F4;
color: #000000;
}
.windowbg2
{
background-color: #ffffff;
color: #000000;
gimme a bit I will install a 1.07 install fresh on my test server with your theme
Its no use changing them, because Simplicity doesn't make use of them - apart from when you select "old style display view". Only then do you see the changes to them. :)
Ahh I see ..... Oh well I tried howdy doody :)
thanks guys. 8)