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
Tropica; Third
Topic Started: Nov 18 2005, 08:53 PM (344 Views)
YankeeMurtagh106
Member
[ *  * ]
Name:Tropica
Author:YankeeMurtagh106
Skin Number:3
Date Created:11/18/05
Side Notes:Okay, getting better as I go along. This is my first skin with my own grads.*thanks for the tut locke!* Just wanted to see how it turned out.C&C much appreciated


Preview


CSS of skin:
Quote:
 
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: 10px; color: #2F4F4F; margin: px px px px; background-color:#FFCC99; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #2F4F4F; }
a:link, a:visited, a:active { text-decoration: underline; color: #2F4F4F }
a:hover { color: #; text-decoration:none }

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

img.attach { border:2px outset #EEF2F7;padding:2px }

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

.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:#2F4F4F;background-color:#; background-image: url(http://);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 #00FFFF;background-color: #; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #; background-image: url(http://); border:1px solid #00FFFF;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #00FFFF;background-color: #;background-image:url(http://);padding:0px;margin:0px; }
/* Skin Created using the Premium CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #00FFFF;background-color: #; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#2F4F4F;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #2F4F4F; }
#userlinks { border:1px solid #00FFFF; background-color: #; background-image: url(http://) }

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

.activeuserstrip { background-color:#; background-image: url(http://img488.imageshack.us/img488/476/hi2fy.jpg); padding:6px }

.pformstrip { background-color: #; background-image: url(http://img488.imageshack.us/img488/476/hi2fy.jpg); color:#;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #00FFFF; border-right:1px solid #00FFFF; }
.pformleftw { background-color: #; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #00FFFF; border-right:1px solid #00FFFF; }
.pformright { background-color: #; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #00FFFF; }

.post1 { background-color: #00EEEE; background-image: url(http://) }
.post2 { background-color: #FFCC99; background-image: url(http://) }
.postlinksbar { background-color:#;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }

.row1 { background-color: #; background-image: url(http://img488.imageshack.us/img488/476/hi2fy.jpg) }
.row2 { background-color: #; background-image: url(http://img488.imageshack.us/img488/476/hi2fy.jpg) }
.row3 { background-color: #; background-image: url(http://) }
.row4 { background-color: #; background-image: url(http://img488.imageshack.us/img488/476/hi2fy.jpg) }

.darkrow1 { background-color: #; background-image: url(http://); color:#2F4F4F; }
.darkrow2 { background-color: #; background-image: url(http://); color:#2F4F4F; }
.darkrow3 { background-color: #; background-image: url(http://); color:#2F4F4F; }

.hlight { background-color: #00EEEE; background-image: url(http://) }
.dlight { background-color: #FFCC99; background-image: url(http://) }

.titlemedium { font-weight:bold; color:#; padding:7px; margin:0px; background-color: #; background-image: url(http://img488.imageshack.us/img488/476/hi2fy.jpg) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: # }

.maintitle { vertical-align:middle;font-weight:bold; color:#; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #; background-image: url(http://img488.imageshack.us/img488/476/hi2fy.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: # }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #00FFFF;background-color:#00FFFF; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #00FFFF;background-color:#; background-image: url(http://);padding:6px; }
.tablepad { background-color:#; background-image: url(http://);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:#2F4F4F }
.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: #2F4F4F; background-color: #; background-image: url(http://); border: 1px solid #00FFFF; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #2F4F4F; background-color: #; background-image: url(http://); border: 1px solid #00FFFF; 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 #00FFFF;border-bottom:1px solid #00FFFF }

.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
 
Akheem
Member Avatar
When you Soar like an Eagle, You Attract the Hunters...
[ *  *  *  *  * ]
Summery

Well an interesting piece; i'm not feeling it. the colours dont blend/match at all. the one thing you could have done to make it better was losen the widness on the skinn. in other words, compress it...

the main tittle, tittle mid, row 1, 2, 3, and 4 are all the same. that just kills it. i think you have forgotten to save the tittle as png because its lacking great quality. one more thing about the portal i would like to bring up. theres a big blue strip going across the bottom or the portal. besides that, the portal looks fine. just the colours. i think it would be understandable if your useing paint or something.

over all its a nice 3rd. keep practicing. use these links to help you out more with your skinning. i can see the talent you have you just have to let it out. keep practicing!

http://www.duggyd.co.uk/css/ipb1_2_0/index.htm
http://www.ifskinzone.net/main.php?p=CSS_cheatsheet


Offline Profile Quote Post Goto Top
 
YankeeMurtagh106
Member
[ *  * ]
^thanks! I think I got it a little better in this one-BlueGreen Pro
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply