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
Divine Illusion; My Third Official Skin
Topic Started: Oct 1 2007, 04:02 PM (1,314 Views)
graphixfacgfxsupport
Member
[ *  * ]
Name: Divine Illusion
Author: Hellion (me)
Skin Number: 3
Date Created: 9/30/07
Side Notes: This is a new skin, probably my best yet. No button set available yet.

Preview of the Skin

header&body
 
<center><body bgcolor="#272727" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#272727" vlink="#272727">
<table cellspacing="0"  bgcolor="#272727" valign="top" height="100%" width="740"><tr><td valign="top" height="100%" halign="right" background="http://i120.photobucket.com/albums/o198/Hellion_3D/Skin-4/Divine%20Illusion/leftside.png" style="padding: 11px; border: 0px;"></td><td height="100%" valign="top">           
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><br />


footer
 
<table width="100%" style="border: 0px solid #063700; border: 1px solid #000000; background-color: #272727" cellspacing="1" cellpadding="4">
<tr><td align='center'><font size=1><b>Divine Illusion</b>, created by <b>Hellion</b> of the <b><a href="http://ifskinzone.net/"> IF Skin Zone</a></b>.</tr></font></td></table></td><td align="left" valign="top" background="http://i120.photobucket.com/albums/o198/Hellion_3D/Skin-4/Divine%20Illusion/rightside.png" style="padding: 11px; border: 0px; background-position: left"></td></tr></table>



css
 
html
{
overflow-x:auto;
height:100%;
margin:0;
padding:0;
}

BODY
{
font-family:Tahoma, Arial, Helvetica, Sans-Serif;
font-size:11px;
height:100%;
color:#555555;
background-color:#000000;
text-align:center;
margin:0;
padding:0;
}

TABLE,TR,TD
{
font-size:11px;
color:#555555;
}

.tableborder TABLE, .tableborder TR, .tableborder TD
{
font-size:11px;
color:#555555;
}

.post1 TABLE, .post1 TR, .post1 TD, .post2 TABLE, .post2 TR, .post2 TD, .post1 TD A, .post2 TD A
{
font-size:11px;
color:#555555;
}

a
{
text-decoration:none;
color:#555555;
}

a:hover
{
color:#000000;
text-decoration:underline;
}

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

label
{
cursor:pointer;
}

img
{
vertical-align:middle;
border:0;
}

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

.googleroot
{
line-height:130%;
padding:6px;
}

.googlechild
{
margin-left:30px;
line-height:130%;
padding:6px;
}

.googlebottom,.googlebottom a
{
font-size:11px;
color:#555555;
}

.googlish,.googlish a
{
font-size:14px;
font-weight:700;
color:#555555;
}

.googlepagelinks
{
font-size:1.1em;
letter-spacing:1px;
}

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

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

option.cat
{
font-weight:700;
}

option.sub
{
font-weight:700;
color:#555555;
}

.caldate
{
text-align:right;
font-weight:700;
font-size:11px;
color:#555555;
background-color:#272727;
margin:0;
padding:4px;
}

.warngood
{
color:green;
}

.warnbad
{
color:red;
}

#padandcenter
{
margin-left:auto;
margin-right:auto;
text-align:center;
padding:14px 0;
}

#profilename
{
font-size:28px;
font-weight:700;
color:#555555;
}

#calendarname
{
font-size:22px;
font-weight:700;
}

#photowrap
{
padding:6px;
}

#phototitle
{
font-size:24px;
border-bottom:1px solid #000000;
}

#photoimg
{
text-align:center;
margin-top:15px;
}

#ucpmenu
{
width:22%;
border:1px solid #000000;
background-color:#272727;
}

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

#ucpmenu a, #ucpcontent a
{
color: #555555;
text-decoration: none;
}

#ucpmenu a:hover, #ucpcontent a:hover
{
text-decoration: underline;
}

#ucpcontent
{
background-color:#272727;
border:1px solid #000000;
width:auto;
        color: #555555;
}

#ucpcontent TD
{

        color: #555555;
}

#ucpcontent table
{
padding:6px;
}

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

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

