Treeckos Skin (Dragonair's Den)

Title: Treeckos Skin

Treecko - November 24, 2006 06:00 PM (GMT)

I made a skin, my FIRST one!
Name: Pokemon Wonders
Preview: http://z6.invisionfree.com/Pokemon_fun/index.php?act=idx
Code:
CSS:

CODE

html { overflow-x: auto; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }

BODY {font-family: Verdana, Tahoma, Arial, sans-serif;font-size:20px;color: #1E41F2; margin:0px 10px 10px 10px;background-color:#F1085D; background-image:url(http://i15.tinypic.com/2mdnwd2.gif); background-position:center; background-repeat: no-repeat; }

TABLE, TR, TD {font-family: Verdana,Tahoma, Arial, sans-serif;font-size:20px; color: #1E41F2;}

a:link, a:visited, a:active {text-decoration:blink;color: #F1086D;}

a:hover { color: #F108CA;text-decoration:overline}

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% }
.googlerightgen, .googlerightgen a:link, .googlerightgen a:visited,
.googlerightgen a:active { font-size:11px; color: #4D6684; }
.googlebottom, .googlebottom a:link, .googlebottom
a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
</style>
<script>
function copyright(){
var skin = 'Pokemon Wonders'
var skinner = 'Pinefur'
var iDiv = document.getElementsByTagName('DIV')
for(x=0;x<iDiv.length;x++){
if(iDiv[x].className=='row4' && iDiv[x].align=='center' && iDiv[x].innerHTML.match('Hosted for free by')){
iDiv[x].innerHTML += "<br />Skin <b>" + skin + "</b> created by <b>" + skinner + "</b>. Find more Great Skins & Services at <a href='http://zetastyles.com/'>ZetaStyles.com</a>."
}}}
</script>
<style>
.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
{background-image:url([IMG]http://i9.tinypic.com/33fgdph.gif[/IMG]);text-align:right;font-weight:bold;font-size:8px;color:#CC77A4; background-color:#6EABBA;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:120%;width:22%;border:0px solid #1FF108;background-color: #9E6EBA }

#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }

#ucpcontent { background-color: #9E6EBA;
border:0px solid #1FF108;
line-height:120%; width:auto; }

#ucpcontent p { padding:10px;margin:0px;}

#submenu { border:1px solid #1FF108;background-color: #AEF75A; background-image: url(http://i7.tinypic.com/3zrrz4h.gif); font-size:20px;margin:3px 0px 3px 0px;color:#1E41F2; font-weight:bold;}

#submenu a:link, #submenu a:visited, #submenu a:active{font-weight:bold;font-size:20px;text-decoration: blink; color: #F1086D; }

#submenu img { display:none; }
#ipsbanner {position:absolute;top:1px;right:5%;}

#logostrip { border:0px solid #1FF108;background-color: #5AF7E2;background-image:url(http://i10.tinypic.com/312fcwi.gif);padding:0px;margin-bottom:4px; }

#userlinks {padding:0px; border:1px solid #1FF108; background-color: #BB7F51; background-image: url(http://i7.tinypic.com/2wrhjbk.gif);}

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

.activeuserstrip { border:1px solid #1FF108;background-color:#8DBCF2;padding:4px;background-image:url(http://i9.tinypic.com/2usvfjl.gif);}

.pformstrip { background-color: #E7D42A;color:#52D312;background-image:url(http://i7.tinypic.com/3yc9dfp.gif);font-weight:bold;padding:4px;margin-top:1px; }
.pformleft { background-color: #E7D42A; padding:6px; margin-top:1px;width:25%;border-top:1px solid #1FF108; border-right:1px solid #1FF108; }
.pformleftw { background-color: #E7D42A; padding:6px; margin-top:1px;width:40%;border-top:1px solid #1FF108; border-right:1px solid #1FF108; }
.pformright { background-color: #E7D42A; padding:6px; margin-top:1px;border-top:1px solid #1FF108; }

.post1 { background-color: #DCBA8E; }
.post2 { background-color: #D510DC; }

.postlinksbar {border-left:1px solid #1FF108;border-right:1px solid #1FF108; font-size:20px; font-weight:bold; color:#1E41F2;padding:4px; margin:0px;background-color: #8EBADC;background-image: url(http://i9.tinypic.com/43fvrsh.gif); }

.row1 { background-color: #637CA6; }
.row2 { background-color: #D92D55; }
.row3 { background-color: #DAF108; }
.row4 { background-color: #F17508; }
div.row4 { border-color: #1FF108!important;}



.darkrow1 {background-color: #214876; color:#1E41F2;background-image:url(http://i10.tinypic.com/33lilxu.gif);}
.darkrow2 {background-color: #4D6480; color:#1E41F2;background-image:url(http://i9.tinypic.com/44kyuzk.gif);}
.darkrow3 {background-color: #55616F; color:#1E41F2;background-image:url(http://i7.tinypic.com/2u74ls1.gif);}

.hlight { background-color: #F1085D;}
.dlight { background-color: #F1085D;}

.titlemedium { font-weight:bold; color:#1E41F2; padding:4px; margin:0px; background-image: url(http://i9.tinypic.com/47hufrp.gif); }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #F1086D; }

.maintitle {text-align:left; background-position:bottom left; background-color:#2A00FF; background-repeat:no-repeat; font-weight:bold; color:#52D312; letter-spacing:1px; padding:10px 0px 7px 30px; background-image: url(http://i9.tinypic.com/4gs1p4p.gif); }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: overline; color: #D31272;}
.maintitle a:hover { text-decoration: underline; }

.plainborder { border:1px solid #1FF108;background-color:#F1085D; }
.tableborder { border:0px solid #1FF108;background-color:#1FF108; padding:0px; margin:0px; width:100%; }
div.tableborder { border:0px solid #1FF108;background-color:#F1085D; padding:0px; margin:0px; width:100%; }
.tablefill { border:1px solid #1FF108;background-color:#F1085D;padding:6px; }
.tablepad { background-color:#F1085D;padding:6px; border:1px solid #1FF108; }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px; }
div.row4 { border-bottom:1px solid #1FF108;border-right:1px solid #1FF108;border-left:1px solid #1FF108; border-top:1px solid #1FF108;background-color:#F1085D; }

.wrapmini { float:left;line-height:1.5em;width:25%; }
.pagelinks { float:left;line-height:1.2em;width:35%; }

.desc { font-size:10px; color:#FF0066;}
.edit { font-size: 9px; }

.signature { font-size:12px; color: #A96F63; padding: 10px; height: 300px; overflow: hidden; }

.postdetails {font-size: 10px; margin-left: 50px; margin-right: 50px; }
.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: #7DBAD9; background-color: #8820A2;border-left: 2px dotted #D6D379; border-right: 2px dotted #D6D379; border-top: 1px dotted #D6D379; border-bottom: 1px dotted #D6D379; padding-top: 4px; padding-right: 3px; padding-bottom: 4px; padding-left: 4px; background-image:url(); background-position: top right; background-repeat: no-repeat;}

#CODE { font-family: Verdana, Arial; font-size: 11px; color: #A27B20; background-color: #205DA2;border-left: 2px solid #A22076; border-right: 2px solid #A22076; border-top: 1px solid #A22076; border-bottom: 1px solid #A22076; padding-top: 4px; padding-right: 3px; padding-bottom: 4px; padding-left: 4px; background-image:url(); background-position: top right; background-repeat: no-repeat;}

.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; border: 1px solid #D3D5D8; background-image: url([IMG]http://i10.tinypic.com/352onl2.gif[/IMG]); }

INPUT, SELECT, TEXTAREA, .textinput { font-size: 7px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;border: 1px solid #D3D5D8;background-color:#DCBA8E;color:#E4330F; padding: 2px; background-image: url([IMG]http://i7.tinypic.com/30l2mh0.gif[/IMG]); background-position: bottom right;}

.radiobutton, .forminput { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid #D3D5D8; background-image: url([IMG]http://i10.tinypic.com/352onl2.gif[/IMG]); background-color: #DCBA8E; background-repeat: repeat-x; background-position: top left;}

.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 #CACACA;border-bottom:1px solid #FFF; }

.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>Skin created by <B>Latios</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">

Header & Body, Board Wrappers:

CODE

It is my first skin, don't laugh. But I am not currently using it at P.F.

ShadowGX - November 25, 2006 02:36 AM (GMT)

No offense it sucks.

Silverpelt - November 25, 2006 02:49 AM (GMT)

It's pretty good for your first try. The animated Pokemon in the mantitles could be changed, maybe into still ones? Just a suggestion. ^_^

ShadowGX - November 25, 2006 03:43 AM (GMT)

Sorry I never knew it was your first try.

Treecko - November 25, 2006 10:07 PM (GMT)

QUOTE (Silverpelt @ Nov 24 2006, 09:49 PM)

It's pretty good for your first try. The animated Pokemon in the mantitles could be changed, maybe into still ones? Just a suggestion. ^_^

I changed it alot so the code changed, when I like the skin I will provide the code, alright?
PS, That is alright, ShadowGX. :cool: I am used to that.

Below is a still IMG. Could I use that?

lopfot - November 25, 2006 10:21 PM (GMT)

It's kinda...... bright. I personally like it though.

Treecko - November 27, 2006 09:29 PM (GMT)

I am changing it, but I am new with it so it will take a lot of time.

SEGAMew - December 5, 2006 11:05 AM (GMT)

Ugh.... you don't want to hear my opinion on your skin... :sweatdrop:

Treecko - December 5, 2006 10:27 PM (GMT)

QUOTE (SEGAMew @ Dec 5 2006, 06:05 AM)

Ugh.... you don't want to hear my opinion on your skin... :sweatdrop:

I am changing it, but the preview is it updated.
*sniff* I thought I was going to get comments, not putdowns!
It is my first! :o

Hei-Ying-Shih - December 6, 2006 11:51 AM (GMT)

Hmmmmmmmmmmm...it is too bright. But I think the animation is unique and rather cute; don't change that. Also, you might want to make the links smaller.

Slim Davy - December 10, 2006 10:25 PM (GMT)

Eww...No offense though.If your going to try again then try to make a skin with this link:http://www.ifskinzone.net/main.php?p=PSGHope it helps!

pokemon_diamond_pearl - December 11, 2006 04:01 AM (GMT)

messy, bright, and hard to read. Sorry.

Slim Davy - December 16, 2006 06:43 PM (GMT)

Its better now but WAY to many images on the header and footer.

Treecko - December 16, 2006 06:46 PM (GMT)

QUOTE (Slim Davy @ Dec 16 2006, 01:43 PM)

Its better now but WAY to many images on the header and footer.

Ok. I think.

View Full Version: Treeckos Skin