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
  • Pages:
  • 1
  • 2
Whedite; white/light gray/red
Topic Started: Sep 26 2005, 02:32 AM (1,557 Views)
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
Name: Whedite
Author: godman123
Skin Number: 20
Date Created: Over the last few weeks
Side Notes: Thanks PWND! for the Advanced Image Borders tutorial you posted in IF Documentation. It's way better than SyringeX's =P. This was originally going to be yellow/red, but yellow is impossible to skin I swear o.o"


Preview of the skin

Board Wrappers > Header and Body
Quote:
 
<body bgcolor="#FFFFFF" style="margin: 0px;">

<table width="810px" align="center" cellspacing="0" cellpadding="0"><tr>

<td class="borderleft" height="100%" valign="top">
<img src="http://img239.imageshack.us/img239/1599/borderleftside2sq.gif"  /></td>

<td valign="top">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<br />
<div class="godman" style="text-align:center;">Skin created by godman123 of the <a href="http://forums.ifskinzone.net" target="_blank">IF Skin Zone.</a></div>


Board Wrappers > Footer
Quote:
 
</td>
<td class="borderright" height="100%" valign="bottom"><img src="http://img107.imageshack.us/img107/7551/borderrightside6vj.gif" /></td>


CSS of skin:
Quote:
 
HTML { overflow-x: hidden; overflow-y: auto; }

FORM { display: inline; }

IMG  { vertical-align: middle; border: 0px; }

