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
  • 7
Lucideo; black/dark gray and purple
Topic Started: Mar 13 2006, 01:04 AM (21,377 Views)
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
Posted Image

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
Posted Image


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://i6.ifrm.com/html/team_icons/default.gif"

var new_image=new Array();
new_image[0]="http://i4.ifrm.com/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;
    }
Attached to this post:
Attachments: logogif.gif (6.71 KB)
Edited by Helena, Feb 16 2013, 06:39 PM.
Offline Profile Quote Post Goto Top
 
Replies:
Vettore
Member Avatar
DON VETTORE
[ *  *  *  *  *  *  *  *  * ]
You've become quite a skinner. <3
Offline Profile Quote Post Goto Top
 
Eject
Member Avatar
Raise The Alarm
[ *  *  *  *  *  *  * ]
Very nice skin Syko.
Offline Profile Quote Post 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. ^_^
Offline Profile Quote Post 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)
Offline Profile Quote Post Goto Top
 
Millar
Member Avatar
Perfection is Relative.
[ *  *  *  *  * ]
Saw it in the battle :), good job Syko!
Offline Profile Quote Post Goto Top
 
Sobriquet.
robbers and cowards
[ *  *  *  *  *  *  * ]
Great skin man :)
Offline Profile Quote Post Goto Top
 
Astheria
 
[ *  *  *  *  *  *  *  * ]
Aww, the colors of the first skin I ever used on a forum. :wub:

Nice work. ;)
Offline Profile Quote Post Goto Top
 
Aaron II
Member Avatar
Flying The Flag!
[ *  *  *  *  *  *  * ]
Really nice, a little bright though. :wub:
Offline Profile Quote Post Goto Top
 
SpeedShadow
Member Avatar
Member
[ *  * ]
ohh thats nice, cant say i like the color's much but its original i suppose :P

Good job on making the skin look rounded, its been done but its very effective :)
Offline Profile Quote Post Goto Top
 
Dynamik. (PM)
Member Avatar
holy shit look who it is
[ *  *  *  *  *  *  * ]
Awesome work Syko.
You are getting very good at skinning.
Offline Profile Quote Post Goto Top
 
Clapton
Member Avatar
Also known as Feare, Aoine, Slowhand
[ *  *  *  *  *  *  *  * ]
Secksy =D
Offline Profile Quote Post Goto Top
 
Black Widow
Member Avatar
Quack
[ *  *  *  *  *  *  *  *  * ]
You are getting better and better. Nice skin Syko, I might have liked it better if the purple was lighter, I am just not a neon purple fan. Nice work... ^_^
Offline Profile Quote Post Goto Top
 
Craig-OmahaWX
Student Meteorologist
[ *  *  *  *  * ]
Very nice skin!
Offline Profile Quote Post Goto Top
 
.envyX™
Member Avatar
Member
[ *  *  *  *  *  * ]
There's no closed button.

EDIT: i made one with the PSD.

too good syko.
Offline Profile Quote Post Goto Top
 
Hisham.
Member Avatar
x.C.C
[ *  *  *  * ]
Nice skin :D
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
  • 7