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
  • 3
  • 7
Lucideo; black/dark gray and purple
Topic Started: Mar 13 2006, 01:04 AM (21,376 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:
Excella
Member Avatar
Midnight Caller
[ *  *  *  *  *  *  *  * ]
Black Widow
Mar 14 2006, 12:40 AM
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... ^_^

I agree. Good work.
Offline Profile Quote Post Goto Top
 
Nonsense
Member Avatar
ByShine
[ *  *  *  *  * ]
Looks good.
Offline Profile Quote Post Goto Top
 
vamp_lord
Member Avatar
Gamma Ray
[ *  *  *  *  * ]
Super secksy just dont like the submenu to much but other then that secksy :).
Offline Profile Quote Post Goto Top
 
Nitrogenix
Member Avatar
Back after a while.
[ *  *  *  *  *  *  *  *  * ]
Just brilliant as I've told you before! :)
Offline Profile Quote Post Goto Top
 
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
Nitrogenix
Mar 14 2006, 04:47 PM
Just brilliant as I've told you before! :)

Your code made it way coolr :wub:

Thanks everyone ^_^
Offline Profile Quote Post Goto Top
 
different660-ZNR
Member
[ * ]
wow really nice. i like the color contrasts
Offline Profile Quote Post Goto Top
 
ScErPiOn.
Unregistered

nice i would want it because colors i kissed my PC Screen....lol
Quote Post Goto Top
 
iluvata
Member
[ * ]
Nice. I like how the colors look great with eachother.
Offline Profile Quote Post Goto Top
 
hit89
Member
[ *  *  *  * ]
I just love the links thing! Very unique.
Offline Profile Quote Post Goto Top
 
Benjamin
Member Avatar

[ *  *  *  *  *  *  * ]
Woah! Why did you set the CSS up like that? It's so long!

I think you should change the link color. They're the same as the text, and it's hard to tell the difference between the links and the text.

The row bevel borders could be a bit more defined, too.

I like the mt a lot, but the curved side are a bit think and it breaks the flow.

I like the submenu a whole lot. Very creative. :yes:

It's a very nice skin, SyKo, but there a just a few things on it that break the flow of it.
Offline Profile Quote Post Goto Top
 
finch
Member
[ *  *  *  *  *  *  *  *  * ]
Sweet, interesting submenu. ^_^
Offline Profile Quote Post Goto Top
 
IcEmAn
Member Avatar
Memorial
[ *  *  *  * ]
Great skin. :)
Offline Profile Quote Post Goto Top
 
1p00nty0u
Member
[ * ]
nice skin
Offline Profile Quote Post Goto Top
 
Levity
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Looks great man :D
Offline Profile Quote Post Goto Top
 
xRafaelx
Member
[ *  * ]
Good job, I like the colors :)
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
  • 3
  • 7