Welcome Guest [Log In] [Register]
  • Pages:
  • 1
  • 5
Lucideo; black/dark gray and purple
Topic Started: Mar 13 2006, 05:04 AM (16,965 Views)
SyKo
Member Avatar
aka godman123
Author: Me (SyKo/godman123)
Skin Color: Black/Dark Gray and Purple
Date Created: Over the past few days
Notes: None, best viewed in Mozilla Firefox. Enjoy ^_^

Preview of the skin

Lucideo Image Pack

To change the logo of the skin, edit the part in red.
To change your logo's link location, edit the part in green.


Board Wrappers > Header and Body
Quote:
 
<body>
<center>
<table class="boardtable" cellpadding="10" cellspacing="0">
<tr>
<td valign="top">
<center>
<a href="http://s15.invisionfree.com/SyKoSkin35"><img src=http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/logogif.gif></a>
<div id="newsubmenu" align="center">
<img src="http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/links.gif">
</div>
</center>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<br />
<center>
<fieldset class="row5">
<legend><strong> Copyright </strong></legend>
Skin created by <b>SyKo</b> of the <a href="http://forums.ifskinzone.net/"><b>IF Skin Zone</b></a>.</fieldset>
</center>
<div class="copyright">


Board Wrappers > Footer
Quote:
 
</div>
</td>
</tr>
</table>
</center>

<script>
// Expand Submenu
// created by Ryan Fan/Nitrogenix
// http://www.ifsz.com, 2006
LinksIMGURL = "http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/links.gif"
x = document.getElementsByTagName('img')
for(y=0;y<x.length;y++){
if(x[y].src == LinksIMGURL && x[y].parentNode.id=="newsubmenu"){
x[y].id = "image"
x[y].onmouseover = function(){
this.parentNode.innerHTML = "<a href='http://s15.invisionfree.com/SyKoSkin35/index.php?act=Members'><img src='http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/members.gif'></a><a href='http://s15.invisionfree.com/SyKoSkin35/index.php?act=Help'><img src='http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/help.gif'></a><a href='http://s15.invisionfree.com/SyKoSkin35/index.php?act=site'><img src='http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/portal.gif'></a><a href='http://s15.invisionfree.com/SyKoSkin35/index.php?act=calendar'><img src='http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/calendar.gif'></a>"
}}}
</script>

<script language="javascript">
<!--
/*
Custom Default Pip v3.14
More info: http://support.invisionfree.com/index.php?showtopic=67146
Derived from Unknown12's Remove Post Images v1
http://support.invisionfree.com/index.php?showtopic=27081
*/

var old_image=new Array();
old_image[0]="http://69.93.183.37/html/team_icons/default.gif"

var new_image=new Array();
new_image[0]="http://67.15.129.139/6074/64/upload/p1982952.gif"

for (i=0;i<document.images.length;i++){
for (j=0;j<old_image.length;j++){
if (document.images.src==old_image[j]){
document.images.src=new_image[j]
}}}
//-->
</script>


Manage Style Sheets > Style Sheet
Quote:
 
html {
    overflow-x: hidden; overflow-y: auto;
    }


form {
    display: inline;
    }


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


BODY {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10px; 
    color: #999999;
    margin:0px 10px 0px 10px;
    background-color: #141414;
    }


TABLE, TR, TD {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10px;
    color: #999999;
    }


a:link, a:visited, a:active {
    text-decoration: none;
    color: #999999;
    }


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


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


label {
    cursor:pointer;
    }


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


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

   
.googleparent {
      padding: 6px;
      margin-left: 30px;
      line-height: 130%;
      color: #183147; }

.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; m
    margin:0px 0px 10px 0px
    }


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


option.cat {
    font-weight:bold;
      }


option.sub {
    font-weight:bold;
    color:#555
    }

.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 #000;
    background-color: #252525;
    }


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


#ucpcontent {
    background-color: #252525;
    border:1px solid #000;
    line-height:150%;
    width:auto
    }


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


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


#logostrip {
    overflow: hidden;
    border: 1px solid #272727;
    background-color: #272727;
    background-image: url();
    padding:0px;
    margin:0px;
    }


