Welcome Guest [Log In] [Register]
Xvantique Blue; Light Blue / Dark Grey
Topic Started: Dec 29 2005, 04:27 PM (336 Views)
Meta Ing
Member Avatar
Can you pronounce it?
Name: Xvantique Blue
Author: Annihilator Ing
Skin #: I forget...
Date Created: 12/28/05 - 12/29/05
Side Notes: This is pretty much just a simple edit of my Xvantique skin, so if you notice any purple areas, let me know.

It's blue, because alot of people wanted it blue.

I like the way this skin turned out alot more than the original purple version... Buttons will be coming soon... eventually... so just use the Right Click and Save as (or copy the URL) method when you see them "appear"

Oh, and just disregard the fact that there "aren't any registered members..."

Skin Best viewed in IE (Internet Explorer)


Preview

Board Wrappers - Header & Body
For those of you who don't know, this area is found in Admin CP > Skinning & Styles > Board Wrappers

THESE MUST BE INCLUDED!

Quote:
 

<center>
<div id='ipbwrapper'>
<table width='750' cellpadding='0' cellspacing='0' align='center'><tr><td>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<div class='tablebasic'>
<div class='pformstrip'>
Skin <b>Xvantique Blue</b> Created by <b>Annihilator Ing</b> of the <a href='http://forums.ifskinzone.net'>IFSZ</a>
</div><div class='copyrow'><a href='javascript:scroll(0,0);'><b>^ Back To Top ^</a></div>
</div>
<div class='copyright'>


Board Wrappers - Footer
For those of you who don't know, this area is also found in Admin CP > Skinning & Styles > Board Wrappers

THESE MUST BE INCLUDED!

Quote:
 

</div></td></tr></table></center></div>





Manage Style Sheets
This does NOT go in the footers! For those of you who don't know, this area is found in Admin CP > Skinning & Styles > Manage Style Sheets


Quote:
 

