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
Yellow Pop
Topic Started: Oct 25 2005, 03:52 AM (900 Views)
CookieMonster
Member Avatar
Member
[ *  * ]
Name:Yellow Pop
Author:Cameron/CookieMonster
Skin Number:13
Date Created:October 25th 2005
Side Notes:Yellow Pro Looking Skin.


Preview of the skin


CSS of skin:
Quote:
 
</STYLE><CENTER>Skin created by <B>Cookiemonster</B>. Find more great skins at the <B><A HREF="http://invisionfree.com/directory.php?go=14761" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
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: #000; margin:0px 10px 0px 10px;background-color:#FFF }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #000000; text-decoration:underline }

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

img.attach { border:2px outset #D8D8D8;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:#F2F4F2;padding:4px;margin:0px }

.warngood { color:yellow }
.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 #D8D8D8;background-color: #F2F4F2}
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F2F4F2; border:1px solid #D8D8D8;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #D8D8D8;background-color: #FFFFFF;background-image:url(http://img301.imageshack.us/img301/365/bg168re.png);padding:0px;margin:0px; }
#submenu  { border:1px solid #D8D8D8;background-image:url(http://img494.imageshack.us/img494/2166/bg153tu.png);font-size:10px;margin:3px 0px 3px 0px;color:#F18400;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #F18400; }
#userlinks { border:1px solid #D8D8D8; background-image:url(http://img494.imageshack.us/img494/2166/bg153tu.png)}

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

.activeuserstrip { background-image:url(http://i4.ifrm.com/1575/85/pip/drow.jpg); padding:6px }

.pformstrip { background-image:url(http://img492.imageshack.us/img492/1212/hdrbg9sq.gif); color:#F18400;font-weight:bold;padding:3px;margin-top:1px }
.pformleft  { background-color: #F2F4F2; padding:6px; margin-top:1px;width:25%; border-top:1px solid #D8D8D8; border-right:1px solid #D8D8D8; }
.pformleftw { background-color: #F2F4F2; padding:6px; margin-top:1px;width:40%; border-top:1px solid #D8D8D8; border-right:1px solid #D8D8D8; }
.pformright { background-color: #f6f6f6; padding:6px; margin-top:1px;border-top:1px solid #D8D8D8; }

.post1 { background-color: #f6f6f6}
.post2 { background-color: #f6f6f6}
.postlinksbar { background-color:#f6f6f6;padding:3px;margin-top:1px;font-size:10px; background-image: url(http://img492.imageshack.us/img492/1212/hdrbg9sq.gif) }

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

.darkrow1 { background-color: #F2F4F2; color:#00870D; }
.darkrow2 { background-image:url(http://img492.imageshack.us/img492/3707/bg147lr.png); color:#00870D; }
.darkrow3 { background-color: #F2F4F2; color:#00870D; }

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

.titlemedium { font-weight:bold; color:#F18400; padding:3px; margin:0px; background-image: url(http://img492.imageshack.us/img492/1212/hdrbg9sq.gif) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #00870D }

.maintitle { text-align:center;vertical-align:middle;font-weight:bold; color:#000; background-position:center;letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://img458.imageshack.us/img458/6338/bg138rh.png) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #000}
.maintitle a:hover { text-decoration: underline }

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

.signature  { font-size: 10px; color: #000 }
.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: #000; background-color: #f6f6f6; border: 1px solid #D8D8D8; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #000; background-color: #f6f6f6; border: 1px solid #D8D8D8; 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 #D8D8D8;border-bottom:1px solid #D8D8D8}

.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>
<script language='javascript'>
if ( location.search.indexOf('act=calendar')!=-1 ){document.write("<style>.maintitle { background-image: url(http://img458.imageshack.us/img458/6338/bg138rh.png); }}</style>")}
</script>
Offline Profile Quote Post Goto Top
 
_Hamdan_
Member
[ * ]
nice work , kinda kool
7/10

thanks
Ham
Offline Profile Quote Post Goto Top
 
Yoda
Member Avatar
Member
[ *  *  *  *  * ]
like it ^_^
Offline Profile Quote Post Goto Top
 
Vettore
Member Avatar
DON VETTORE
[ *  *  *  *  *  *  *  *  * ]
The maintitle isnt very original, and either loose the black bordor around the box or replace it with another colour. It doesnt look good that way imo. Same goes towards the darkrow2. Maybe consider moving either the box downwards, or edit the padding so that the text on the maintitle moves upwards.

This may just be me, but the orange text doesnt really match the maintitle, maybe try making it a little lighter.

Good job though. ^_^
Offline Profile Quote Post Goto Top
 
Astheria
 
[ *  *  *  *  *  *  *  * ]
Nemesis was pretty much right on with my thoughts too, the padding on the active user strip and submenu need to be adjusted so that your gradient doesn't repeat vertically, you're getting there but now you need to get a bit more into the technical aspects of it.
Offline Profile Quote Post Goto Top
 
Gizmo Mk1
Member
[ *  *  *  *  * ]
Why not center the skin to stop the repeating?
Offline Profile Quote Post Goto Top
 
.Fable
Member Avatar
relax, we understand j00
[ *  *  *  *  *  * ]
I liked it only it seemed a bit to bland some how
Offline Profile Quote Post Goto Top
 
petey
Member Avatar
Member
[ *  *  * ]
nice skin! I like it!
Offline Profile Quote Post Goto Top
 
jelly belly
Member Avatar
The SZ asshole
[ *  *  *  *  * ]
cool skin, it looks like orange, not yellow to me though :P and i really dont like wide skins like that ;)
Offline Profile Quote Post Goto Top
 
CookieMonster
Member Avatar
Member
[ *  * ]
Thanks Guys I'm happy you like it.

I will try to make an improved version. :D
Offline Profile Quote Post Goto Top
 
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
Not bad of a skin, here's my fixes:

I always tell this to whoever forgets to do it. You should take the little images out of the submenu. To do that, put this near your #submenu selector: "#submenu img { display: none; }"

The userlinks/submenu image isn't bad, but I don't like the white line going through it. I'm pretty sure I know what you were trying to do, and it didn't work well if that's what you were doing. Were you trying to make it look as if the line was dug-in to the image? If so, add a darker line right above it. If not, ignore what I just said >_>

The main problem I have with this skin is the maintitle. The orange (I believe it's orange, I don't see any bit of yellow in this skin at all) bar in the middle is too short. I mean, if you view your Calendar, you will notice that the text goes outside of the bar big time. I uggest making the bar bigger. Other than that, the text on the MT could be a bit higher. To do this, change your MT padding in your CSS to this: "padding: 6px 0px 10px 0px;". It will keep the image the same, but the text will move up higher by 2px.

I can't see your titlemedium text. I'd suggest making it the same color text as your .pformstrip, that was a good color choice.

The darkrow2 would look better if it didn't repeat because of your enormous board length. Later on in this post, I'll explain how to fix the board width problem.

Your caldate needs a grad. That orange clashes badly with the gray.

The normalname selector's color needs to be changed. You can't see the text because the text color matches the background color.

The user control panel is probably the worst area of the skin. I'd recommend changing the "#ucpcontent { background-color: #F2F4F2;" to "#ucpcontent { background-color: #f6f6f6;", which is the same colors as your rows. This should make your UserCP look a lot better.

Lastly, you are going to want to change the overall board length. This is going to make everything look a lot better, in my opinion. In your Admin CP, put this at the VERY bottom of your CSS:

Quote:
 
</style>
<div width=100% align=center>
<table height=100%>
<td width=794px valign=top>


That's all I've got to help you out. Good luck on the skin ^___^


Offline Profile Quote Post Goto Top
 
xthexratx
Member
[ *  * ]
Kinda boring... :/

Keep at it.
Offline Profile Quote Post Goto Top
 
M3J
Member Avatar
Member
[ *  *  * ]
4/10. Extra points for a cool site banner.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply