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
Moody Blue; Shades of Blue
Topic Started: Dec 31 2006, 12:54 PM (962 Views)
Tatalee
Member
[ * ]
Name: Moody Blue
Author: Tatalee
Skin Number: 1
Date Created: December, 29 2006
Side Notes: My first skin attempt, and I am still learning


Preview of the skin

Header & Body:
Quote:
 
<center><body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0"  bgcolor="0f89c1" valign="top" height="100%" width="600"><tr><td valign="top" height="100%"  background="http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Left.png" style="padding:50px;border:0px;"></td><td height="100%" valign="top"> 
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
</br><div align="center"><div class="advertise" style="font-size: 7.5pt; width: 70%;line-height: 12px; padding:4px 0px 4px 0px; spacing:0px 0px 0px 0px"> </A></B></div></div>


Footer:
Quote:
 
<CENTER>Skin created by <B>Tatalee</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></td><td align="left" valign="top" background="http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Right.png" style="padding:50px;border:0px;"></td></tr></table>


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: #0000; margin:0px 10px 0px 10px;background-color:#51bff2 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #000000; }
a:link, a:visited, a:active { text-decoration: none; color: #000000 }
a:hover { color: #000000; text-decoration:underline }

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

img.attach { border:0px outset #51bff2;padding: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: #000000;background-color:#51bff2;background-image: url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Titlemenu.jpg);padding:0px;border-bottom:0px solid #0e89c2;margin:0px }

.warngood { color:white }
.warnbad  { color:black }

#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:0px solid black }
#photoimg  { text-align:center; margin-top:15px }


#ucpmenu    { line-height:150%;width:22%; border:1px solid #84d4f7;background-color: #84d4f7 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:1px; }
#ucpcontent { background-color: #84d4f7; border:1px solid #51bff2;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:1px; }

#ipsbanner { position:absolute;top:1px;right:5%; }

#logostrip { border:0px solid #0e89c2;background-color: #51bff2;padding:0px;margin:0px; }

#submenu  { border:0px solid #0e89c2;background-color: #86d3f6;background-image:url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Untitled.jpg);font-size:10px;margin:3px 0px 3px 0px;color:#FFFFFF;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #FFFFFF; }

#submenu a:hover { color: #25abe9; text-decoration:none;background-image:url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Hover.jpg);border-left:0px solid #9bddfb;border-right:0px solid #1c84b4;border-top:0px solid #9bddfb;border-bottom:0px solid #1c84b4 }

#userlinks { border:1px solid #0e89c2; background-color: #9bddfb }

#userlinks a:hover { color: #25abe9; text-decoration:none;background-image:url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Hover.jpg);border-left:1px solid #D4D4D4;border-right:1px solid #9bddfb;border-top:1px solid #9bddfb;border-bottom:2px solid #9bddfb }

#navstrip  { font-weight:bold;background-color:#86d3f6; border:1px solid #0e89c2;padding:3px 0px 6px 0px; }

#navstrip a:hover { color: #25abe9; text-decoration:none;background-image:url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Hover.jpg);border-left:1px solid #D4D4D4;border-right:1px solid #9bddfb;border-top:1px solid #9bddfb;border-bottom:2px solid #9bddfb }


.activeuserstrip { background-color:#86d3f6; padding:3px;background-image: url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Titlemedium.jpg);border:0px solid #51bff2; }

.pformstrip { background-color: #0e89c2; color:#0a6f99;background-image: url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Titlemedium.jpg);font-weight:bold;padding:2px;margin-top:1px }
.pformleft  { background-color: #90d9f9; padding:6px; margin-top:1px;width:25%; border-top:0px solid #51bff2; border-right:1px solid#51bff2; }

.pformleftw { background-color: #90d9f9; padding:6px; margin-top:1px;width:40%; border-top:0px solid #51bff2; border-right:0px solid #51bff2; }

.pformright { background-color: #90d9f9;; padding:6px; margin-top:1px;border-top:0px solid #51bff2; }

.post1 { background-color: #90d9f9;border-top:1px solid #bbe7fb;border-left:1px solid #bbe7fb; }

.post2 { background-color: #90d9f9;border-top:1px solid #bbe7fb;border-left:1px solid #bbe7fb; }

.postlinksbar { background-color:#0e89c2;border-left01px solid #51bff2; border-right:0px solid #51bff2;padding:3px;margin-top:1px;font-size:10px; background-image: url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Titlemedium.jpg) }

.postlinksbar a:link { color: #0e89c2; text-decoration:none }
.postlinksbar a:hover { color: #FFFFF; text-decoration:none }

.row1 { background-color: #90d9f9; border-top:1px solid #bbe7fb;border-left:1px solid #bbe7fb; }
.row1 a:link, .row1 a:visited, .row1 a:active { font-weight: normal; text-decoration: none; color: #0a6f99}
.row1 a:hover { color: #FFFFFF; text-decoration:none; font-weight: normal;}

.row2 { background-color: #90d9f9; border-top:1px solid #bbe7fb;border-left:1px solid #bbe7fb; }
.row2 a:link, .row2 a:visited, .row2 a:active { font-weight: normal; text-decoration: none; color: #0a6f99}
.row2 a:hover { color: #FFFFFF; text-decoration:none; font-weight: normal;}

.row3 { background-color: #90d9f9; border-top:1px solid #bbe7fb;border-left:1px solid #bbe7fb; }
.row3 a:link, .row3 a:visited, .row3 a:active { font-weight: normal; text-decoration: none; color: #0a6f99}
.row3 a:hover { color: #0e89c2; text-decoration:none; font-weight: normal;}

.row4 { background-color: #90d9f9; border-top:1px solid #bbe7fb;border-left:1px solid #bbe7fb; }
.row4 a:link, .row4 a:visited, .row4 a:active { font-weight: normal; text-decoration: none; color: #0a6f99}
.row4 a:hover { color: #0e89c2; text-decoration:none; font-weight: normal;}

div.tableborder div.tablepad { background-color: #69c8f6!important; }
div.tableborder div.tablepad table { background-color: #0f89c1!important; }

.darkrow1 { background-color: #0e89c2; color:#FFFFFF; }
.darkrow2 { background-color: #51bff2; color:#FFFFFF;background-image:url(http://img179.imageshack.us/img179/2518/58973tm5.jpg) }
div.darkrow2 { background-color: #51bff2; color:#000000;background-image:url(http://img179.imageshack.us/img179/2518/58973tm5.jpg);border-bottom:0px solid #0e89c2;border-left:0px solid #51bff2;border-right:0px solid #51bff2 }
.darkrow3 { background-color: #90d9f; color:#90d9f9C; }


.hlight { background-color: #90d9f }
.dlight { background-color: #90d9f }

.titlemedium { font-weight:bold; color:#0a6f99; padding:2px; margin:0px; background-image: url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Titlemedium.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #0a6f99 }

.maintitle { vertical-align:middle;text-align:center;background-position: center;background-repeat:x-repeat;color:#FFFFFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://img95.imageshack.us/img95/3181/1234vh8.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFFFFF }
.maintitle a:hover { text-decoration: underline }
div.maintitle {background-color: #06638c;background-repeat:no-repeat;background-image:url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Maintitle.png);}

.plainborder { border-left:0px solid #51bff2;border-right:0px solid #51bff2;border-bottom:0px solid #51bff2;border-top:0px solid #51bff2;background-color:#69c8f6 }

.tableborder { border-left:1px solid #51bff2;border-right:0px solid #51bff2;border-top:0px solid #51bff2;background-color:#51bff2; padding:0px; margin:0px; width:100% }

div.plainborder{border:2px solid #0e89c2;background-color:#0e89c2}
div.tableborder{border:0px solid #0e89c2;background-color:#51bff2}

.tablefill  { border:0px solid #51bff2;background-color:#90d9f;padding:6px;  }

.tablepad    { background-color:#69c8f6;border:0px solid #51bff2; padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini    { float:left;line-height:1.5em;width:25%;background-color: #90d9f;; border:0px solid #51bff2; padding-left:5px;padding: 10px; margin: 5px; }
.pagelinks  { float:left;line-height:1.2em;width:35% }

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

.signature  { font-size: 10px; color: #036089 }
.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 }


#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #0a6f99; background-color: #ccebfa; border-left: 3px solid #0a6f99; border-right:1px solid #0a6f99;border-top:1px solid #0a6f99;border-bottom:1px solid #0a6f99;padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE { font-family: Verdana, Arial; font-size: 11px; color: #0a6f99; background-color: #ccebfa; border-left: 3px solid #0a6f99; border-right:1px solid #0a6f99;border-top:1px solid #0a6f99;border-bottom:1px solid #0a6f99;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; color:#90d9f9C; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-color:#7ac9ee; background-image: url(http://i143.photobucket.com/albums/r157/tara__leigh/My%20Skins/Moody%20Blue/Gn.jpg); background-position:center;border:1px solid #066591; }

.forminput, .radiobutton, .checkbox  { border:0px solid #51bff2 ; color: #069ade  ;background-color:#bce9fe  ; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-image: url(    ); }


.textinput {  border: 0px solid #51bff2  ;background-color:#bce9fe  ; font-size: 10px; color: #069ade  ; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:3px 0px 3px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:0px solid #51bff2;border-bottom:1px dotted #51bff2 }
.thin a:hover { color: #000000; text-decoration:underline }

.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 }

.advertise { border:0px solid #51bff2; background-color:#90d9f; }

</style>





Offline Profile Quote Post Goto Top
 
Enjoii
Member Avatar
Member
[ *  *  *  * ]
Dont like the MT and the skin "stops" at the top. Good for ur first
Offline Profile Quote Post Goto Top
 
.Twisted
Member Avatar
Member
[ *  *  * ]
it looks great for your first can't wait to see other skins by you.
Offline Profile Quote Post Goto Top
 
MewtwoMew
Member
[ * ]
I think that's great for a first try! =)
Offline Profile Quote Post Goto Top
 
Joker_poker1
Member Avatar
Member
[ *  *  * ]
That's not bad for a first try but I don't really like the borders or the maintitle.
Offline Profile Quote Post Goto Top
 
XxAbaddonxX-ZNR
Member
[ * ]
Great skin, I really liked it. :c_grin:
Offline Profile Quote Post Goto Top
 
Blazer1332-ZNR
Member
[ *  * ]
Awesome skin! I love all the blue in it. ^_^
Offline Profile Quote Post Goto Top
 
Tatalee
Member
[ * ]
Thanks everyone! Iagree the MT are to a personal taste...but I'm proud that I finally managed to figure out what everything did!
Offline Profile Quote Post Goto Top
 
The Highbury Screamer!
Member
[ *  * ]
wow... nice blue!
Offline Profile Quote Post Goto Top
 
Aaron.
Member Avatar
tippin on foh fohs
[ *  *  *  *  * ]
All I can say is, look over some good graphics tutorials. 'till then, I wouldn't depart on a new skin :/
Offline Profile Quote Post Goto Top
 
MewtwoMew
Member
[ * ]
Great first skin! c_B)
Offline Profile Quote Post Goto Top
 
~*~Allie~*~
Member Avatar
Member
[ * ]
Well for a first skin it's really good compared to some I've seen, but the sub menu and the navi bar and ad part don't really fit in and wreck the feel, maybe try reading some more tutorials to help you figure out how to change it so it fits in better.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Mixed · Next Topic »
Add Reply