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
  • 7
Lucideo; black/dark gray and purple
Topic Started: Mar 13 2006, 01:04 AM (21,371 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:
NekoZero-ZNR
Member Avatar
Member
[ * ]
Does anyone have the image pack for this layout? I absolutely adore it, but I'm getting a permissions error when I click the link...

:<
Offline Profile Quote Post Goto Top
 
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
I don't have the images anymore, you'll have to get someone to make new images. (until I convert it to Zetaboards)
Offline Profile Quote Post Goto Top
 
Easter
Member
[ * ]
Thank you!
I've been looking everywhere for a black/purple skin!
Offline Profile Quote Post Goto Top
 
BM_neko
Member
[ * ]
Wow, this is a great skin! I'm considering using it for my board. Thanks for making such a great purple and black skin. I've been looking for one everywhere!
Offline Profile Quote Post Goto Top
 
Crabbums
Member
[ * ]
I think a darker purple would be better, but still very nice.
Offline Profile Quote Post Goto Top
 
FaStyF
Member Avatar
Member
[ * ]
not bad :) 7,5/10
Offline Profile Quote Post Goto Top
 
Zackfair35
Member
[ * ]
OMG!!!..I'ma gonna use this skin for my forum^^...it's very perfect!..the color!!..the style!!..it blends perfectly=^^=...i've been searching for skins and now finally i have decided one!!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1
  • 7