Free Games Forum
Free Games Games Forums Music Forums TV Forums

  Free Games Forum Home FORUM
HOME
Search Posts SEARCH
POSTS
Who's Online WHO'S
ONLINE
Log in LOG
IN
Rules & FAQ RULES / FAQ
REPORT SPAM

Free Games Forum: Game Technology: Web Design & Web Development:
Style Sheet

 

 


eeor3
Enthusiast


Aug 13, 2006, 8:22 AM

Post #1 of 6 (195 views)
Shortcut
Style Sheet Can't Post

I need someone who is willing and knowledgeable to write a style sheet for my message board.

It needs to go along with my website. The font doesnt matter but the colors, logo, and background need to match and harmonize.

I am ripping my hair out trying to write this myself (css is not my thing).

No need to reply to this just PM me if you are willing.


"Stupid your argument is. TFSU you should." - Yoda



coolgreen44
Senior Member

Aug 13, 2006, 8:59 AM

Post #2 of 6 (189 views)
Shortcut
Re: [eeor3] Style Sheet [In reply to] Can't Post

Just take something like this one and modify it a bit.

http://forums.ifskinzone.net/....php?showtopic=82905

LOL - I gave it a try and it didnt turn out very well. Laugh

If you want to see click here. http://z6.invisionFREE.com/eeor3s/index.php

I made from scratch atleast Laugh

If you actually want It ill post it or if you want me to modify it, but I dought it since its pretty [Expletive Deleted]y lol.

I tried to make the colors match your site but I ran out of colors on your site.


Cybernations


(This post was edited by coolgreen44 on Aug 13, 2006, 9:41 AM)


eeor3
Enthusiast


Aug 13, 2006, 10:40 AM

Post #3 of 6 (181 views)
Shortcut
Re: [coolgreen44] Style Sheet [In reply to] Can't Post

I think I like it. That will work.

The skinzone link is broken, the test colors are good.


"Stupid your argument is. TFSU you should." - Yoda


-Pwnt-
Veteran


Aug 13, 2006, 11:42 AM

Post #4 of 6 (178 views)
Shortcut
Re: [eeor3] Style Sheet [In reply to] Can't Post

Give me an example of how you want the logos, etc. to "harmonize".


http://www.rscangel.org


eeor3
Enthusiast


Aug 13, 2006, 12:17 PM

Post #5 of 6 (177 views)
Shortcut
Re: [-Pwnt-] Style Sheet [In reply to] Can't Post

The colors I mean. The main theme is black and orange. The other more subtle colors are dark grey "333333" and a teal, and light text/dark bg.

I just want the board to have the same theme. Coolgreen44 nailed it pretty close to what I was thinking.

However, He also said (and I agree with him) is that I need to use phpbb. I do not know why, but I cannot get it installed properly.

Either way I will still need a style sheet because I am getting really frustrated with css. I know much about HTML but I know nothing about styles.

I will probably use Coolgreen44's skills primarily because he replied first but secondly because he has let me do graphics for him before. I didn't want to filter through the 100's of codes that people post when someone asks for help. WinkThanks


"Stupid your argument is. TFSU you should." - Yoda


coolgreen44
Senior Member

Aug 13, 2006, 12:46 PM

Post #6 of 6 (174 views)
Shortcut
Re: [eeor3] Style Sheet [In reply to] Can't Post

I cant think of a good color for that box on the right thats a big orange block. Or do you like that?

The orange block really bothers me but I couldnt think of any other colors so tell me some!

The Style sheet is as follows: (With the orange block)


Quote

html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #C0C0C0; margin:0px 30px 0px 30px;background-color:#000000; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #FEFEFE; }
a:link, a:visited, a:active { text-decoration: underline; color: #FEFEFE; }
a:hover { color: #4E9682; text-decoration:underline }
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
img.attach { border:2px outset #EEF2F7;padding:2px }
.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }
li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#C0C0C0;background-color:#E8E8E8;padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }
#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }
#ucpmenu { line-height:150%;width:22%; border:1px solid #FF8000;background-color: #968272 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #968272; border:1px solid #FF8000;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip {border:1px solid #FF8000;background-color:#000000;padding:0px;margin:0px;}
/* Skin Created using the AIO-lite CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #FF8000;background-color: #000000;font-size:10px;margin:3px 0px 3px 0px;color:#C0C0C0;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #FEFEFE }
#userlinks { border:1px solid #FF8000; background-color: #000000 }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#E8E8E8; padding:6px }
.pformstrip { background-color: #E8E8E8; color:#C0C0C0;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #968272; padding:6px; margin-top:1px;width:25%;border-top:1px solid #FF8000; border-right:1px solid #FF8000; }
.pformleftw { background-color: #968272; padding:6px; margin-top:1px;width:40%;border-top:1px solid #FF8000; border-right:1px solid #FF8000; }
.pformright { background-color: #968272; padding:6px; margin-top:1px;border-top:1px solid #FF8000; }
.post1 { background-color: #999999 }
.post2 { background-color: #CCCCCC }
.postlinksbar { background-color:#E8E8E8;padding:7px;margin-top:1px;font-size:10px; }
.row1 { background-color: #FF8000 }
.row2 { background-color: #FF8000 }
.row3 { background-color: #968272 }
.row4 { background-color: #968272 }
.darkrow1 { background-color: #5F301E; color:#C0C0C0; }
.darkrow2 { background-color: #4F1600; color:#C0C0C0; }
.darkrow3 { background-color: #4F1600; color:#C0C0C0; }
.hlight { background-color: #999999 }
.dlight { background-color: #CCCCCC }
.titlemedium { font-weight:bold; color:#C0C0C0; padding:7px; margin:0px; background-color: #E8E8E8 }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #FEFEFE }
.maintitle { vertical-align:middle;font-weight:bold; color:#C0C0C0; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #C4A68C }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FEFEFE }
.maintitle a:hover { color: #4E9682; text-decoration: underline }
.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #FF8000;background-color:#FF8000; padding:0px; margin:0px;width:100% }
.tablefill { border:1px solid #FF8000;background-color:#968272;padding:6px; }
.tablepad { background-color:#000000;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
.desc { font-size:10px; color:#C0C0C0 }
.edit { font-size: 9px }
.signature { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }
.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }
#QUOTE { font-family: Verdana, Arial; font-size: 11px; color:#999999;background-color: #C0C0C0; border: 1px solid #FF8000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial, font-size: 11px; color: #999999; background-color: #C0C0C0; border: 1px solid #FF8000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px;line-height: 12px }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align:middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family:verdana, helvetica, sans-serif; vertical-align: middle }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FF8000;border-bottom:1px solid #FF8000 }
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }



Cybernations


(This post was edited by coolgreen44 on Aug 13, 2006, 1:13 PM)

 
 
 


Search for (options) Web Design by Web Ideas - Page loaded in: 0.18 s on (CGI/1.1)