#submenu {
    display: none;
    border:0px solid #000;
    background: url(http://img318.imageshack.us/img318/537/userlinks8su.png);
    font-size:10px;
    margin:5px 0px 5px 0px;
    color:#FFF;
    font-weight:bold;
    padding: 3px;
    }


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


#userlinks {
    border:0px solid #000;
    background: url(http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/ulinks.gif);
    padding: 3px;
    }


#userlinks a:link,
#userlinks a:visited,
#userlinks a:active,
#userlinks strong,
#userlinks span,
#userlinks td {
    color: #FFF;
    text-decoration: none;
    }


#userlinks a:hover {
    color: #FFF;
    text-decoration: underline overline;
    }


#navstrip,
#navstrip a {
    font-weight:bold;
    padding:6px 0px 6px 0px;
    color:#999999;
    }


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


.pformleft  {
    background-color: #252525;
    padding:6px;
    margin-top:0px;
    width:25%;
    }


.pformleftw {
    background-color: #252525;
    padding:6px;
    margin-top:0px;
    width:40%;
    }


.pformright {
    background-color: #252525;
    padding:6px;
    margin-top:0px;
    }


.postlinksbar {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    font-weight:normal;
    color:#c332f2;
    padding:2px 0px 2px 5px;
    margin:0px;
    background-image: url(http://img225.imageshack.us/img225/1128/titlemedium0ds.png);
    }


.postlinksbar a,
.postlinksbar strong {
    color: #c332f2;
    font-weight: normal;
    text-align: left;
    }


.row1, .row2, .row3, .row4,
.post1, .post2,
form div.tableborder td.darkrow1,
td#ucpcontent form div.tableborder td.row1 {
    border-top: 1px solid #2d2d2d!important;
    border-right: 1px solid #2d2d2d!important;
    background-color: #252525!important;
    border-left: none!important;
    }


