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
Transumos; red/white/gray
Topic Started: Oct 30 2005, 04:00 AM (1,246 Views)
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
Name: Transumos
Author: godman123
Skin Number: 25 not including requests
Date Created: About a week ago
Side Notes: I haven't made any images except two forum markers.......can someone help me out here?


Preview of the skin

Board Wrappers > Javascript
Quote:
 
<link type="text/javascript" href="http://h1.ripway.com/godman123/transumos2.js" />



Board Wrappers > Header and Body
Quote:
 
<body>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<br />
<center><div align="center" class="titlemedium" style="font-weight: bold; width: 300px; height: 14px; text-align: center; border: 1px solid #b1b1b1; color: #949494;">Skin created by <a href="http://forums.ifskinzone.net/index.php?showuser=29578">godman123</a>.</div></center><br />



CSS of skin:
Quote:
 
HTML { overflow-x: hidden; overflow-y: auto; }

FORM { display: inline; }

IMG  { vertical-align: middle; border: 0px; }

BODY { background-image: url(); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #949494; margin: 0px 0px 0px 0px; background-color: #F5F5F5; }

TABLE, TR, TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #949494; }

a:link, a:visited, a:active { text-decoration: none; color: #949494; }
a:hover { color: #E42A2A; text-decoration: none; }

fieldset.search { padding: 6px; line-height: 150%; }

label { cursor: pointer; }

img.attach { border: 1px solid #B1B1B1; padding: 2px; }

li.helprow { padding: 0px; margin: 0px 0px 10px 0px; }

ul#help    { padding: 0px 0px 0px 15px; }

.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: #535353; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px; font-weight: bold; color: #686868; }
.googlepagelinks { font-size: 1.1em; letter-spacing: 1px; }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px; color: #4A4A4A; }

option.cat { font-weight: bold; }
option.sub { font-weight: bold; color: #ACACAC; }
.caldate  { border-bottom: 1px solid #b1b1b1; background-image: url(http://i2.ifrm.com/4958/167/upload/p110010.gif); text-align: right; font-weight: bold; font-size: 10px; color: #ACACAC; 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 #B1B1B1; }
#photoimg  { text-align: center; margin-top: 15px; }

#ucpmenu    { line-height: 150%; width: 22%; border: 1px solid #B1B1B1; background-color: #ECECEC; }
#ucpmenu p  { padding: 2px 5px 6px 9px; margin: 0px; }
#ucpcontent { background-color: #ECECEC; border: 1px solid #B1B1B1; line-height: 150%; width: auto; }
#ucpcontent p  { padding: 10px; margin: 0px; }

#ipsbanner { position: absolute; top: 1px; right: 5%; }

#logostrip { border: 1px solid #B1B1B1; background-color: #ECECEC; background-image: url(); padding: 0px; margin: 0px; }
#logostrip a:link, #logostrip a:visited, #logostrip a:active { color: #ACACAC; }
#logostrip a:hover { color: #ACACAC; }

#submenu  { color: #DBDADA; letter-spacing: 1px; text-indent: 5px; font-weight: bold; font-family: Arial, sans-serif; text-align: center; padding: 3px 0px 11px 405px; border: 0px solid #B1B1B1; background-color: #ECECEC; font-size: 10px; margin: 5px 0px 0px 0px; background-image: url(http://i2.ifrm.com/4958/167/upload/p110131.gif); }

#submenu img { display: none; }

#submenu a:link, #submenu  a:visited, #submenu a:active, #submenu a:hover { letter-spacing: 1px; text-indent: 5px; font-weight: bold; font-family: Arial, sans-serif; text-align: center; text-decoration: none; color: #DBDADA; }

#userlinks { margin: 0px; background-image: url(http://i2.ifrm.com/4958/167/upload/p144467.gif); border: 0px solid #B1B1B1; background-color: #F5F5F5; text-decoration: none; }

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

.activeuserstrip { border-right: 1px solid #B1B1B1; border-top: 1px solid #B1B1B1; border-left: 1px solid #B1B1B1; background: #ECECEC url(http://i2.ifrm.com/4958/167/upload/p109903.gif) top center; font-weight: bold; color: #E42A2A; padding: 3px; margin: 0px; }
.activeuserstrip a:link, .activeuserstrip  a:visited, .activeuserstrip a:active, .activeuserstrip a:hover { color: #E42A2A; }

.pformstrip { background: #ECECEC url(http://i2.ifrm.com/4958/167/upload/p109903.gif) top center; font-weight: bold; color: #E42A2A; padding: 3px; margin: 0px; }
.pformleft  { border-left: 1px solid #B1B1B1; background-color: #EEE; padding: 6px; margin-top: 0px; width: 25%; border-right: 1px solid #B1B1B1; }
.pformleftw { border-left: 1px solid #B1B1B1; background-color: #EEE; padding: 6px; margin-top: 0px; width: 40%; border-right: 1px solid #B1B1B1; }

.pformright { border-right: 1px solid #B1B1B1; background-color: #EEE; padding: 6px; margin-top: 0px; }

.post1 { background-color: #EEE; }
.post2 { background-color: #EEE; }
.postlinksbar { border-left: 1px solid #B1B1B1; border-top: 1px solid #B1B1B1; border-right: 1px solid #B1B1B1; background: #ECECEC url(http://i2.ifrm.com/4958/167/upload/p109903.gif) top center; font-weight: bold; color: #E42A2A; padding: 3px; margin: 0px; }
.postlinksbar a:link, .postlinksbar a:visited, .postlinksbar a:active { text-decoration: none; color: #E42A2A; }

.row1 { background-color: #EEE; }
.row2 { background-color: #EEE; }
.row3 { background-color: #EEE; }
.row4 { background-color: #EEE; }
div.row4 { border: 1px solid #B1B1B1!important; background-color: #ECECEC!important; }

.darkrow1 { background-image: url(); background-color: #F5F5F5; color: #949494; }
.darkrow2 { background: url(http://i2.ifrm.com/4958/167/upload/p110010.gif) #ECECEC bottom center; color: #949494; }
.darkrow3 { background: url(http://i2.ifrm.com/4958/167/upload/p109903.gif) transparent bottom center; color: #E42A2A; }

div.darkrow3 { background-image:url(); }

.hlight { background-color: #ECECEC; }
.dlight { background-color: #ECECEC; color: #E42A2A; }

.titlemedium { background: #ECECEC url(http://i2.ifrm.com/4958/167/upload/p109903.gif) top center; font-weight: bold; color: #E42A2A; padding: 3px; margin: 0px; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: none; color: #E42A2A; }

.maintitle { background-position: middle center; background-color: #F5F5F5; letter-spacing: 1px; text-indent: 5px; font-weight: bold; font-family: Arial, sans-serif; text-align: center; background-image: url(http://i2.ifrm.com/4958/167/upload/p109695.gif); color: #DBDADA; padding: 10px 0px 18px 415px; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #DBDADA; }
.maintitle a:hover { text-decoration: none; }

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

.signature  { font-size: 9px; color: #ACACAC; }
.postdetails { padding-left: 3px; padding-right: 3px; font-size: 9px; }
.postcolor  { font-size: 10px; line-height: 160%; }

.normalname { font-weight: bold; font-size: 10px; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 10px; background: #f0efef url(http://i2.ifrm.com/4958/167/upload/p109903.gif) repeat-x top; padding: 2px 3px 2px 3px; border: 1px solid #B1B1B1; }
.unreg { font-size: 10px; font-weight: bold; color: inherit; }

.searchlite { font-weight: bold; color: #ACACAC; background-color: #D3D3D3; }

#QUOTE { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #E42A2A; background: #f0efef url(http://i2.ifrm.com/4958/167/upload/p109903.gif) repeat-x top; border: 1px solid #B1B1B1; padding: 2px }
#CODE  { font-family: Courier New;  font-size: 11px; color: #E42A2A; background: #f0efef url(http://i2.ifrm.com/4958/167/upload/p109903.gif) repeat-x top; padding: 2px; border: 1px solid #B1B1B1; }

.copyright { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; }

TEXTAREA, INPUT { background-color: #f0efef; color: #E42A2A; border: 1px solid #B1B1B1; margin: 0px; }

.codebuttons  { font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; }
.forminput, .textinput, .radiobutton, .checkbox  { background: #f0efef url(http://i2.ifrm.com/4958/167/upload/p109903.gif) repeat-x top; color: #E42A2A; border: 1px solid #B1B1B1; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; }

.thin { padding: 2px 5px 2px 5px; line-height: 140%; margin: 5px 5px 5px 5px; border: 1px solid #B1B1B1; background: #f0efef url(http://i2.ifrm.com/4958/167/upload/p109903.gif) repeat-x bottom; }

.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>
<div width=100% align=center>
<table height=100%>
<td width=750px valign=top>
Offline Profile Quote Post Goto Top
 
Nephos
Member Avatar
The walls abandon shape
[ *  *  *  *  *  *  * ]
That's a lot of JS. :o

There is a way of condensing it if you have a lot like that, which should save a slow computer a few headaches - if you don't know how drop me a PM.

The maintitle looks good, but the glass effect on the red bit could use some work. The hover colour is good, but the DR3 would look better with a top line of white to give it some depth, and the normalname would look good if it was a shade of red, to give some colour. The table fill looks too dark IMO, and the codebuttons would look better with a grad.

Overall, well done - the calendar grad works which is a great effect, and the colours all match. Great skin, and perhaps work on the bits I mentioned. :D
Offline Profile Quote Post Goto Top
 
finch
Member
[ *  *  *  *  *  *  *  *  * ]
Nice and techy. I like. =D
Offline Profile Quote Post Goto Top
 
SyKo
Member Avatar
aka godman123
[ *  *  *  *  *  *  * ]
Da Vinci
Oct 30 2005, 03:22 AM
That's a lot of JS. :o

There is a way of condensing it if you have a lot like that, which should save a slow computer a few headaches - if you don't know how drop me a PM.

The maintitle looks good, but the glass effect on the red bit could use some work. The hover colour is good, but the DR3 would look better with a top line of white to give it some depth, and the normalname would look good if it was a shade of red, to give some colour. The table fill looks too dark IMO, and the codebuttons would look better with a grad.

Overall, well done - the calendar grad works which is a great effect, and the colours all match. Great skin, and perhaps work on the bits I mentioned. :D

Thanks, I just remembered how, and I changed it. I suck at glass effects, I'll try and look up some sweet tutorials later on today. I'll work on all of your fixes later.


Thanks Matt and Slayer ^_^
Offline Profile Quote Post Goto Top
 
Spammy Sammy
carpe diem
[ *  *  *  *  *  *  *  * ]
Very nice, I like the techy-ness.
Offline Profile Quote Post Goto Top
 
vamp_lord
Member Avatar
Gamma Ray
[ *  *  *  *  * ]
I <3 the submenu on this skin its so awosome xD, I like the mt though imo the sphere on the end could be improved on but nice job overall on the skin :).
Offline Profile Quote Post Goto Top
 
Beu
Member Avatar
Member
[ *  *  *  *  *  * ]
Poor IE, haha, can't see the awesomely submenu!!111!!1

This is one of the best skins I've seen in a long while, even if I'm not a big fan of the colors.

8/10.
Offline Profile Quote Post Goto Top
 
Pryme
Member Avatar
Skin Satan
[ *  *  *  *  *  * ]
Nice skin dude ^_^
Offline Profile Quote Post Goto Top
 
soGONE
dharma
[ *  *  *  *  *  *  * ]
Damn this is a nice skin, I'm diggin the MT.

.Ajack. ^_^
Offline Profile Quote Post Goto Top
 
Wisp
Member Avatar
Hello.
[ *  *  *  *  *  *  * ]
Great skin, I love the submenu. :grin:
Offline Profile Quote Post Goto Top
 
Drew
&TIME.
[ *  *  *  *  *  *  *  *  * ]
MT is unique. Great job!
Offline Profile Quote Post Goto Top
 
Kamikaze Master
Member
[ *  * ]
Very cool, and congrats on winning that battle.
Offline Profile Quote Post Goto Top
 
.Method
Member Avatar

[ *  *  *  *  *  * ]
This skin would be great, if you didn't always do the same thing with your maintitles. You always use a scaled gradient for the inner parts of things, It's ugly and starting to annoy me. I'm not trying to be mean I'm just saying use a normal gradient or something different. Otherwise it is a great skin. Good work godman. I can make an image set as well if you'd like.
Offline Profile Quote Post Goto Top
 
DaNtE X
Member
[ *  *  *  *  *  *  * ]
I love this skin! Awesome!
Offline Profile Quote Post Goto Top
 
Monty-Po
Member Avatar
Metalosophy
[ *  *  *  *  * ]
Secks ^_^
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1