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
Elementz
Topic Started: May 1 2005, 05:06 PM (1,978 Views)
Vision°
Member Avatar
Member
[ *  *  * ]
Name: Elementz
Author: Vision
Skin Number: 6
Date Created: 28-04 - 1-05
Side Notes: Made for a battle, And i must say it's my most difficult skin yet.


Preview of the skin


Header and Body:
Quote:
 
<center><body bgcolor="#1d1d1d" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0"  bgcolor="1d1d1d" valign="top" height="100%" width="740"><tr><td valign="top" height="100%"  background="http://i6.ifrm.com/3223/76/emo/left.jpg" style="padding:50px;border:0px;"></td><td height="100%" valign="top">           
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><br />

</style><center><b></b>Elementz skin created by <b>Vision</b> of the <b><a href="http://invisionfree.com/directory.php?go=14761" target="_blank">IF Skin Zone</a></b></center>


Footer:
Quote:
 
</td><td align="left" valign="top" background="http://i6.ifrm.com/3223/76/emo/right.jpg" style="padding:50px;border:0px;"></td></tr></table>


Logo:
Quote:
 
<center><img src="http://img36.echo.cx/img36/2669/untitled46qi.jpg"</a>
<img src="http://i6.ifrm.com/3223/76/emo/Untitled-5.jpg" usemap="#map1">
<map name="map1">
<area href="http://s10.invisionfree.com/Vision_Serie/index.php?act=Help" shape="rect" coords="180,1,280,31">
<area href="http://s10.invisionfree.com/Vision_Serie/index.php?act=Search&f" shape="rect" coords="280,1,380,31">
<area href="http://s10.invisionfree.com/Vision_Serie/index.php?act=Members" shape="rect" coords="380,1,485,31">
<area href="http://s10.invisionfree.com/Vision_Serie/index.php?act=calendar" shape="rect" coords="485,1,585,31">
</map></center>


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: 9px; color: #7CA130; margin:0px 10px 0px 10px;background-image:url(http://); background-color:#141517 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #7CA130; }
a:link, a:visited, a:active { text-decoration: none; color: #7CA130 }
a:hover { color: #7CA130; text-decoration: underline }

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

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

.googleroot  { padding:0px; line-height:1% }
.googlechild { padding:0px; margin-left:row1px; line-height:1% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:0px; color: #1D1D1D; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:0px; font-weight:bold; color:#1D1D1D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active,
.googlesmall a:visited { font-size:0px; color:#1D1D1D }

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:#7CA130 }
.caldate  { text-align:right;font-weight:bold;font-size:9px;color:#7CA130;background-color:#1d1d1d;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 #242424;background-color: #1D1D1D }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #1D1D1D; border:1px solid #242424;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

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

#logostrip { border-left: 0px solid #7CA130; border-right: 0px solid #7CA130; border-bottom: 0px solid #7CA130; border-top: 0px solid #7CA130; background-image: url(); padding: 0px; margin: 0px; background-color: #141517; }
#logostrip img { border-left: 0px solid #7CA130; border-right: 0px solid #7CA130; border-bottom: 0px solid #7CA130; border-top: 0px solid #7CA130; margin: 0px; padding: 0px; }

#submenu  { display: none; border: 1px solid #242424; background-image:url(http://i6.ifrm.com/3223/76/emo/upx.jpg); font-size: 10px; margin: 3px 0px 3px 0px; color: #7CA130; font-weight: normal; }

#submenu img { display: none; }

#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight: normal; font-size: 10px; text-decoration: none; color: #91A5BB; }

#userlinks { border:0px solid #123C48; font-weight:bold; color:#11323B; padding:0px 4px 1px 5px; background-image: url(http://i6.ifrm.com/3223/76/emo/upx2.jpg) }

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

.activeuserstrip { background-color:#1D1D1D; background-image: url(http://); padding:5px }

.pformstrip { background-color: #1D1D1D;background-image: url(http://i6.ifrm.com/3223/76/emo/title.jpg); color:#7CA130; font-weight:bold;padding:4px;margin-top:1px }
.pformleft  { background-color: #1D1D1D; padding:6px; margin-top:1px;width:25%; border-top:1px solid #242424; border-right:1px solid #242424; }
.pformleftw { background-color: #1D1D1D; padding:6px; margin-top:1px;width:40%; border-top:1px solid #242424; border-right:1px solid #242424; }
.pformright { background-color: #1D1D1D; padding:6px; margin-top:1px; border-top:1px solid #242424 }

.post1 { background-color: #1D1D1D }
.post2 { background-color: #181818 }
.postlinksbar { background-color:#1D1D1D;padding:4px;margin-top:1px;font-size:9px; background-image: url(http://i6.ifrm.com/3223/76/emo/title.jpg) }

.row1 { background-color:#181818 }
.row2 { background-color:#181818 }
.row3 { background-color:#181818 }
.row4 { background-color:#181818 }

.darkrow1 { background-color: #1D1D1D;padding:0px;background-image: url(); color:#1D1D1D; }
.darkrow2 { background-color: #181818;padding:2px;background-image: url(http://i6.ifrm.com/3223/76/emo/title.jpg); color:#7CA130; }
.darkrow3 { background-color: #7CA130; padding:2px; background-image: url(http://i6.ifrm.com/3223/76/emo/row3.jpg); color:#7CA130; }

.hlight { background-color: #181818 }
.dlight { background-color: #181818 }

.titlemedium { font-weight:bold; color:#7BA22F; padding:6px; margin:0px;background-color: #7BA22F; background-image: url(http://i6.ifrm.com/3223/76/emo/title.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #7BA22F }

.maintitle { text-align:center;vertical-align:middle;font-weight:bold; color:#1d1d1d; letter-spacing:1px; padding:13px 0px 7px 5px; background-image: url(http://i6.ifrm.com/3223/76/emo/main.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #1d1d1d }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:0px solid #3A3E40; background-color:#3A3E40; }
.tableborder { border:0px solid #3A3E40; background-color:#242424; padding:0px; margin:0px; width:100% }
.tablefill  { border:0px dashed #181818;background-color:#181818; padding:6px;  }
.tablepad { background-color:#181818;padding:6px; border: 1px solid #181818 }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

div.row4 { border-color: #242424!important;}

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

.desc { font-size:9px; color:#7CA130 }
.edit { font-size: 9px }

.signature  { font-size: 9px; color: #7CA130 }
.postdetails { font-size: 9px }
.postcolor  { font-size: 9px; line-height: 160% }

.normalname { font-size: 9x; font-weight: ; color: #487BAD }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 9x }
.unreg { font-size: 9px; font-weight: ; color: #7CA130 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 9px; color: #7CA130; background-color: #141517; border: 1px solid #242424; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Verdana, Arial; font-size: 9px; color: #7CA130; background-color: #141517; border: 1px solid #242424; 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: 9px; font-family: verdana, helvetica, sans-serif; color: #7CA130; vertical-align: middle; border:1px solid #242424; background-color: #181818 }
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 9px; color: #7CA130; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border:1px solid #242424; background-color: #181818 }

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

.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('showuser')!=-1 ){document.write("<style>.maintitle { background-image: url(http://i6.ifrm.com/3223/76/emo/Untitled-11.jpg); padding:13px 0px 7px 0px; color:#1d1d1d; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.maintitle { background-image: url(http://i6.ifrm.com/3223/76/emo/Untitled-11.jpg); padding:13px 0px 7px 0px; color:#1d1d1d; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=UserCP')!=-1 ){document.write("<style>.maintitle { background-image: url(http://i6.ifrm.com/3223/76/emo/Untitled-11.jpg); padding:13px 0px 7px 0px; color:#1d1d1d; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=Msg&CODE')!=-1 ){document.write("<style>.maintitle { background-image: url(http://i6.ifrm.com/3223/76/emo/Untitled-11.jpg); padding:13px 0px 7px 0px; color:#1d1d1d; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=calendar')!=-1 ){document.write("<style>.maintitle { background-image: url(http://i6.ifrm.com/3223/76/emo/Untitled-11.jpg); padding:13px 0px 7px 0px; color:#1d1d1d; }}</style>")}
</script>
Offline Profile Quote Post Goto Top
 
Replies:
Qu.Artz
Member Avatar
Member
[ *  *  *  * ]
Very nice vision! :) Keep it up.!

With your skinning skills and my gfx :) we can work together :D
Offline Profile Quote Post Goto Top
 
Adenine
xi Cruelty ix
[ *  *  *  *  *  * ]
That skin is amazing dude, awesome job!!! :D
Offline Profile Quote Post Goto Top
 
Nephos
Member Avatar
The walls abandon shape
[ *  *  *  *  *  *  * ]
Nice skin, I love the green grid effect you've got going there. However, it's a bit wide so I have to scroll sideways, and the MT could be better, looking at your other grads.
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Da Vinci
May 2 2005, 09:41 AM
Nice skin, I love the green grid effect you've got going there. However, it's a bit wide so I have to scroll sideways, and the MT could be better, looking at your other grads.

No offense Da Vinci but you have to scroll for everyones skins :unsure:
Offline Profile Quote Post Goto Top
 
Vision°
Member Avatar
Member
[ *  *  * ]
Ok thanks everybody for the comments,

For Sweet16, First i had a really nice darkrow2 & darkrow3 but had the remove them because the didn't worked good in other browser, and don't want to make bugs that i can prevent. :)

And a few questions, What are hlight and dlight? :) I know it's in the CSS but what is the function.
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
When you get pm's, basically when you check the boxes when you want to delete/move them.

I usually have dlight as row4 colour and hlight as row1. But thats me. Basically if you dont change them you will get the default colours showing. This could possibly be wow worthy if you changed them.
Offline Profile Quote Post Goto Top
 
Vision°
Member Avatar
Member
[ *  *  * ]
I changed it :) thanks for the good notice locke and thanks for the explination sweet16 :)

My next skin will be a wow skin :) i know for sure
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Vision°
May 2 2005, 05:03 PM
I changed it :) thanks for the good notice locke and thanks for the explination sweet16 :)

My next skin will be a wow skin :) i know for sure

Really :| How can you tell?

Your welcome ^_^
Offline Profile Quote Post Goto Top
 
Vision°
Member Avatar
Member
[ *  *  * ]
I don't know the layout yet, but that will be fine. I didn't started yet. But i already tought about it alot. So...
I ain't going to say more now because there are always a few guys who want to rip ideas :)
Offline Profile Quote Post Goto Top
 
Dan.
Member Avatar
Self Proclaimed Genius
[ *  *  *  *  *  *  * ]
I can proudly say, I'm the first person who saw this. ^_^

Its awesome, deserves a WOW Imo, can't see anything wrong with it.
Offline Profile Quote Post Goto Top
 
Fo'rizzle
SZ Christian
[ *  *  *  *  *  *  * ]
WOW worthy? I seem to be the only one who thinks so, i like it though. 9.5/10.
Offline Profile Quote Post Goto Top
 
Vision°
Member Avatar
Member
[ *  *  * ]
Linkman
May 2 2005, 04:21 PM
I can proudly say, I'm the first person who saw this. ^_^

Its awesome, deserves a WOW Imo, can't see anything wrong with it.


That's correct, i just fixed the last "bug" :)
Offline Profile Quote Post Goto Top
 
Ghostclown
Member Avatar
Member
[ *  *  * ]
Sweet skin. :)
Offline Profile Quote Post Goto Top
 
Rεd
Silence. I'm thinking.
[ *  *  *  *  *  * ]
Okay. Everything's good except for the titlemedium and darkrow2. They don't have the same theme as everything else. Nice job though Vision.
Offline Profile Quote Post Goto Top
 
Travisforums
SZ addict.
[ *  *  *  * ]
The text is to small 9/10, good job, keep trying.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2