.darkrow1 {
    background-color: #b222e0;
    color:#000;
    border-top: 1px solid #c332f2;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    }


.darkrow2,
.caldate {
    background-image: url(http://img385.imageshack.us/img385/6976/darkrow21ac.gif);
    background-color: #242424;
    color: #999999;
    padding: 1px;
    border-top: 1px solid #2d2d2d;
    background-position: bottom center;
    }


.caldate {
    border-bottom: 1px solid #000;
    padding-left: 5px;
    }


.activeuserstrip {
    background-image: url(http://img351.imageshack.us/img351/2765/activeuserstrip4vj.gif);
    border: 1px solid #000;
    height: 15px;
    line-height: 150%;
    padding-left: 5px;
    }


.darkrow3 {
    font-weight:normal;
    color:#c332f2;
    padding:2px 0px 2px 5px;
    margin:0px;
    background-image: url(http://img225.imageshack.us/img225/1128/titlemedium0ds.png)
    }


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


.titlemedium,
.pformstrip {
    font-weight:normal;
    color:#c332f2;
    padding:2px 0px 2px 5px;
    margin:0px;
    background-image: url(http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/tmgif.gif)
    }


.titlemedium  a:link,
.titlemedium  a:visited,
.titlemedium  a:active  {
    text-decoration: underline;
    color: #c332f2
    }


div.maintitle {
    background-repeat: no-repeat;
    text-align: center;
    vertical-align:middle;
    font-weight:bold; color:#FFF;
    padding:7px 0px 7px 0px;
    background-image: url(http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/maintitlegif.gif);
    background-position: center;
    }


div.maintitle a:link,
div.maintitle a:visited,
div.maintitle a:active {
    text-decoration: none;
    color: #FFF
    }


div.maintitle a:hover {
    text-decoration: underline
    }


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


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


.tablefill  {
    border:1px solid #000;
    background-color:#2d2d2d;
    padding:6px; 
    }


.tablepad    {
    background-color:#252525;
    border: 1px solid #000;
    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:10px;
    color:#646464
    }


.edit {
    font-size: 9px
    }


.signature  {
    font-size: 10px;
    color: #999
    }
   

.postdetails {
    font-size: 10px
    padding-left: 3px;
    padding-right: 3px;
    }


.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
    padding-left: 2px;
    }


.unreg {
    font-size: 11px;
    font-weight: bold;
    color: #999
    }


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


#QUOTE,
#CODE {
    border-top: 1px solid #000;
    font-family: Tahoma, Arial;
    font-size: 11px;
    color: #646464;
    background-color: #252525;
    padding: 2px;
    }


.copyright {
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 9px;
    line-height: 12px
    }


.codebuttons {
    border: 1px solid #000;
    font-size: 10px;
    font-family: Tahoma, sans-serif;
    vertical-align: middle;
    font-weight:normal;
    color:#c332f2;
    padding:2px;
    margin:0px;
    background-image: url(http://img225.imageshack.us/img225/1128/titlemedium0ds.png);
    }


.forminput,
.textinput,
.radiobutton,
.checkbox {
    font-size: 11px;
    font-family: Tahoma, sans-serif;
    vertical-align: middle;
    background-color: #2d2d2d;
    border: 1px solid #000;
    color: #999;
    }


.thin {
    padding: 4px 4px 4px 4px;
    margin: 5px 5px 5px 5px;
    background-color: #272727!important;
    border-top: 1px solid #0f0f0f!important;
    border-left: 1px solid #0f0f0f!important;
    border-right: 1px solid #393939!important;
    border-bottom: 1px solid #393939!important;
    }


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

/* Extra Skinning Elements and DIVs */

.copyright .row4 {
    background-color: #252525!important;
    border-top: 1px solid #0f0f0f!important;
    border-left: 1px solid #0f0f0f!important;
    border-right: 1px solid #393939!important;
    border-bottom: 1px solid #393939!important;
    font-size: 9px!important;
    }


div.row4 {
    background-color: #272727!important;
    border: none!important;
    }


div.tableborder td.row4 div.row4 {
    background-color: #252525!important;
    border-top: 1px solid #0f0f0f!important;
    border-left: 1px solid #0f0f0f!important;
    border-right: 1px solid #393939!important;
    border-bottom: 1px solid #393939!important;
    padding-left: 3px;
    }


div.tableborder div.row2 {
    border-left: 1px solid #000!important;
    border-right: 1px solid #000!important;
    }


.post1 table b,
.post2 table b {
    color: #FFF; 
    }


#QUOTE b,
#CODE b {
    color: #646464;
    }


#submenu img {
    display: none;
    }


#ucpmenu .maintitle,
#ucpcontent .maintitle,
.maintitle {
    background: url(http://img.photobucket.com/albums/v495/godman123/quotecodd.png);
    background-repeat: repeat-x;
    height: 17px;
    padding: 0px;
    color: #FFF!important;
    text-align: center!important;
    font-weight: bold!important; 
    }


#ucpmenu .pformstrip,
#ucpcontent .pformstrip {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    }


form div.tableborder td.row1,
form div.tableborder td.row3 {
    border: none!important;
    } 


form div.tableborder td.row1 div.caldate {
    text-align: left;
    font-weight:normal;
    color:#FFF;
    font-weight: bold; 
    height: 12px; 
    margin:0px;
    background-image: url(http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/caldat.png);
    border-bottom: 1px solid #000; 
    padding-left: 5px;
    }


form div.tableborder div.pformstrip {
    border: 1px solid #000;
    }


div.tableborder div.tablepad {
    background-color: #252525!important;
    border: 1px solid #000!important;
    }


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


#ipbwrapper {
    margin-left: auto;
    margin-right: auto;
    width: 760px;
    background-color: #272727; 
    }


#ipbwrapper .maintitle {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    }


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


form table.tableborder td.pformstrip {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    }


SELECT {
    background-color: #252525;
    }


.boardtable {
    width: 782px;
    background-color: #272727;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    }


div.darkrow2 {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    }


.post1 table,
.post2 table {
    background-image: url(http://img.photobucket.com/albums/v495/godman123/Skins/Lucideo/tmgif.gif);
    background-position: top center;
    background-repeat: repeat-x;
    border: 1px solid #000;
    padding: 0px;
    color: #FFF;
    }


div.darkrow3 a {
    background-image: url(http://img385.imageshack.us/img385/6976/darkrow21ac.gif);
    background-color: #242424;
    color: #999999;
    padding: 1px 2px 1px 2px;
    border: 1px solid #000;
    background-position: bottom center;
    margin: 2px;
    }


div.darkrow3 {
    background-image: url();
    }


/* Skinning Elements for IE only */

* html body div.maintitle {
    padding: 6px 0px 10px 0px;
    }

* html body #userlinks {
    height: 32px;
    }

.row5 {
    border: 1px solid #000;
    width: 200px;
    }
Edited by SyKo, Jan 8 2009, 05:50 PM.
Taking time off to mend personal injuries.
Posted Image
RA: 10/29/05 - 2/20/06
RS: 2/20/06 - 7/24/06
Goto Top
 
Spammy Sammy
Member Avatar
carpe diem
Awesome. I love it :)

Posted Image
RA from 09.12.05 to 04.04.06
Goto Top
 
tiptopolive
Member Avatar
I like to dream
Nice, I love the color you chose. :) Caldate is awesome too.
Posted Image
Goto Top
 
Wisp
Member Avatar
Hello.
Great work SyKo, I love the colors :D
My Skins
Quiver (Preview)
Monarchy (Preview)
Foresight (Preview)
Deception Point (Preview)
Guile (Preview)
Eruption (Preview)
Goto Top
 
John
Member Avatar
Dedicated
Very nice skin Syko. :)
Second ZNR Werewolf
Goto Top
 
