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
blue/black/gold; my first skin
Topic Started: Jun 8 2008, 10:47 PM (644 Views)
jeremybrown37334
Member
[ *  * ]
This is my first skin so i know it is not that great

Theme/Skin Name:blue/black/gold
Author:jeremybrown37334
Date Created:6/8/08
Side Notes:n/a
[Preview

Javascript:

Quote:
 
<CENTER>Theme/Skin created by <strong>"jeremybrown37334"</strong>. Find more great designs at the <strong><A HREF="http://zbthemezone.com/" TARGET="_BLANK">ZetaBoards Theme Zone</A></strong>.</CENTER>


Header & Body:

Quote:
 
<body bgcolor='#FFFFFF' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


CSS

Quote:
 
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img { vertical-align:middle; border:0px }
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #ffd700; margin:0px 30px 0px 30px;background-color:#000000; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #ffd700; }
a:link, a:visited, a:active { text-decoration: underline; color: #ffd700; }
a:hover { color: #ffd700; 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:#ffd700;background-color:#00008b;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 #000000;background-color: #00008b }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #00008b; 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 #000000;background-color:#000000;padding:0px;margin:0px;}
/* Skin Created using the Simple CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #000000;background-color: #000000;font-size:10px;margin:3px 0px 3px 0px;color:#ffd700;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #ffd700 }
#userlinks { border:1px solid #000000; background-color: #000000 }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#00008b; padding:6px }
.pformstrip { background-color: #00008b; color:#ffd700;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #00008b; padding:6px; margin-top:1px;width:25%;border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #00008b; padding:6px; margin-top:1px;width:40%;border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #00008b; padding:6px; margin-top:1px;border-top:1px solid #000000; }
.post1 { background-color: #0000ff }
.post2 { background-color: #0000ff }
.postlinksbar { background-color:#00008b;padding:7px;margin-top:1px;font-size:10px; }
.row1 { background-color: #00008b }
.row2 { background-color: #00008b }
.row3 { background-color: #00008b }
.row4 { background-color: #00008b }
.darkrow1 { background-color: #00008b; color:#ffd700; }
.darkrow2 { background-color: #00008b; color:#ffd700; }
.darkrow3 { background-color: #00008b; color:#ffd700; }
.hlight { background-color: #0000ff }
.dlight { background-color: #0000ff }
.titlemedium { font-weight:bold; color:#ffd700; padding:7px; margin:0px; background-color: #00008b }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #ffd700 }
.maintitle { vertical-align:middle;font-weight:bold; color:#ffd700; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #00008b }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #ffd700 }
.maintitle a:hover { color: #ffd700; text-decoration: underline }
.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #000000;background-color:#000000; padding:0px; margin:0px;width:100% }
.tablefill { border:1px solid #000000;background-color:#00008b;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:#ffd700 }
.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:#0000ff;background-color: #ffd700; border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial, font-size: 11px; color: #0000ff; background-color: #ffd700; border: 1px solid #000000; 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 #000000;border-bottom:1px solid #000000 }
.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 }


<CENTER>Theme/Skin created by <strong>"jeremybrown37334"</strong>. Find more great designs at the <strong><A HREF="http://zbthemezone.com/" TARGET="_BLANK">ZetaBoards Theme Zone</A></strong>.</CENTER>

Edited by jeremybrown37334, Jun 8 2008, 10:53 PM.
Offline Profile Quote Post Goto Top
 
Sith
Member
[ *  *  *  *  *  *  * ]
Hey, it isn't too bad. At least the colours flow quite well and all the text is readable. ^_^

Next time try using some gradient images to more depth to the skin. A good place to add one would be in the .maintitle class in your style sheet. If you don't have a graphics program, the GIMP is free and can be used to make images for your skin. :)
Offline Profile Quote Post Goto Top
 
jeremybrown37334
Member
[ *  * ]
thanks for the addvice
Offline Profile Quote Post Goto Top
 
monday100
Member Avatar
Member
[ *  *  * ]
The adivce I would give is the same already given. The skin's not bad for a first (I've seen far worse ones), but you do need to use gradients.
Offline Profile Quote Post Goto Top
 
amhc
Member Avatar
resident jesus
[ *  *  *  *  *  *  *  * ]
Minimalistic, easy to use, and focuses on content rather than aesthetics. I'm quite a fan of skins and themes like these, so this looks fairly nice in my opinion. However, since all of the text and links are yellow, it becomes difficult to distinguish the two from each other. I personally would have used yellow for the link colors and perhaps a different readable text color for the rest of the skin.

Some people like gradients and images on their skins, so you might want to try that out in the future as the others said. You could also retain being minimalistic and use fairly simple gradients throughout the skin. This skin looks nice and you did a good job on it. I hope to see more from you in the future. ^_^
Offline Profile Quote Post Goto Top
 
Canimia
Member Avatar
Parachute? This is obviously a Hot Air Balloon!
[ *  *  * ]
The colors you used are interesting. They go together pretty well.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply