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
Negro y Azul; First skin for a while.
Topic Started: Feb 5 2006, 05:29 AM (564 Views)
TrenchLP
Member Avatar
Member
[ *  * ]
Name:Negro y Azul
Author: TrenchLP
Skin Number: think it's my fourth
Date Created: 2/4/05-2/5/05
Side Notes: I'm proud of this one because even though I always make everything from scratch, this is the first skin I'm really satisfied with. Ixion's Oronica skin helped give me alot of ideas for this (being a noob, I'm unable to be creative on my own yet). So thanks to him for that. Also, although this is my fourth skin, this is the first that I've completed without a cheat sheet or the skin generator (doing it this way was MUCH more beneficial). I plan on using this on a forum soon so please help me out with comments and such, thanks!

Negro y Azul

Header and Body:

Code:
 
<body bgcolor="#303030" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#27408B" vlink="#27408B"><body text="#A8A8A8" link="#27408B" vlink="#27408B" alink="#27408B" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="740" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#303030" bordercolor="#212121">
<tr>
 <td width="90%" bgcolor="#303030">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


CSS of the Skin

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: #a8a8a8; margin:0px 10px 0px 10px;background-color:#404040 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #a8a8a8; }
a:link, a:visited, a:active { text-decoration: none; color: # }
a:hover { color: #a8a8a8; text-decoration:none }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #212121;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: #a8a8a8; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#a8a8a8; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#a8a8a8 }

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:#a8a8a8 }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#a8a8a8;background-color:#4f4f4f;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 #212121;background-color: #404040 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #404040; border:1px solid #212121;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #212121;background-color: #404040;background-image:url();padding:0px;margin:0px; }
#submenu   { border:1px solid #212121;background-color: #404040f;font-size:10px;margin:3px 0px 3px 0px;color:#a8a8a8;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #a8a8a8; }
#userlinks { border:1px solid #212121; background-color: #404040 }

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

.activeuserstrip { background-color:#212121; padding:6px }

.pformstrip { background-color: #404040; color:#a8a8a8;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #404040; padding:6px; margin-top:1px;width:25%; border-top:1px solid #212121; border-right:1px solid #212121; }
.pformleftw { background-color: #404040; padding:6px; margin-top:1px;width:40%; border-top:1px solid #212121; border-right:1px solid #212121; }
.pformright { background-color: #404040; padding:6px; margin-top:1px;border-top:1px solid #212121; }

.post1 { background-color: #404040 }
.post2 { background-color: #404040 }
.postlinksbar { background-color:#404040;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://img.photobucket.com/albums/v680/TrenchLP/ttmd2.jpg) }

.row1 { background-color: #404040 }
.row2 { background-color: #404040 }
.row3 { background-color: #404040 }
.row4 { background-color: #404040 }

.darkrow1 { background-color: #404040; color:#212121; }
.darkrow2 { background-color: #404040; background-image: url(http://img.photobucket.com/albums/v680/TrenchLP/bbbotgrad.jpg); color:#212121; }
.darkrow3 { background-color: #404040; color:#212121; }

.hlight { background-color: #404040 }
.dlight { background-color: #404040 }

.titlemedium { font-weight:bold; color:#a8a8a8; padding:7px; margin:0px; background-image: url(http://img.photobucket.com/albums/v680/TrenchLP/ttmd2.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #a8a8a8 }

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://img.photobucket.com/albums/v680/TrenchLP/bbgrad.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid #212121;background-color:#212121 }
.tableborder { border:1px solid #212121;background-color:#212121; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid #212121;background-color:#212121;padding:6px;  }
.tablepad    { background-color:#212121;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:#a8a8a8 }
.edit { font-size: 9px }

.signature   { font-size: 10px; color: #a8a8a8 }
.postdetails { font-size: 10px }
.postcolor   { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #a8a8a8 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #a8a8a8 }

.searchlite { font-weight:bold; color:#a8a8a8; background-color:#404040 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #a8a8a8; background-color: #404040; 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: #a8a8a8; background-color: #404040; border: 1px solid #212121; 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 #212121;border-bottom:1px solid #212121 }

.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 }

</STYLE><CENTER><b>Negro y Azul</b> created by <B>TrenchLP</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">


Thanks a billion.
Offline Profile Quote Post Goto Top
 
sdsdsdsd
Member
[ *  * ]
its okay
Offline Profile Quote Post Goto Top
 
Colonel Mustard
Member
[ *  *  *  * ]
Nice :)
Offline Profile Quote Post Goto Top
 
Ataris
Member Avatar
Member
[ * ]
Not bad, the "Showing x of x topics" text when you go into a forum...its too similar to the colour of the background image/colour, so it doesnt show up to well. I'm pretty sure it comes under the .darkrow2 tag, and again on text colours...the blue links don't show up great against the grey backgrounds.
Offline Profile Quote Post Goto Top
 
Fiona
Member Avatar
true in mind body spirit
[ *  *  *  *  *  *  *  * ]
Not bad. :)

I have a few suggestions, though. First of all, the link color makes it hard to read the links. I like it how it fits with the maintitle, but it just doesn't feel like it fits. The IF copyright is the worst part, I suggest changing that link color to something else. I love the markers you used, and the maintitle is not bad, keeping in mind that it is only your 4th skin.

I like the colors you used, and you did a good job in not making them clash, something I see often in earlier skins.

Offline Profile Quote Post Goto Top
 
Shadow!
Member
[ * ]
I Like It Nice One :)
Offline Profile Quote Post Goto Top
 
TrenchLP
Member Avatar
Member
[ *  * ]
Would anyone say it is worthy to be used on a forum? I ask because I hope to open a forum, and I would like for all the images on the skin to be created by me.
Offline Profile Quote Post Goto Top
 
Fiona
Member Avatar
true in mind body spirit
[ *  *  *  *  *  *  *  * ]
I say it would if you just edit a few minor details. ^_^
Offline Profile Quote Post Goto Top
 
TrenchLP
Member Avatar
Member
[ *  * ]
Thanks! I'll keep the comments made here in mind before I use the skin.
Offline Profile Quote Post Goto Top
 
Peter
Member Avatar
Care for a quiche?
[ *  *  *  *  *  * ]
you need to make your copyright (div.row4) border darker in my opinion, and make your maintitle text the same grey as the rest, also changing the background and border colors of your forminput and codebuttons would make the skin look more complete.
I know their not exactly part of the skin, but the markers could do with being cut out and having the same background color as your row2 ans row4.
other than that its nice, especially for your fouth skin.
Offline Profile Quote Post Goto Top
 
TrenchLP
Member Avatar
Member
[ *  * ]
Quote:
 
I know their not exactly part of the skin, but the markers could do with being cut out and having the same background color as your row2 ans row4.


With that can I assume you're viewing the skin on IE? I'm sorry, I'm not exactly sure what you mean by this. I'll edit the maintitle text and copyright border. :D Also, could you kind of explain this is in dumb-crap terms for me?

Quote:
 
also changing the background and border colors of your forminput and codebuttons would make the skin look more complete.
Offline Profile Quote Post Goto Top
 
CBKilla
Member
[ *  * ]
it's good :D
Offline Profile Quote Post Goto Top
 
ExiledSoldier
Member Avatar
To Holmgard and Beyond
[ *  *  *  *  *  * ]
its pretty nice.
Offline Profile Quote Post Goto Top
 
Ms. Moony
Member Avatar
Member
[ * ]
OMG I LOVE IT!
Offline Profile Quote Post Goto Top
 
Ms. Moony
Member Avatar
Member
[ * ]
it needs more stuff tho
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1