.Method
Member Avatar

I like it alot. It's probably your best skin. Keep it up Syko. ^_^
Posted Image
Goto Top
 
Mister.
Member Avatar
sure
I remember seeing this :D I love the submenu, awesome job SyKo ^_^
♥AP
myDEV
Goto Top
 
.envyX™
Member Avatar
TZ Obsessed
WOW really nice skin, maintitle is nice.
Goto Top
 
mawfive
Member Avatar
Settled In
Really nice. Simple and sweet.

Posted Image
Posted Image
Goto Top
 
Big Fish
Member Avatar
Drown Him In Holy Water!
I love it. Thanks for releasing early, SyKo. :wub:
S C R E E N P L A Y
Review, Rate, Discuss Your Favorite Films - Coming Soon

Posted Image
Gold teeth and a curse for this town were all in my mouth.
Only, i don't know how they got out, dear.
Turn me back into the pet that i was when we met.
I was happier then with no mind-set.
Goto Top
 
Perplexity
Member Avatar
.vioLEnce
your the best syko.
ever.
AeonVisuals.com
Webmaster Forum
Goto Top
 
INJ
Member Avatar
Rust In Peace
Very nice skin.
Posted Image
Goto Top
 
Raiser
ZBTZ Original 'DarkShame2' or DS2
Pretty cool skin. 10/10
Posted Image

Posted Image

Posted Image

Goto Top
 
CandyChick82
Member Avatar
TZ Obsessed
Thats looks really cool. But the google ad looks out of place, maybe a border?

Otherwise its really nice, the colours are kinda unique since no one really uses them.
Posted Image
Goto Top
 
Sparks
Member Avatar
TZ Obsessed
nice color combo

Posted Image
Over 5000 Members and over 155,000 posts. Interested in being a designer there at the second biggest resource forum on IF, then PM me.
Posted Image
O by the way, I have filled more requests then any person on this forum. If you want proof PM me.

Goto Top
 
Vettore
Member Avatar
DON VETTORE
You've become quite a skinner. <3

Posted Image
Goto Top
 
Eject
Member Avatar
Raise The Alarm
Very nice skin Syko.
last.fm | deviantART
Posted Image
Goto Top
 
Oggi
Member Avatar
Dedicated.
OMG! Color=secks! I love the submenu and the maintitle is nice and sleek. The caldate is quite simple but flows well with the skin, so I like it. :)

The portal looks fine, nothing out of the ordinary.

What can I say, I love it. ^_^
Posted Image

.621.

I love my job because it's the secks!
Posted Image {Alwayswatchingyou.}
Goto Top
 
Drew
&TIME.
I dont like the submenu how it kinda folds out, the skin is very nice but i dont like the userlinks or the maintitle. :/ But it is nice. :) (Im on a crappy computer, so i willl probably get on a better computer later and see how awesome the MT is, so...yea)
this place used to be cool but now it's lame. so i'm outta here. i'll visit once in a while. peace out. BLACK WIDOW IS LOVE.
Goto Top
 
Millar
Member Avatar
Perfection is Relative.
Saw it in the battle :), good job Syko!
Standard Warfare, web 2.0 game
Sam Millar
Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Red, Pink, Purple · Next Topic »
  • Pages:
  • 1
  • 5