BODY { background-image: url(); font-family: Verdana, sans-serif; font-size: 10px; color: #787878; margin: 0px; background-color: #FDFDFD; }

TABLE, TR, TD { font-family: Verdana, sans-serif; font-size: 10px; color: #787878; }

a:link, a:visited, a:active { text-decoration: none; color: #787878; }
a:hover { color: #F81010; text-decoration: underline; }

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

label { cursor: pointer; }

img.attach { border: 1px solid #C6C6C6; padding: 2px; }

li.helprow { padding: 0px; margin: 0px 0px 10px 0px; }

ul#help    { padding: 0px 0px 0px 15px; }

.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: #535353; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px; font-weight: bold; color: #686868; }
.googlepagelinks { font-size: 1.1em; letter-spacing: 1px; }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px; color: #4A4A4A; }

option.cat { font-weight: bold; }
option.sub { font-weight: bold; color: #D6D6D6; }
.caldate  { border-bottom:1px solid #C6C6C6; background-image:url(http://img260.imageshack.us/img260/3940/titlemedium8rh.gif); text-align: right; font-weight: bold; font-size: 10px; color: #787878; background-color: #ECECEC; padding: 3px; 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 #C6C6C6; }
#photoimg  { text-align: center; margin-top: 15px; }

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

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

#logostrip { border: 1px solid #C6C6C6; background-color: #EFEFEF; background-image: url(); padding: 0px; margin-bottom: 5px; margin-top: 5px; }
#logostrip a:link, #logostrip a:visited, #logostrip a:active { color: #D6D6D6; }
#logostrip a:hover { color: #D6D6D6; }

#submenu  { margin-top: 5px; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-top: 1px solid #C6C6C6; border-left: 1px solid #C6C6C6; background-color: #F5F5F5; font-size: 10px; margin: 0px 0px 3px 0px; color: #F81010; font-weight: bold; background-image: url(); }

#submenu img { display: none; }

#submenu a:link, #submenu  a:visited, #submenu a:active, #submenu a:hover { font-weight: bold; font-size: 10px; text-decoration: none; color: #F81010; }

#submenu a:hover { font-weight: bold; text-decoration: underline; }

#userlinks { background-color: #F6F6F6; border-left: 5px solid #C6C6C6; border-top: 1px solid #C6C6C6; border-right: 5px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; }

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

.activeuserstrip { border-left: 1px solid #C6C6C6; background-color: #F5F5F5; padding: 3px; }

.pformstrip { font-weight: bold; color: #EB0000; padding: 3px; margin: 0px; background-image: url(http://img260.imageshack.us/img260/3940/titlemedium8rh.gif); }
.pformleft  { background-color: #F5F5F5; padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; }
.pformleftw { background-color: #F5F5F5; padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; }
.pformright { background-color: #F5F5F5; padding: 6px; margin-top: 1px; border-top: 1px solid #C6C6C6; }

.post1 { border-top: 1px solid #FFF; background-color: #F5F5F5; }
.post2 { border-top: 1px solid #FFF; background-color: #F5F5F5; }
.postlinksbar { font-weight: bold; color: #EB0000; padding: 3px; margin: 0px; background-image: url(http://img260.imageshack.us/img260/3940/titlemedium8rh.gif); }
.postlinksbar a:link, .postlinksbar a:visited, .postlinksbar a:active { text-decoration: none; color: #EB0000; }

.row1 { border-top:1px solid #FFF; background-color: #FBFBFB; }
.row2 { border-top:1px solid #FBFBFB; background-color: #F6F6F6; }
.row3 { border-top:1px solid #FFF; background-color: #FBFBFB; }
.row4 { border-top:1px solid #FFF; background-color: #FBFBFB; }
div.row4 { border: 1px solid #C6C6C6!important; background-color: #F5F5F5!important; }

.darkrow1 { background-image: url(); background-color: #FDFDFD; color: #787878; }
.darkrow2 { background-image: url(http://img260.imageshack.us/img260/3940/titlemedium8rh.gif); background-color: #F5F5F5; color: #787878; }
.darkrow3 { background-image: url(http://img260.imageshack.us/img260/3940/titlemedium8rh.gif); background-color: #FBFBFB; color: #787878; }

.hlight { background-color: #F5F5F5; }
.dlight { background-color: #F5F5F5; color: #C6C6C6; }

.titlemedium { font-weight: bold; color: #EB0000; padding: 3px; margin: 0px; background-image: url(http://img260.imageshack.us/img260/3940/titlemedium8rh.gif); }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: none; color: #EB0000; }

.maintitle { font-size: 9px; font-weight: bold; background-color: ; color: #F3F3F3; padding: 9px 0px 9px 25px; background-image: url(http://img286.imageshack.us/img286/7931/maintitle7wl.gif); }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #F3F3F3; }
.maintitle a:hover { text-decoration: none; }

.plainborder { border: 1px solid #C6C6C6; background-color: #EEEEEE; }
.tableborder { border: 1px solid #C6C6C6; background-color: #DADADA; padding: 0px; margin: 0px; width: 99%; }
.tablefill  { border: 1px solid #C6C6C6; background-color: #EEEEEE; padding: 6px;  }
.tablepad    { background-color: #EEEEEE; 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: 9px; color: #888888; }
.edit { font-size: 9px; }

.signature  { font-size: 9px; color: #787878; }
.postdetails { padding-left: 2px; padding-right: 2px; font-size: 9px; }
.postcolor  { font-size: 10px; line-height: 160%; }


.normalname { font-size: 14px; font-weight: bold; color: inherit; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 10px; }
.unreg { font-size: 10px; font-weight: bold; color: inherit; }

.searchlite { font-weight: bold; color: #D6D6D6; background-color: #EEEEEE; }

#QUOTE { font-family: Verdana, sans-serif; font-size: 10px; color: #F81010; background-color: #F6F6F6; border-left: 5px solid #C6C6C6; border-top: 1px solid #C6C6C6; border-right: 5px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; }
#QUOTE a:link, #QUOTE a:visited, #QUOTE a:active { color: #888888; text-decoration: underline; }
#CODE  { font-family: Courier New;  font-size: 10px; color: #D6D6D6; background-color: #F5F5F5; border: 1px solid #C6C6C6; padding: 2px; }

.copyright { font-family: Verdana, sans-serif; font-size: 9px; line-height: 12px; }

TEXTAREA, INPUT { background-repeat: no-repeat; background-image:url(http://img282.imageshack.us/img282/4650/titlemedium8do.gif); background-position: top; color: #F81010; border: 1px solid #C6C6C6; background-color: #FCFCFC; margin: 1px; }

.codebuttons  { font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; }
.forminput, .textinput, .radiobutton, .checkbox  { color: #F81010; border: 1px solid #C6C6C6; background-color: #F5F5F5;  font-size: 9px; font-family: Verdana, sans-serif; vertical-align: middle; }

.thin { background-color: #F6F6F6; border-left: 5px solid #C6C6C6; border-top: 1px solid #C6C6C6; border-right: 5px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; padding: 3px 0px 3px 5px; line-height: 140%; margin: 2px 0px 2px 0px; }

.godman { background-color: #F6F6F6; border-left: 5px solid #C6C6C6; border-top: 1px solid #C6C6C6; border-right: 5px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; padding: 3px 0px 3px 5px; line-height: 140%; margin: 2px 0px 2px 0px; }
.godman a:link, .godman a:visited, .godman a:active { font-weight: bold; text-decoration: underline; }

.borderleft { background-image: url(http://img239.imageshack.us/img239/1599/borderleftside2sq.gif); background-repeat: repeat-y; padding: 0px; background-position: right; }
.borderright { background-image: url(http://img107.imageshack.us/img107/7551/borderrightside6vj.gif); background-repeat: repeat-y; padding: 0px; background-position: left;  }

.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 { text-align: left; padding: 9px 350px 9px 0px; }}</style>")}
</script>
<style type="text/css">

</style>
<script language='javascript'>
if ( location.search.indexOf('act=Search&f=')!=-1) {
document.write("<style>.maintitle { text-align: left; padding: 9px 0px 9px 35px; }}</style>")}
</script>
<style type="text/css">
Offline Profile Quote Post Goto Top
 
Replies:
lakersdylan4
Member
[ *  *  * ]
^o) my skin doesnt look 3-d why how do i do it look at it its pretty godd but not 3d
PREVIEW
Offline Profile Quote Post Goto Top
 
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
Paquin: I gave the caldate a grad, added a bottom border to it, and it looks great! I also changed the submenu hover to just an underline. I love the submenu text staying red, it just feels better for me. Thanks a lot for the two suggestions.

lakersdylan4: http://forums.ifskinzone.net/index.php?showforum=29

Post your question there please.
Offline Profile Quote Post Goto Top
 
tiptopolive
Member Avatar
oh my, he's so gangsta
[ *  *  *  *  *  *  * ]
Caldate looks worlds better. :D
Offline Profile Quote Post Goto Top
 
Handles
Back in the Game.
[ *  *  *  *  * ]
Very nice, Good Job. I don't like the borders much though.
Offline Profile Quote Post Goto Top
 
Chanabra
Member
[ * ]
How can you change the color in the area that says Important Topic or Forum topics, inbetween Pinned Posts and regular ones?
Offline Profile Quote Post Goto Top
 
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
Chanabra
Sep 26 2005, 10:16 PM
How can you change the color in the area that says Important Topic or Forum topics, inbetween Pinned Posts and regular ones?

That would be the .darkrow1. Try and post questions like that in the Skinning Support forum down at the bottom of the index. Thanks. :ermm:


Thanks Handles ^_^
Offline Profile Quote Post Goto Top
 
unleashed76
Member
[ *  * ]
Cool skin.
Offline Profile Quote Post Goto Top
 
IcEmAn
Member Avatar
Memorial
[ *  *  *  * ]
Very nice skin. :)
Offline Profile Quote Post Goto Top
 
lord_moshhomaru
Member
[ * ]
Sweet! skin I love it!!!
Offline Profile Quote Post Goto Top
 
Newfive
Member
[ *  *  * ]
Very nice skin, simple and elegant, 8/10
Offline Profile Quote Post Goto Top
 
John
Member Avatar
Determined
[ *  *  *  *  *  *  *  * ]
The MT looks very flat and looks kind of blended together with the titlemed which I don't really like. Very nice otherwise ^_^
Offline Profile Quote Post Goto Top
 
HardKore
Member
[ * ]
Nice
Offline Profile Quote Post Goto Top
 
.:Kimberly:.
Member Avatar
Member
[ *  * ]
Awesome.
Offline Profile Quote Post Goto Top
 
Eject
Member Avatar
Raise The Alarm
[ *  *  *  *  *  *  * ]
Very nice looking skin :)
Offline Profile Quote Post Goto Top
 
Ixion
Member Avatar
Member
[ *  *  * ]
Pretty good. I like the Maintitle. BUT the links are way to red.

And the Userlinks well the bg is not that good. Looks cut off and its just not attractive.

6.8/10
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2