We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
Night Fire; Black/Orange/Red/Orange-Red [text issue]
Topic Started: Apr 8 2007, 10:58 AM (1,147 Views)
WXHW
Member
[ * ]
Name:Night Fire
Author:WXHW
Skin Number:#2
Date Created:April 7, 2007
Side Notes:My second skin!


Preview of the Night Fire


CSS of skin:
Quote:
 
</STYLE><CENTER>Skin created by <B>WXHW</B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
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: #ff0000; margin:0px 30px 0px 30px;background-color:#000000; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #ff0000; }
a:link, a:visited, a:active { text-decoration: underline; color: #ff0000; }
a:hover { color: #ff0000; 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:#ff0000;background-color:#ff4500;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 #b22222;background-color: #ff4500 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #ff4500; border:1px solid #b22222;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip {border:1px solid #b22222;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 #b22222;background-color: #000000;font-size:10px;margin:3px 0px 3px 0px;color:#ff0000;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #ff0000 }
#userlinks { border:1px solid #b22222; background-color: #000000 }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#ff4500; padding:6px }
.pformstrip { background-color: #ff4500; color:#ff0000;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #ff4500; padding:6px; margin-top:1px;width:25%;border-top:1px solid #b22222; border-right:1px solid #b22222; }
.pformleftw { background-color: #ff4500; padding:6px; margin-top:1px;width:40%;border-top:1px solid #b22222; border-right:1px solid #b22222; }
.pformright { background-color: #ff4500; padding:6px; margin-top:1px;border-top:1px solid #b22222; }
.post1 { background-color: #ff4500 }
.post2 { background-color: #ff4500 }
.postlinksbar { background-color:#ff4500;padding:7px;margin-top:1px;font-size:10px; }
.row1 { background-color: #ff4500 }
.row2 { background-color: #ff4500 }
.row3 { background-color: #ff4500 }
.row4 { background-color: #ff4500 }
.darkrow1 { background-color: #ff0000; color:#ff0000; }
.darkrow2 { background-color: #ff0000; color:#ff0000; }
.darkrow3 { background-color: #ff0000; color:#ff0000; }
.hlight { background-color: #ff4500 }
.dlight { background-color: #ff4500 }
.titlemedium { font-weight:bold; color:#ff0000; padding:7px; margin:0px; background-color: #ff4500 }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #ff0000 }
.maintitle { vertical-align:middle;font-weight:bold; color:#ff0000; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #ff4500 }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #ff0000 }
.maintitle a:hover { color: #ff0000; text-decoration: underline }
.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #b22222;background-color:#b22222; padding:0px; margin:0px;width:100% }
.tablefill { border:1px solid #b22222;background-color:#ff4500;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:#ff0000 }
.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:#ff4500;background-color: #ff0000; border: 1px solid #b22222; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial, font-size: 11px; color: #ff4500; background-color: #ff0000; border: 1px solid #b22222; 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 #b22222;border-bottom:1px solid #b22222 }
.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 }



AIO Skin Generator Lite Copyright 2004 by Lorenz Web Design for the IF Skin Zone.
Reproduction of any content of this site by any means is strictly prohibited by US and International law unless written permission is granted by both Webmasters

Offline Profile Quote Post Goto Top
 
TMaI
Unregistered

Gah, bright coloured and eye-hurting.

You need some graphics in there soon...but good for a second skin.
Quote Post Goto Top
 
WXHW
Member
[ * ]
thx but i dont do gfx i dunno how
Offline Profile Quote Post Goto Top
 
TMaI
Unregistered

1. Make a graphic. EXAMPLE:

Posted Image

2. Host it on Imageshack or something like that.

3. Go to Admin CP --> Manage Style Sheets (along the left menu)

4. Put that code where it has the default image codes from Invisonfree. I'm not entirely sure where.
Quote Post Goto Top
 
Deleted User
Deleted User

1. It is hard to see.
2. Try using images.
3. I suggest changing the text to black, so it is easier to see.
4. Get a MT.
Quote Post Goto Top
 
.Creativity
Member Avatar
Member
[ *  * ]
I suggest adding some gradients, and making the color a lot lighter, because it hurts the eyes. Also darken your text so that it's readable.
Offline Profile Quote Post Goto Top
 
talonol
Member Avatar
Member
[ * ]
ilikie it
Offline Profile Quote Post Goto Top
 
|p4|Brass Monkey
Member Avatar
Member
[ *  *  *  *  * ]
TMaI
Apr 8 2007, 02:59 PM
Gah, bright coloured and eye-hurting.

You need some graphics in there soon...but good for a second skin.

Graphix are the least of his worries.Try to make the color's lighter on the eyes, and don't make the mt and everything else stand out so much.Make it blend more.Red and blue together usually dont go together well but most of the time red and black do.Try darker shades of red.
Offline Profile Quote Post Goto Top
 
WXHW
Member
[ * ]
k thx have u guys checked out the night blue 1 i made its my first this is my second plz tell me what u think of dat 1 =)
Offline Profile Quote Post Goto Top
 
shadow5361
Member
[ * ]
simple :|
Offline Profile Quote Post Goto Top
 
pothana50
Member
[ * ]
NEED TO HIGHLIGHT TO READ TEXT!!!!!!!!!

Can't read the text... Black doesn't go well with red...again.
Offline Profile Quote Post Goto Top
 
liquidlogic
Member
[ * ]
nice skin
Offline Profile Quote Post Goto Top
 
WXHW
Member
[ * ]
thx
Offline Profile Quote Post Goto Top
 
kazaman
Unregistered

Its kinda hard to read anything, maybe if you would make the text darker it would help.
Quote Post Goto Top
 
Nadja
Member Avatar
Member
[ * ]
It's a good idea but maybe you should think about switching the colors... make orange or read in the back [a lighter shade, mind u] and then replace whichever color with the black...

buttons might be a good idea, just simple ones that you can use to counter the blue with the rest of it

also, but this is a personal preference, i've never been a fan of wide skins but it's better than anything i can do
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Mixed · Next Topic »
Add Reply
  • Pages:
  • 1