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 Mar 13 2006, 05:04 AM Post #1
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 Mar 13 2006, 05:07 AM Post #2
Member Avatar
carpe diem
 Awesome. I love it :)

Posted Image
RA from 09.12.05 to 04.04.06
Goto Top
 
tiptopolive Mar 13 2006, 05:08 AM Post #3
Member Avatar
I like to dream
 Nice, I love the color you chose. :) Caldate is awesome too.
Posted Image
Goto Top
 
Wisp Mar 13 2006, 05:09 AM Post #4
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 Mar 13 2006, 05:10 AM Post #5
Member Avatar
Dedicated
 Very nice skin Syko. :)
Second ZNR Werewolf
Goto Top
 
.Method Mar 13 2006, 05:10 AM Post #6
Member Avatar

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

Posted Image
Posted Image
Goto Top
 
Big Fish Mar 13 2006, 05:38 AM Post #10
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 Mar 13 2006, 06:15 AM Post #11
Member Avatar
.vioLEnce
 your the best syko.
ever.
AeonVisuals.com
Webmaster Forum
Goto Top
 
INJ Mar 13 2006, 06:16 AM Post #12
Member Avatar
Rust In Peace
 Very nice skin.
Posted Image
Goto Top
 
Raiser Mar 13 2006, 06:39 AM Post #13
ZBTZ Original 'DarkShame2' or DS2
 Pretty cool skin. 10/10
Posted Image

Posted Image

Posted Image
Goto Top
 
CandyChick82 Mar 13 2006, 07:56 AM Post #14
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 Mar 13 2006, 08:14 AM Post #15
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 Mar 13 2006, 08:15 AM Post #16
Member Avatar
DON VETTORE
 You've become quite a skinner. <3

Posted Image
Goto Top
 
Eject Mar 13 2006, 09:16 AM Post #17
Member Avatar
Raise The Alarm
 Very nice skin Syko.
last.fm | deviantART
Posted Image
Goto Top
 
Oggi Mar 13 2006, 01:46 PM Post #18
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 Mar 13 2006, 01:51 PM Post #19
&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 Mar 13 2006, 03:38 PM Post #20
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