|
Negro y Azul; First skin for a while.
|
|
Topic Started: Feb 5 2006, 05:29 AM (566 Views)
|
|
TrenchLP
|
Feb 5 2006, 05:29 AM
Post #1
|
- Posts:
- 76
- Group:
- Members
- Member
- #54,354
- Joined:
- February 17, 2005
|
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.
|
|
|
| |
|
sdsdsdsd
|
Feb 5 2006, 10:14 AM
Post #2
|
- Posts:
- 101
- Group:
- Members
- Member
- #142,613
- Joined:
- January 28, 2006
|
its okay
|
|
|
| |
|
Colonel Mustard
|
Feb 5 2006, 10:40 AM
Post #3
|
- Posts:
- 620
- Group:
- Members
- Member
- #68,566
- Joined:
- April 19, 2005
|
Nice
|
|
|
| |
|
Ataris
|
Feb 5 2006, 12:43 PM
Post #4
|
- Posts:
- 7
- Group:
- Members
- Member
- #144,728
- Joined:
- February 5, 2006
|
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.
|
|
|
| |
|
Fiona
|
Feb 5 2006, 01:24 PM
Post #5
|
- Posts:
- 8,484
- Group:
- Members
- Member
- #3,506
- Joined:
- December 1, 2003
|
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.
|
|
|
| |
|
Shadow!
|
Feb 5 2006, 01:30 PM
Post #6
|
- Posts:
- 37
- Group:
- Members
- Member
- #123,158
- Joined:
- November 17, 2005
|
I Like It Nice One
|
|
|
| |
|
TrenchLP
|
Feb 5 2006, 01:52 PM
Post #7
|
- Posts:
- 76
- Group:
- Members
- Member
- #54,354
- Joined:
- February 17, 2005
|
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.
|
|
|
| |
|
Fiona
|
Feb 5 2006, 01:55 PM
Post #8
|
- Posts:
- 8,484
- Group:
- Members
- Member
- #3,506
- Joined:
- December 1, 2003
|
I say it would if you just edit a few minor details.
|
|
|
| |
|
TrenchLP
|
Feb 5 2006, 02:23 PM
Post #9
|
- Posts:
- 76
- Group:
- Members
- Member
- #54,354
- Joined:
- February 17, 2005
|
Thanks! I'll keep the comments made here in mind before I use the skin.
|
|
|
| |
|
Peter
|
Feb 5 2006, 03:10 PM
Post #10
|
- Posts:
- 3,202
- Group:
- Members
- Member
- #50,386
- Joined:
- January 28, 2005
|
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.
|
|
|
| |
|
TrenchLP
|
Feb 5 2006, 03:24 PM
Post #11
|
- Posts:
- 76
- Group:
- Members
- Member
- #54,354
- Joined:
- February 17, 2005
|
- 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. 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.
|
|
|
| |
|
CBKilla
|
Feb 5 2006, 04:50 PM
Post #12
|
- Posts:
- 50
- Group:
- Members
- Member
- #121,507
- Joined:
- November 10, 2005
|
it's good
|
|
|
| |
|
ExiledSoldier
|
Feb 5 2006, 08:37 PM
Post #13
|
- Posts:
- 2,701
- Group:
- Members
- Member
- #80,082
- Joined:
- June 9, 2005
|
its pretty nice.
|
|
|
| |
|
Ms. Moony
|
Feb 6 2006, 05:41 PM
Post #14
|
- Posts:
- 33
- Group:
- Members
- Member
- #135,754
- Joined:
- January 3, 2006
|
OMG I LOVE IT!
|
|
|
| |
|
Ms. Moony
|
Feb 6 2006, 05:42 PM
Post #15
|
- Posts:
- 33
- Group:
- Members
- Member
- #135,754
- Joined:
- January 3, 2006
|
it needs more stuff tho
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|