#logostrip
{
background-image:url();
margin:0;
padding:0;
}

#submenu
{
background:url(http://i120.photobucket.com/albums/o198/Hellion_3D/maintitle-1.png)  repeat-x top #272727;
font-size:10px;
font-weight:700;
margin:0;
}

#submenu IMG
{
display:none;
}

#submenu a
{
font-weight:700;
font-size:10px;
text-decoration:none;
color:#555555;
}

#userlinks
{
background-color:#272727;
border-bottom:#000000 1px solid;
backround-image: url(http://i120.photobucket.com/albums/o198/Hellion_3D/titlemedium-1.png);
}

#userlinks td
{
color:#555555;
font-size:10px;
}

#userlinks a
{
color:#555555;
text-decoration:none;
font-size:10px;
}

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

.activeuserstrip
{
color:#555555;
background-color:#272727;
padding:6px;
}

.pformleft
{
background-color:#272727;
margin-top:1px;
width:25%;
border-top:1px solid #000000;
border-right:1px solid #000000;
padding:6px;
}


.pformleftw
{
background-color:#272727;
margin-top:1px;
width:50%;
border-top:1px solid #000000;
border-right:1px solid #000000;
padding:6px;
}

.pformright
{
background-color:#272727;
margin-top:1px;
border-top:1px solid #000000;
padding:6px;
}

.tableborder .pformleft, .tableborder .pformleftw, .tableborder .pformright
{
color: #555555;
}

.signature
{
font-size:10px;
color:#555555;
line-height:150%;
}

.postdetails
{
font-size:10px;
}

.postcolor
{
font-size:12px;
line-height:160%;
}

.normalname
{
font-size:12px;
font-weight:700;
color:#555555;
}

.normalname a
{
font-size:12px;
}

.unreg
{
font-size:11px;
font-weight:700;
color:#fff;
}

.postlinksbar
{
background:url() repeat-x top #272727;
margin-top:1px;
font-size:10px;
color:#555555;
padding:7px;
}

.row1
{
background-color:#272727;
}

.row2
{
background:url() repeat-x top #272727;
color:#555555;
}

.row3
{
background-color:#272727;
}

.row4
{
background:url() repeat-x top #272727;
color:#555555;
}

.darkrow1
{
background-color:#272727;
color:#555555;
}

.darkrow2
{
background-color:#272727;
color:#555555;
}

.darkrow3
{
background:url(http://i120.photobucket.com/albums/o198/Hellion_3D/titlemedium-1.png) repeat-x top #272727;
color:#555555;
}

.hlight
{
background:url(http://i222.photobucket.com/albums/dd59/hellionwebs/titlemedium.png) repeat-x top #272727;
color:#555555;
}

.dlight
{
background:url(background:url(http://i222.photobucket.com/albums/dd59/hellionwebs/titlemedium.png) repeat-x top #272727;
color:#000;
}

.titlemedium
{
font-size:9px; font-weight:bold; color:#555555; padding:3px; margin:0px; background-color: #272727; border-top:0px solid #000000 }

.maintitle, TD.maintitle
{
vertical-align:middle;
font-weight:700;
color:#555555;
background:url('http://i120.photobucket.com/albums/o198/Hellion_3D/maintitle-1.png') repeat-x top #272727;
padding:8px;
      border: 1px solid #000000
}

.tableborder a
{
text-decoration:none;
color:#555555;
}

.tableborder a:hover
{
color:#000000;
text-decoration:underline;
}

.plainborder
{
border:#000000 0px solid;
background-color:#272727;
}

.plainborder .row3, .plainborder .row1, .plainborder .row3 a, .plainborder .row1 a
{
        color: #272727;
}

.tableborder
{
border:#000000 0px solid;
        color: #555555;
background-color:#000000;
width:100%;
margin:0;
padding:0;
}

div.maintitle a, div.maintitle a:hover{
color: #555555;
}

.tablefill
{
background:#272727;
color:#555555;
padding:6px;
        border:0px solid #000000;
}

.tablepad   
{
        background: url() repeat-x top #000000; border: 1px solid #000000; padding: 6px;
}

.tablebasic
{
width:100%;
border:0;
margin:0;
padding:0;
}

.wrapmini
{
        color: #555555;
float:left;
width:25%;
        background-color:#272727;
}

div.wrapmini IMG
{
margin: 3px;
}

#ucpcontent .wrapmini
{
        color: #555555;
        background-color:#272727;
}

#ucpcontent .tableborder
{
border : 0px;
}

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

.edit
{
font-size:9px;
}

.searchlite
{
font-weight:700;
color:red;
background-color:#272727;
}

#QUOTETOP
{
color: #555555;
margin: 8px auto 0px auto;
font-weight:bold;
font-size:10px;
padding: 8px;
background-color:#000;
border-left: 4px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
}

#QUOTE
{
color: #555555;
background-color: #000;
border-left: 4px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 4px;
margin: 0px auto 8px auto;
}

#CODETOP
{
color: #555555;
margin: 8px auto 0px auto;
font-weight:bold;
font-size:10px;
padding: 8px;
background-color: #f2f2f3;
border-left: 4px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
}

#CODE
{
color: #555555;
background-color: #f2f2f3;
border-left: 4px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 4px;
margin: 0px auto 8px auto;
}

.thin
{
line-height:140%;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
margin:2px 0;
padding:6px 0;
}

.purple
{
color:purple;
font-weight:700;
}

.red
{
color:red;
font-weight:700;
}

.green
{
color:green;
font-weight:700;
}

.blue
{
color:blue;
font-weight:700;
}

.orange
{
color:#F90;
font-weight:700;
}

form
{
display:inline;
margin:0;
padding:0;
}

input,select
{
vertical-align:middle;
font-size:11px;
}


input.forminput,textarea,.textinput
{
vertical-align:middle;
border:1px solid #000000;
background:#272727 url('') top left repeat-x;
padding:2px 3px;
}


textarea
{
width:100%;

}

input.forminput:hover,textarea:hover,.textinput:hover
{
border:1px solid #000000;
background:#272727 url() top left repeat-x;
}

input.button:hover,input.codebuttons:hover
{
color:#555555;
background:#272727 url();
border:1px solid #000000;
border-top:1px solid #000000;
border-left:1px solid #000000;
}

#style_block
{
background-color:#272727;
color:#555555;
border-bottom:#000000 1px solid;
height:26px;
padding: 4px 10px 0px 10px;
}


.color_selector
{
border: 1px solid #000000;
height: 10px;
width: 16px;
float: left;
margin-right: 5px;

}

.width_selector td
{

padding-left: 5px;
}

#mainbg-3
{
background:#272727 url() 100% 0 repeat-y;
width:24px;
}

#mainbg-2
{
background:#272727 url() 0 0 repeat-y;
width:24px;
}

div.wrapper
{
width:800px;
height:100%;
margin:auto;
}

#ipbwrapper
{
text-align:left;
margin-left:auto;
margin-right:auto;
height:100%;
width:750px;
background-color:#272727;
}

#content
{
color:#555555;
width:730px;
margin:0 10px;
}

#gfooter
{
border-top:#000000 3px solid;
background-color:#272727;
width:100%;
margin:10px 0 0;
padding:0;
}

#gfooter td
{
color:#555555;
font-size:10px;
padding:4px;
}

.copyright
{
border-top:#000000 0px solid;
background:#272727;
color:#272727;
margin:0;
padding:4px;
}

.copyright a
{
color:#272727;
text-decoration:none;
}

.copyright a:hover
{
text-decoration:none;
}

.googlesmall,.googlesmall a,.desc
{
font-size:10px;
color:#555555;
}

#userlinks a:hover,.tableborder .activeuserstrip a:hover,.tableborder .maintitle a:hover
{
text-decoration:underline;
}

.tableborder .activeuserstrip a,.tablefill td,.tablefill a,#gfooter a
{
color:#555555;
}

.tableborder .activeuserstrip a,.tableborder .maintitle a
{
text-decoration:none;
color:#555555;
}

.titlemedium
{
font-weight:700;
color:#555555;
background:url(http://i120.photobucket.com/albums/o198/Hellion_3D/titlemedium-1.png) repeat-x top #272727;
border-bottom:0px solid #000000;
margin:0;
padding:7px;
}

.pformstrip
{
font-weight:700;
color:#555555;
background:url(http://i120.photobucket.com/albums/o198/Hellion_3D/titlemedium-1.png) repeat-x top #272727;
border-bottom:0px solid #000000;
margin:0;
padding:7px;
}


.post1,.post2
{
background:url() repeat-x bottom #272727;
}

input.button,input.codebuttons
{
color:#555555;
text-decoration:none;
vertical-align:middle;
border:1px solid #000000;
border-top:1px solid #000000;
border-left:1px solid #000000;
background:#272727 url();
padding:2px 5px;
}
Offline Profile Quote Post Goto Top
 
graphixfacgfxsupport
Member
[ *  * ]
no comments?
Offline Profile Quote Post Goto Top
 
Bibbity
Member Avatar
absofruitly
[ *  *  *  *  *  *  * ]
<center><table cellpadding="0" cellspacing="0" width="90%" valign="top" align="center top" class="multimod">
<tr>
<td class="mm_topleft">Posted Image</td><td width="100%" style="background: url(http://nicola.ifsz.net/sz/theme/mm_top.png) #f2f5f7 repeat-x top"></td><td>Posted Image</td></tr>
<tr>
<td class="mm_left" background="http://nicola.ifsz.net/sz/theme/mm_left.png">Posted Image</td><td class="multimod_body" valign="top">
<span style="font-size:14px; font-weight: bold; color:#ea0000;"></span>
<p><center>Posted Image</p>
</td><td background="http://nicola.ifsz.net/sz/theme/mm_right.png">Posted Image</td></tr>
<tr>
<td>Posted Image</td><td background="http://nicola.ifsz.net/sz/theme/double_foot.png"></td><td>Posted Image</td></tr></table></center>
Offline Profile Quote Post Goto Top
 
graphixfacgfxsupport
Member
[ *  * ]
uh...what?
Offline Profile Quote Post Goto Top
 
lennox79
Member Avatar
Teh killah pusseh!
[ *  *  *  *  * ]
Although it is not showing at the moment, it's a picture telling you not to double post.

As for the skin, for a 3rd i think it could be better. It's a little too bland for me.
Offline Profile Quote Post Goto Top
 
graphixfacgfxsupport
Member
[ *  * ]
ok, thanks, its my first in about a year, and first using wrappers :)
thanks for the comment though
Offline Profile Quote Post Goto Top
 
JesterZ
Member
[ * ]
you noe for the CSS part where do you put it?
Offline Profile Quote Post Goto Top
 
W3s
Member Avatar
Member
[ *  * ]
Looks fine for me
Offline Profile Quote Post Goto Top
 
ms doodle
Member
[ * ]
i love it, thanks :)
Offline Profile Quote Post Goto Top
 
graphixfacgfxsupport
Member
[ *  * ]
thanks
is there anyway it can be added to the skin area, where ppl select them?
Offline Profile Quote Post Goto Top
 
ljohnstone
Member Avatar
Member
[ *  * ]
Im a fan of black skins and I do like thi sone, it has a mist effect, need to see the text more though, it needs to stand out.
Offline Profile Quote Post Goto Top
 
skins!
Member
[ *  * ]
Way too dark for me.
Offline Profile Quote Post Goto Top
 
graphixfacgfxsupport
Member
[ *  * ]
ok, thanks...as for the darkness...it must be my monitor, since it looks good on mine :)
Offline Profile Quote Post Goto Top
 
jpmaXtor
Member
[ * ]
the lettering needs to be white
Offline Profile Quote Post Goto Top
 
Valdez
Member Avatar
►:▓░▬┴♣ ╝♀╞
[ *  *  *  * ]
Wow, I'm loving that skin! 9.3/10. Keep up the good work, graphixfacgfxsupport !
Sincerely, Ermacrules29
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply