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
Lime green
Topic Started: Jun 27 2005, 03:47 PM (474 Views)
dirty-devil-ZNR
Member
[ *  * ]
Name: Lime green

Author: Dirty-Devil

Skin Number: first

Date Created: today

Side Notes: buttons will be coming along soon.


Preview of the skin


CSS of skin:

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

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

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 12px; color: #000000; margin: 0px 40px 0px 40px; background-color:#B7B7B7; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 12px; color: #000000; }
a:link, a:visited, a:active { text-decoration: ; color: #000000 }
a:hover { color: #A2EC4A; text-decoration:none }

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% }
.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:#89DF22; 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 #89DF22;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 #89DF22;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #89DF22;background-color: #;background-image:url(http://);padding:0px;margin:0px; }

#submenu { border:1px solid #89DF22;background-color: #; background-image: url(http://img.photobucket.com/albums/v240/dirty-devil/skinthingie.gif); font-size:10px;margin:3px 0px 3px 0px;color:#000000;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #000000; }
#userlinks { border:1px solid #89DF22; background-color: #; background-image: url(http://img.photobucket.com/albums/v240/dirty-devil/skinthingie.gif) }

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

.activeuserstrip { background-color:#; background-image: url(http://img.photobucket.com/albums/v240/dirty-devil/p3284810dfgdsgfsdfg.gif); padding:6px }

.pformstrip { background-color: #A2EC4A; background-image: url(http://img.photobucket.com/albums/v240/dirty-devil/skinthingie.gif); color:#000000;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #89DF22; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #89DF22; border-right:1px solid #89DF22; }
.pformleftw { background-color: #89DF22; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #89DF22; border-right:1px solid #89DF22; }
.pformright { background-color: #89DF22; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #89DF22; }

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

.row1 { background-color: #89df22; }
.row2 { background-color: #89df22; }
.row3 { background-color: #89df22; }
.row4 { background-color: #89df22; }

.darkrow1 { background-color: #89df22; background-image: url(http://); color:#000000; }
.darkrow2 { background-color: #89df22; background-image: url(http://img.photobucket.com/albums/v240/dirty-devil/p3284810dfgdsgfsdfg.gif); color:#000000; }
.darkrow3 { background-color: #89df22; background-image: url(http://); color:#000000; }

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

.titlemedium { font-weight:bold; color:#; padding:7px; margin:0px; background-color: #; background-image: url(http://img.photobucket.com/albums/v240/dirty-devil/p3284810dfgdsgfsdfg.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: # }

.maintitle { vertical-align:middle;font-weight:bold; color:#000000; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #A2EC4A; background-image: url(http://img.photobucket.com/albums/v240/dirty-devil/skinthingie.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #000000 }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid transparent;background-color:transparent }

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

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




this should be in ur header and body:


<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0" bgcolor="#DBDFE3" body background="" valign="top" height="100%" width="798"><tr><td valign="top" height="100%" background="http://img.photobucket.com/albums/v240/dirty-devil/skinthingie234.gif" style="padding:11px;border:0px;"></td><td height="100%" valign="top">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><br /> [/CODE]



and all this sould be pasted into ur footers,





Code:
 
<DIV align=center>
<DIV class=tableborder style="WIDTH:55%; HEIGHT: 24px">
<DIV class=titlemedium
style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 6.5pt; PADDING-BOTTOM: 8px; LINE-HEIGHT: 12px; PADDING-TOP: 4px; spacing: 0px 0px 0px 0px">
Skin created by <B> Dirty-Devil </B> of  <B><A HREF="http://www.pixel2pixel-graphics.net" TARGET="_BLANK"> Pixel2Pixel-Graphics </A></B></center>
</DIV></DIV></DIV></td><td align="left" valign="top" background="http://img.photobucket.com/albums/v240/dirty-devil/skinthingie234.gif" style="padding:12px;border:0px;"></td></tr></table>














[code] <script>
//Highlight Cells created by Webworldx
var tCell= document.getElementsByTagName('TD');
for (i=0;i<tCell.length;i++){
if (tCell[i].className=="row4"){
if (tCell[i].innerHTML.match("showforum=")){
tCell[i].onmouseover=function(){this.style.backgroundColor="91EE23"}
tCell[i].onmouseout=function(){this.style.backgroundColor="89DF22"}


}}}
</script>





</STYLE><CENTER>Skin created by <B>Dirty-Devil </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">
     









hope u enjoy it,


devil
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Nice for a first skin ^__^

Try to enhance it a bit more :)
Offline Profile Quote Post Goto Top
 
Garcia
Member
[ *  * ]
Not bad at all.
Offline Profile Quote Post Goto Top
 
dirty-devil-ZNR
Member
[ *  * ]
Thank you guys, i wasent sure at first, it took me ages ..
Offline Profile Quote Post Goto Top
 
finch
Member
[ *  *  *  *  *  *  *  *  * ]
Copyright border is default, and I think the quote/code could be a different colour than white. Apart from that's very good. Nice first skin!
Offline Profile Quote Post Goto Top
 
KingsIndian
Yay, it's my 3rd mini avatar!
[ *  *  *  *  * ]
It's good for a first skin; while I like the choice of colours, the white body background contrasts a bit much with the lime green, and I'd use different gradients for the titlemedium and pformstrip.

7½/10
Offline Profile Quote Post Goto Top
 
doug05257
Member Avatar
The Burger King
[ *  *  *  *  * ]
One tiny thing... You'll probably want to remove the code tag, which I've made red in this example.

Quote:
 



Code:
 
[/color] <script>
//Highlight Cells created by Webworldx
var tCell= document.getElementsByTagName('TD');
for (i=0;i<tCell.length;i++){
if (tCell[i].className=="row4"){
if (tCell[i].innerHTML.match("showforum=")){
tCell[i].onmouseover=function(){this.style.backgroundColor="91EE23"}
tCell[i].onmouseout=function(){this.style.backgroundColor="89DF22"}


}}}
</script>




[/QUOTE]

It shows up at the very bottom of your skin. Not a huge deal, but noticeable... ;)
Offline Profile Quote Post Goto Top
 
Travisforums
SZ addict.
[ *  *  *  * ]
Just set the font size to 11 and it will be perfect.
Offline Profile Quote Post Goto Top
 
Vivi Lund
Member Avatar
Member
[ *  * ]
Link rollover color is incredibly annoying -- it goes bright green and disappears in some places, <_< and on the latest discussions panel of the Portal, you can't read the poster name, date, topic reads, or topic comments because it's all black, and the text is black. Besides that, it's fine for a first skin, but the green isn't very eye-pleasing.
Offline Profile Quote Post Goto Top
 
Lord Bosco
Member
[ *  * ]
I think its a great skin but I don't think the gray really matches with the bright green but I don't even know how to make a skin so my advice isn't that important anyway very good skin especially for a first :D
Offline Profile Quote Post Goto Top
 
Marxist
Member Avatar
The Comedian
[ *  *  *  *  *  * ]
Oh wow very good skin for your first maybe try to improve on it before starting the buttons.
Offline Profile Quote Post Goto Top
 
.Aphaeros
Member Avatar

[ *  *  *  * ]
Good skin. For some weird reason I like the size 12 font with the silver and bright color... It makes the skin look more......... unique...
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
ZetaBoards - Free Forum Hosting
Fully Featured & Customizable Free Forums
Learn More · Register Now
« Previous Topic · Mixed · Next Topic »
Add Reply