html { overflow-x: auto; overflow-y: auto; scrollbar-base-color: #181818; scrollbar-track-color: #202020; scrollbar-face-color: #282828; scrollbar-arrow-color: #005aaf; scrollbar-highlight-color: #2a2a2a; scrollbar-3d-light-color: #2f2f2f; width: 750px; border: none; position: relative; right: -115px; font-weight: normal; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #666; margin:0px 10px 0px 10px;background-color:#171717; scrollbar-base-color: #181818; scrollbar-track-color: #202020; scrollbar-face-color: #282828; scrollbar-arrow-color: #005aaf; scrollbar-highlight-color: #2a2a2a; scrollbar-3d-light-color: #2f2f2f; border: none; text-align: center; position: relative; right: -115px; font-weight: normal; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #666; font-weight: normal; }
a:link, a:visited, a:active { text-decoration: none; color: #005aaf; }
a:hover { color: #008ddb; text-decoration:none }

img.attach { border:2px outset #181818;padding:2px }
.attach { background-color: #282828; color: #666; font-weight: normal; font-size: 9px; }

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

.warngood { color:005aaf; }
.warnbad  { color:008ddb;  }

#profilename { font-size:18px; font-weight:bold; }
#calendarname { font-size:18px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:18px; border-bottom:1px solid black }
#photoimg   { text-align:center; margin-top:15px }

#ucpmenu    { line-height:150%;width:22%; border:1px solid #000;background-color: #202020 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #202020; border:1px solid #000;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }
#ucpcontent .maintitle { vertical-align:middle;font-weight:normal; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://67.15.5.220/5570/108/pip/MTalt.PNG); background-position: center; text-align: center; }
#ucpcontent .forminput { font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #666; background-color: #181818; background-image: none; border: 1px solid #000; }

#ipbwrapper { text-align: left; margin-left: auto; margin-right: auto; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { padding:0px;margin:0px; background-color: #202020; border: 1px solid #000; }
#submenu   { background: #282828 url(http://67.15.5.220/5482/150/pip/SM2.PNG);font-size:10px;margin:3px 0px 3px 0px;font-weight:normal; border: 1px solid #000; }
#submenu img { display:none; }
#userlinks { background-image:url(http://67.15.5.220/5482/150/pip/DR.PNG); border: 1px solid #000; }

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

.activeuserstrip { font-weight:normal; padding:5px; margin:0px; background-image: url(http://67.15.5.220/5482/150/pip/SM2.PNG); border-left: 1px solid #000; border-right: 1px solid #000; }

.pformleft  { background-color: #202020; border-right: 1px solid #000; border-top: 1px solid #000; padding:6px; margin-top:0px;width:25%; }
.pformleftw { background-color: #202020; border-right: 1px solid #000; border-top: 1px solid #000; padding:6px; margin-top:1px;width:40%; }
.pformright { background-color: #202020; border-right: 1px solid #000; border-top: 1px solid #000; padding:6px; margin-top:1px; }

.post1 { background-color: #202020 }
.post2 { background-color: #202020 }

form div.tableborder td.row1 { background-color: #282828 !important; border: 2px outset #181818 }

td#ucpcontent form div.tableborder td.row1 { background-color: #202020; border: none!important; }

.row1 { background-color: #202020; }
.row2 { background-color: #282828; border-top: 1px solid #323232; border-left: 1px solid #343434; }
.row3 { background-color: #282828; border-top: 1px solid #323232; border-left: 1px solid #343434; }
.row4 { background-color: #202020; border-top: 1px solid #2f2f2f; border-left: 1px solid #2a2a2a; }
div.row4 { border: none; }

div.darkrow1 { background-color: #005aaf; border-left: 1px solid #000; border-right: 1px solid #000; }
.darkrow1 { background-color: #202020; }
.darkrow2 { background-image:url(http://67.15.5.220/5570/108/pip/DR22.PNG); height: 23px; }
.darkrow3 { font-weight:normal; margin:0px; background-image: url(http://67.15.5.220/5482/150/pip/SM2.PNG); }

div.darkrow2 { background-image:url(http://67.15.5.220/5482/150/pip/DR.PNG); border: 1px solid #000; border-top: none; }

div.tableborder div.tablepad { background-color: #202020!important; border-top: 1px solid #2f2f2f; border-left: 1px solid #2a2a2a; }

div.tableborder div.tablepad  table { background-color: #202020!important; }

.hlight { background-color: #202020; border-top: 1px solid #2f2f2f; border-left: 1px solid #2a2a2a; }
.dlight { background-color: #202020; border-top: 1px solid #2f2f2f; border-left: 1px solid #2a2a2a; }

.titlemedium, .pformstrip, .caldate { font-weight:normal; padding:4px; margin:0px; background-image: url(http://67.15.5.220/5482/150/pip/TM.PNG) }

.postlinksbar { font-weight:normal; padding:4px; margin:0px; background-image: url(http://67.15.5.220/5482/150/pip/TM.PNG); border-left: 1px solid #000; border-right: 1px solid #000; }

.maintitle { vertical-align:middle;font-weight:normal; color:#000; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://67.15.5.220/5570/108/pip/MT2.PNG); background-position: center; text-align: center; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #000; }
.maintitle a:hover { text-decoration: none; color: #222; }

.plainborder { border:none;background-color:#181818; }
.tableborder { border-bottom: 1px solid #181818; border-left: 1px solid #181818;background-color:#000; padding:0px; margin:0px; width:100% }
.tablefill { background-color: #282828; border-top: 1px solid #323232; border-left: 1px solid #343434; padding:6px;  }
.tablepad { background-color: #282828; border: 1px solid #000; padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; }

.wrapmini    { float:left;line-height:1.5em;width:25%; background-color: #202020; padding: 4px; height: auto; }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:9px; color:#515151 }
.edit { font-size: 9px; background: #282828 url(http://67.15.5.220/5482/150/pip/TM.PNG); }

hr  { color: #000; height: 1px; }

.signature   { font-size: 9px; }

.unreg { font-size: 9px; font-weight: bold; color: #515151 }

#QUOTE { font-size: 10px; background-color: #282828; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 10px; background-color: #282828; border: 1px solid #000; 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; }

.copyright .row4 { border: 1px solid #000 !important; }

.copyrow { background-image: url(http://67.15.5.220/5482/150/pip/CP.PNG); color: #666; font-weight: normal; font-size: 9px; padding: 4px; }


INPUT, SELECT, .forminput, .codebuttons { font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #666; background: #181818 url(http://67.15.5.220/5482/150/pip/TM.PNG); background-repeat:repeat-x; border: 1px solid #000; }

.forminput OPTION { color:#005aaf; background-color: 202020; border: 1px solid #181818; }

TEXTAREA, .textinput { font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #666; background-color: #181818; border: 1px solid #000; background-white: #181818; background-image:none; }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #181818;border-left:1px solid #181818; border-bottom: 1px solid #202020; border-right: 1px solid #202020; background-color: #181818 }
</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.tableborder{ background-color: #181818; text-align: left; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.maintitle{ vertical-align:middle;font-weight:normal; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://67.15.5.220/5570/108/pip/MTalt.PNG); text-align: center; background-position: center; background-repeat: repeat-x; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.tablepad{ text-align: left; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.maintitle img{ display:none; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.row3{ border: 1px solid #181818; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.post1, .post2 { border-right: 1px solid #181818; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=buddy')!=-1 ){document.write("<style>.pformstrip { background-image: none; background-color: #282828; border-top: 1px solid #000; border-bottom: 1px solid #000; }}</style>")}
</script>
<div width="100%" align="center">
<table height="100%">
<td width="750px" valign="top">
- I make all of my skins in MS word or paint. I do have paint.net, but when skinning, I only use it to give my skins' images transparency.
-- I don't know how to skin for ZB yet, so If I do post any skins, they'll probably be for IF.
--- Formely Annihilator Ing
Goto Top
 
Jay-Z
^ Burnley FC 4 ever ^
why is the Portal on the left, great grads
Get paid to post your InvisionFree Skin with Google and Squid-Box
Goto Top
 
Meta Ing
Member Avatar
Can you pronounce it?
Jay-Z
Dec 29 2005, 04:38 PM
why is the Portal on the left, great grads

It's on the right for me...

But anyways, I think its being caused by this section in the HTML line:

Quote:
 

html { overflow-x: auto; overflow-y: auto; scrollbar-base-color: #181818; scrollbar-track-color: #202020; scrollbar-face-color: #282828; scrollbar-arrow-color: #005aaf; scrollbar-highlight-color: #2a2a2a; scrollbar-3d-light-color: #2f2f2f; width: 750px; border: none; position: relative; right: -115px; font-weight: normal; }


But if I remove it I think the portal will be completely on the left... If it isn't already...
- I make all of my skins in MS word or paint. I do have paint.net, but when skinning, I only use it to give my skins' images transparency.
-- I don't know how to skin for ZB yet, so If I do post any skins, they'll probably be for IF.
--- Formely Annihilator Ing
Goto Top
 
.Logan
Member Avatar
Demand More
Awsome. Grads are perfect, colors match, portal isn't bad, heck, it's flawless. Awsome skin, 10/10.
Posted Image

please do not request free prints - I do not respond to these messages
Goto Top
 
Clapton
Member Avatar
Also known as Feare, Aoine, Slowhand
The background color of the maintitle, is to light. Darken it about and the skin would be great. :)
Posted Image
Goto Top
 
Meta Ing
Member Avatar
Can you pronounce it?
Aoine
Dec 29 2005, 06:52 PM
The background color of the maintitle, is to light. Darken it about and the skin would be great. :)

Your using firefox, aren't you?

Sorry, I forgot to mention that the skin looks best in IE.

I'll update my post saying that.

Edit: Done
- I make all of my skins in MS word or paint. I do have paint.net, but when skinning, I only use it to give my skins' images transparency.
-- I don't know how to skin for ZB yet, so If I do post any skins, they'll probably be for IF.
--- Formely Annihilator Ing
Goto Top
 
Clapton
Member Avatar
Also known as Feare, Aoine, Slowhand
Annihilator Ing
Dec 29 2005, 02:47 PM
Aoine
Dec 29 2005, 06:52 PM
The background color of the maintitle, is to light. Darken it about and the skin would be great. :)

Your using firefox, aren't you?

Sorry, I forgot to mention that the skin looks best in IE.

I'll update my post saying that.

Edit: Done

Ah, that might be the problem.

Though I'm not going into IE to see it :haha:
Posted Image
Goto Top
 
pmandawg
The Mystery Of Iniquity
i like the maintitle
Goto Top
 
Paperfairy
New Member
It's a shock to the eyes at first, but after they adjust, it looks pretty cool. With some buttons, this could be a pretty pwnage skin.
Goto Top
 
world_36_cc
New Member
Awesome skin. It would be great in red to :D
Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Blue, Green · Next Topic »