Welcome Guest [Log In] [Register]
Blue tech
Topic Started: Jun 19 2004, 10:50 PM (3,059 Views)
Egomednog Jun 19 2004, 10:50 PM Post #1
Member Avatar
eihond
 Name: Blue tech

Author: Egomednog

Notes: First and last skin. Fear the crapiness of the banner as well :P

PREVIEW

Put this into your Board Wrappers > Header & Body:
Quote:
 
<body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="3" topmargin="3" marginwidth="3" marginheight="0">
<table width="750" border="1" align="center" cellpadding="3" cellspacing="0" bgcolor="#FFFFFF" height="377" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000">
<tr>
<td width="750" height="100%" bgcolor="#FFFFFF" bordercolor="#000000" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


CSS
Quote:
 
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #cccccc; margin:0px 10px 0px 10px;background-image:url(http://209.85.12.234/1088/2/upload/p2020472.gif) }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #cccccc;background-color:#000000 }
a:link, a:visited, a:active { text-decoration: underline; color: #FFF }
a:hover { color: #0A74F0; 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% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130%; color:#29623; }
.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; margin:0px 0px 10px 0px }
ul#help    { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#FFF;background-color:#555;padding:4px;margin:0px }

.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 #345487;background-color: #333333 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #333333; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000000;background-color: #000000;padding:0px;margin:0px;}
#submenu  { border:1px solid #999999;background-color: #333333;font-size:10px;margin:3px 0px 3px 0px;color:#cccccc;font-weight:bold;}
</style><CENTER><b>Blue Tech</b> skin created by <B>Egomednog</b>. Find more great skins at the <B><A HREF="http://www.ifskinzone.net" TARGET="_BLANK">IF Skin Zone</a></b>.</center><STYLE TYPE="text/css">#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #cccccc; }
#userlinks { border:1px solid #999999;background-color: #333333;font-size:10px;margin:3px 0px 3px 0px;color:#cccccc; }

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-image:url(http://209.85.12.234/1088/2/upload/p2022129.jpg); padding:6px }

.pformstrip { background-image: url(http://209.85.12.234/1088/2/upload/p2022129.jpg); color:#999999;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #333333; padding:6px; margin-top:1px;width:25%; border-top:1px solid #444; border-right:1px solid #444; }
.pformleftw { background-color: #333333; padding:6px; margin-top:1px;width:40%; border-top:1px solid #444; border-right:1px solid #444; }
.pformright { background-color: #666666; padding:6px; margin-top:1px;border-top:1px solid #444; }

.post1 { background-color: #333333 }
.post2 { background-color: #222222 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://209.85.12.234/1088/2/upload/p2022129.jpg) }

.row1 { background-color: #999999 }
.row2 { background-color: #585454 }
.row3 { background-color: #888 }
.row4 { background-color: #777777 }

.darkrow1 { background-color: #333333; color:#4C77B6; }
.darkrow2 { background-image:url(http://209.85.12.234/1088/2/upload/p2021517.jpg) ; color:#FFF; }
.darkrow3 { background-color: #777777; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#FFF; padding:1px; margin:0px; background-image: url(http://209.85.12.234/1088/2/upload/p2019572.jpg);border=1px solid #000000 }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color:#FFF}

.maintitle {text-align:center; vertical-align:bottom;font-weight:bold; color:#cccccc; letter-spacing:1px; padding:11px 0px 6px 3px; background-image: url(http://209.85.12.234/1088/2/upload/p2020336.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #cccccc }
.maintitle a:hover { color:#cccccc;text-decoration: underline }

.plainborder { border:1px solid #ffffff;background-color:#000000 }
.tableborder { border:1px solid #000000;background-color:#000000; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #ffffff;background-color:#000000;padding:6px;  }
.tablepad    { background-color:#000000;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:#333333 }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.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 }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

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

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #000; background-color: #cccccc; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #000; background-color: #cccccc; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

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

.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-color:#000;border: 1px solid #cccccc; color:#FFF }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

.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 }
Posted Image
<3 Leda! :3
Goto Top
 
Jezzes101 Jun 20 2009, 11:18 PM Post #2
New Member
 amazing work, can I ask just one thing? How do you set this up to have the Background show up in between the topic boxes? Not so much as just sticking the picture in there but actually have it set up that the boxes are ontop of the BG itself, no black areas and such?
Goto Top
 
Meilin_Drane Jul 31 2009, 02:09 AM Post #3
New Member
 Very Amazing Work! But only one question :s How do i put my banner ?? The banner that appears is the invisionfree banner and i want to change it.. Please tell me!^^
Goto Top
 
runeking717 Aug 3 2009, 11:25 PM Post #4
New Member
 Awesome.
Goto Top
 
runeking717 Aug 3 2009, 11:26 PM Post #5
New Member
 Awesome.
Goto Top
 
runeking717 Aug 3 2009, 11:27 PM Post #6
New Member
 Awesome.
Goto Top
 
runeking717 Aug 3 2009, 11:28 PM Post #7
New Member
 Awesome.
Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Blue, Green · Next Topic »