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
Brooding Tech Blue
Topic Started: May 28 2005, 09:45 PM (622 Views)
wr50l
Member
[ *  * ]
Name: Brooding Tech-Blue
Author: wr50l
Date of Creation: 29th May 2005
Description: Dark blue tech skin which I was really pleased about.
Notes: Don't tell me it should be centred, it's left aligned because I wanted a bit more originality.

Preview:
Clickey!

ACP -> Board Wrappers -> Header & Body (Place before Board Header)
Code:
 

<center><font color="#ffffff">This skin was made by <b>wr50l</b> of the <b><A HREF="www.ifskinzone.net">IF Skin Zone</A></b></font></center>



ACP -> manage style sheets
Code:
 

html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #5BB5DA; margin:10px 150px 10px 150px;background-image:url(http://img141.exs.cx/img141/3726/background9wc.jpg) }
TABLE, TR, TD  { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; }


a:link, a:visited, a:active  { text-decoration: underline; color: #5BB5DA }
a:hover { color: #ffffff; text-decoration:none }


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:#000000;background-color:#DFE6EF;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:28px; 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 #000000;background-color: #6593CC }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #6593CC; border:1px solid #000000;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }


#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #345487;background-image:url(http://img85.exs.cx/img85/1307/crystalbluemainbanner2zd.jpg);padding:0px;margin:0px; }
#submenu  { border:1px solid #000000;background-image:url(http://img172.echo.cx/img172/3042/gradient1copy9hj.gif);font-size:10px;margin:2px 0px 2px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #FFFFFF; }
#userlinks { border:1px solid #000000; background-image:url(http://img172.echo.cx/img172/3042/gradient1copy9hj.gif) }


#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-image:url(http://img172.echo.cx/img172/3042/gradient1copy9hj.gif); padding:6px }

.pformstrip { background-image: url(http://img172.echo.cx/img172/3042/gradient1copy9hj.gif); color:#000000;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #BFD5FE; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #BFD5FE; padding:6px; margin-top:1px;border-top:1px solid #000000; }

.post1 { background-color: #8AAAC3 }
.post2 { background-color: #8AAAC3 }
.postlinksbar { background-color: #8AAAC3; padding:7px;margin-top:1px;font-size:10px;  }

.row1 { background-color: #F5F9FD }
.row2 { background-color: #27618E }
.row3 { background-color: #F5F9FD }
.row4 { background-color: #27618E }

.darkrow1 { background-color: #043F65; color:#4C77B6; }
.darkrow2 { background-image: url(http://img134.exs.cx/img134/2263/gradient71iu.gif); color:#FFFFFF; }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }

.hlight { background-color: #8AAAC3 }
.dlight { background-color: #8AAAC3 }

.titlemedium { font-weight:bold; color:#FFFFFF; padding:7px; margin:0px; background-color: #1A6287 }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #FFFFFF }

.maintitle { vertical-align:middle; font-weight:bold; text-align: center; color:#FFF; letter-spacing:1px; padding:7px 0px 9px 5px; background-position: center; background-image: url(http://img92.exs.cx/img92/1994/maintitlegradient8sq.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #000000;background-color:#F5F9FD }
.tableborder { border:1px solid #000000; padding:0px; margin:4px; width:100% }
.tablefill  { border:1px solid #345487;background-color:#BFD5FE;padding:6px;  }
.tablepad    { background-color:#8AAAC3;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:#000000 }
.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: #FFFFFF; background-color: #27618E; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; 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:0px 0px 2px 0px;border-top:1px solid #000;border-bottom:1px solid #000 }

.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 }
Offline Profile Quote Post Goto Top
 
simonv74666
Member
[ *  * ]
whoa! :o that skin is pretty cool. good job. you should center the skin though, it would look much better. but anyways, good job.
Offline Profile Quote Post Goto Top
 
wr50l
Member
[ *  * ]
simonv74666
May 29 2005, 02:10 AM
whoa! :o that skin is pretty cool. good job. you should center the skin though, it would look much better. but anyways, good job.

Noooooooooooooooooooooooooo! ;)

I could center it, but I decided I wanted something different from the norm. But thanks for the review. :)
Offline Profile Quote Post Goto Top
 
Krysie
Member Avatar
·-¤Real Emotion¤-·
[ *  *  *  *  * ]
Looks good but I also think you should center it. :)
Offline Profile Quote Post Goto Top
 
SubZero˘
Member
[ * ]
:D same here ,i think it will look much more nicer if u will center it
Offline Profile Quote Post Goto Top
 
Lugiatm
Member Avatar
Member
[ *  *  *  *  *  *  * ]
You killed the board alignment...
Offline Profile Quote Post Goto Top
 
Hawkstra
Member Avatar
ƒc woot.
[ *  *  *  *  *  * ]
You need to center it
Offline Profile Quote Post Goto Top
 
Dr.Client
Member
[ *  *  * ]
nice but center it , header/body
Offline Profile Quote Post Goto Top
 
Benjamin
Member Avatar

[ *  *  *  *  *  *  * ]
I know you wanted it to be left, but centered is much easier on the eyes. When you put it left, you push everyone's eyes to the left, and they keep their eyes there for the entire time that they view the board (either that, or they have to adjust their seats).

Besides that, This skin is really nice.
Offline Profile Quote Post Goto Top
 
Aristen
Member
[ *  *  *  *  * ]
Looks good, might wanna shift it to the center though.
Offline Profile Quote Post Goto Top
 
Jay-Z
^ Burnley FC 4 ever ^
[ *  *  *  *  *  * ]
nice grads
Offline Profile Quote Post Goto Top
 
wr50l
Member
[ *  * ]
Bah, who says political pressure doesn't work. Centered, and a few changes.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply