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
Orien Gauge; Slate/Light Slate
Topic Started: Jan 14 2006, 06:03 PM (1,701 Views)
Maru
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Name:: Orien Gauge
Author: Maru
Skin Number: 3
Date Created: Jan 13/06
Side Notes: I worked really hard. Thanks Doffy and Nic for helping me. I think I'm improving alot :)

Graphics:
Download Everything
Download image set harvested from test board

Orien Gauge
Posted Image


Board Wrappers > Header
Quote:
 
<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0" bgcolor="3a4656" valign="top" height="100%" width="780"><tr><td valign="top" height="100%" background="http://img.photobucket.com/albums/v223/glibota/leftborder.png" style="padding:25px;border:0px;"></td><td height="100%" valign="top">

<center><table id="Table_01" width="750" height="120" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
<a href="http://s15.invisionfree.com/maru_skin3/index.php">
<img src="http://img411.imageshack.us/img411/7024/untitled68sh.png" width="750" height="90" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="http://img.photobucket.com/albums/v223/glibota/34a934b8.gif" width="241" height="30" alt=""></td>
<td>
<a href="http://s15.invisionfree.com/maru_skin3/index.php">
<img src="http://img.photobucket.com/albums/v223/glibota/576ed5d1.gif" width="45" height="30" border="0" alt=""></a></td>
<td>
<a href="http://s15.invisionfree.com/maru_skin3/index.php?act=site">
<img src="http://img.photobucket.com/albums/v223/glibota/b9469231.gif" width="45" height="30" border="0" alt=""></a></td>
<td>
<a href="http://s15.invisionfree.com/maru_skin3/index.php?act=Search&f=">
<img src="http://img.photobucket.com/albums/v223/glibota/b4228d7f.gif" width="50" height="30" border="0" alt=""></a></td>
<td>
<a href="http://s15.invisionfree.com/maru_skin3/index.php?act=Members">
<img src="http://img.photobucket.com/albums/v223/glibota/868f9f90.gif" width="66" height="30" border="0" alt=""></a></td>
<td>
<a href="http://s15.invisionfree.com/maru_skin3/index.php?act=calendar">
<img src="http://img.photobucket.com/albums/v223/glibota/aaeededc.gif" width="66" height="30" border="0" alt=""></a></td>
<td>
<img src="http://img.photobucket.com/albums/v223/glibota/4b0bcd2b.gif" width="237" height="30" alt=""></td>
</tr>
</table></center>
<br/>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<br/>

<DIV align=center>
<DIV class=tableborder style="WIDTH: 45%; HEIGHT: 24px">
<DIV class=titlemedium
style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 6.5pt; PADDING-BOTTOM: 8px; LINE-HEIGHT: 12px; PADDING-TOP: 4px; spacing: 0px 0px 0px 0px: border:1px solid #37404B">
<center>Skin And Graphics Copyright to Maru Of The SZ 2006</center>
</DIV></DIV></DIV>
<br/>


Replace with your board links.


Footer:
Quote:
 
</td><td align="left" valign="top" background="http://img.photobucket.com/albums/v223/glibota/borderright.png" style="padding:25px;border:0px;"></td></tr></table>
<script type="text/javascript">
a = document.getElementsByTagName('div')
for (c=0;c<a.length;c++)
{
if (a[c].className == 'row4' && a[c].innerHTML.match('google_ad_width'))
{
a[c].className = 'adspace'
}
}
</script>


CSS of skin:
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: 10px; color: #ADBECD; margin:0px 10px 0px 10px;background-color:#49586B }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #ADBECD; }
a:link, a:visited, a:active { text-decoration: underline; color: #A4B5C5 }
a:hover { color: #ADBECD; 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% }
.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:10px;color:#ADBECD;background-image:url(http://img274.imageshack.us/img274/8061/caldate8lo.png); 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 #272F3A;background-color: #4A5A6D }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #4A5A6D; border:1px solid #272F3A;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #3A4656;background-color: #3A4656; padding:0px;margin:0px; }
#submenu { display:none}
#userlinks { border:1px solid #272F3A; background-image:url(http://img259.imageshack.us/img259/8889/userlinks4vk.png);}
#ipbwrapper { text-align:left; width: 750px; margin-left:auto;margin-right:auto }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { border:1px solid #37404B; background-image:url(http://img280.imageshack.us/img280/6356/tm3jd.png); background-color:#BCD0ED; padding:3px }

.pformstrip { background-image:url(http://img280.imageshack.us/img280/6356/tm3jd.png); background-color: #272F3A; color:#A1B4C5; font-weight:normal; padding:3px;margin-top:1px }
.pformleft { background-color: #4A5A6D; padding:6px; margin-top:1px;width:25%; border-top:1px solid #272F3A; border-right:1px solid #272F3A; }
.pformleftw { background-color: #4A5A6D; padding:6px; margin-top:1px;width:40%; border-top:1px solid #272F3A; border-right:1px solid #272F3A; }
.pformright { background-color: #4A5A6D; padding:6px; margin-top:1px;border-top:1px solid #272F3A; }

.post1 { border-top:1px solid #4F6176; border-left:1px solid #4F6176; background-color: #425062 }
.post2 { border-top:1px solid #4F6176; border-left:1px solid #4F6176; background-color: #425062 }
.postlinksbar { border-left:1px solid #272F3A; border-right:1px solid #272F3A; background-color:#4A596D;padding:5px; margin-top:1px; font-size:10px; background-image: url(http://img280.imageshack.us/img280/6356/tm3jd.png) }

.row1 { background-color: #4A5A6D }
.row2 { border-top:1px solid #53657B; border-left:1px solid #53657B; background-color: #425062 }
.row3 { background-color: #4A5A6D }
.row4 { border-top:1px solid #4F6176; border-left:1px solid #4F6176; background-color: #425062 }

.darkrow1 { background-color: #4A5A6D; color:#ADBECD }
.darkrow2 {border-top:1px solid #5C7086; padding: 3px; background-image:url(http://img408.imageshack.us/img408/6933/untitled92ql.png); background-color: #4A5A6D; color:#ADBECD; }
.darkrow3 {background-image:url(http://img189.imageshack.us/img189/9522/untitled22ox.png); background-color: #4A5A6D; color:#ADBECD; }

.hlight { background-color: #4A5A6D }
.dlight { background-color: #425062 }

.titlemedium { font-weight:normal; color:#A1B4C5; padding:3px; margin:0px; background-image: url(http://img289.imageshack.us/img289/8618/tm25zd.png) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #ADBECD }

.maintitle { text-align: right; vertical-align:middle;font-weight:normal; color:#ADBECD; letter-spacing:1px; padding:28px 25px 5px 5px; background-color: #49586B; background-image: url(http://img71.imageshack.us/img71/7757/maintitle3gq.png) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #ADBECD }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #272F3A;background-color:#4A5A6D }
.tableborder { border:0px; background-color:#323A44; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #272F3A;background-color:#4C5C71;padding:6px; }
.tablepad { border:1px solid #323A44; background-color:#4C5C71;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:#A1B4C5 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #ADBECD }
.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: normal; color: #ADBECD }

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

#QUOTE { font-family: Verdana, Arial; font-size: 10px; color: #ADBECD; background-color: #4A5A6D; border: 1px solid #37404B; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 10px; color: #ADBECD; background-color: #4A5A6D; border: 1px solid #37404B; 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 { color:#ADBECD; background-repeat: repeat-x; background-color:#56687D; border:1px solid #37404B; background-image:url(http://img280.imageshack.us/img280/6356/tm3jd.png); font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { color:#ADBECD; background-repeat: repeat-x; background-color:#56687D; border:1px solid #37404B; background-image:url(http://img280.imageshack.us/img280/6356/tm3jd.png); font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px; border-bottom:1px solid #343E4A; border-right:3px solid #343E4A; border-left:3px solid #343E4A; border-top:1px solid #343E4A; }

div.darkrow2 {border-left:1px solid #343E4A; border-right:1px solid #343e4a; border-bottom:1px solid #343e4a;padding 3px; background-image:url(http://img276.imageshack.us/img276/3679/divd21jz.png); }
div.row4{ border:1px solid #272F3A!important;}
div.tableborder div.tablepad { border:1px solid #364351; background-color: #4A5A6D!important; }
div.tableborder div.tablepad table { border:1px solid #364351; background-color: #4A5A6D!important; }
#ipbwrapper .maintitle{ background-image:url(http://img314.imageshack.us/img314/3566/usermt0fe.png); padding:8px; border:0px }
div.tableborder td.row4 div.row4 { border:0px!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 }

</style>
<script language='javascript'>
if ( location.search.indexOf('showuser')!=-1) {
document.write("<style>.maintitle{ background-image:url(http://img314.imageshack.us/img314/3566/usermt0fe.png); padding:8px; border:0px }</style>")}
if ( location.search.indexOf('act=calendar')!=-1) {
document.write("<style>.maintitle{ background-image:url(http://img314.imageshack.us/img314/3566/usermt0fe.png); padding:8px; border:0px }</style>")}
if ( location.search.indexOf('act=UserCP&CODE')!=-1) {
document.write("<style>.maintitle{ background-image:url(http://img314.imageshack.us/img314/3566/usermt0fe.png); padding:8px; border:0px }</style>")}
if ( location.search.indexOf('act=Msg&CODE')!=-1) {
document.write("<style>.maintitle{ background-image:url(http://img314.imageshack.us/img314/3566/usermt0fe.png); padding:8px; border:0px }</style>")}
if ( location.search.indexOf('showforum')!=-1) {
document.write("<style>.row2{ border-left:0px }</style>")}
</script>
<style type="text/css">
Attached to this post:
Attachments: OrienGaugeImages.zip (118.48 KB)
Edited by Helena, Jan 22 2013, 10:18 PM.
Offline Profile Quote Post Goto Top
 
.Method
Member Avatar

[ *  *  *  *  *  * ]
I like your portal and userlinks. Nice job overall Maru, ^_^
Offline Profile Quote Post Goto Top
 
Maru
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Thanks Method :)
Offline Profile Quote Post Goto Top
 
DaNtE X
Member
[ *  *  *  *  *  *  * ]
Great job Maru. I like everything except the .thin
Offline Profile Quote Post Goto Top
 
Clapton
Member Avatar
Also known as Feare, Aoine, Slowhand
[ *  *  *  *  *  *  *  * ]
Not a fan of the borders, but the rest is awesome. <3 ^_^
Offline Profile Quote Post Goto Top
 
Maru
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Thanks all :)
Offline Profile Quote Post Goto Top
 
Digi.
::Not Rich, still lying::
[ *  *  *  *  * ]
I love the maintitle.. and everything 'cept them borders..You should do the borders like the maintitle wavey thing..
Offline Profile Quote Post Goto Top
 
Maru
Member Avatar
Member
[ *  *  *  *  *  *  * ]
I'll try the border thing.
Offline Profile Quote Post Goto Top
 
Astheria
 
[ *  *  *  *  *  *  *  * ]
The maintitle is extremely similar to one of Zeus'. :/
Offline Profile Quote Post Goto Top
 
Maru
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Astheria
Jan 14 2006, 07:26 PM
The maintitle is extremely similar to one of Zeus'. :/

Not extremely similar. I talked to him. I wasn't aware at the time. He didn't mind he said. It didn't make a difference.
Offline Profile Quote Post Goto Top
 
Levity
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Awesome job man, great maintitle.
Offline Profile Quote Post Goto Top
 
Trevor.
Wasteland
[ *  *  *  *  *  * ]
Go Maru, secks. Great for a fourth dude, the MT could use a bit of straightening out but it's an overrall nice skin. (Especially for a fourth :))


<3
Offline Profile Quote Post Goto Top
 
Maru
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Thanks Trev :) My third skin :P
Offline Profile Quote Post Goto Top
 
Trevor.
Wasteland
[ *  *  *  *  *  * ]
Heh, sweet job dude.
Offline Profile Quote Post Goto Top
 
Ideal
Member Avatar
hey there delilah
[ *  *  *  *  *  * ]
this needs to be added NOW!
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