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
Elder Scrolls Oblivion
Topic Started: Feb 17 2007, 06:58 PM (644 Views)
Adri
Member Avatar
Member
[ * ]
Author: Adri
Date: 17/02/2007
Notes:
My first skin! :lol:
Made using a variety of pictures from Elder Crolls Oblivion

Preview: Elder Scrolls Oblivion Skin Preview

Add To Header:
Code:
 
<div align=center><br>
<table cellpadding="10" cellspacing="0" width="750">
<tr><td class="boardtable">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<br><center>This skin was created by <b>Adri</b> of the <a href="http://www.ifskinzone.net"><b>IFSZ</b></a></center></center></br>


Add To CSS:
Code:
 

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: #FFFFFF; margin: 100px 250px 100px 250px; background-color:#000000; background-image: url(http://img164.imageshack.us/img164/6852/background3ho0.jpg) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #FFFFFF; }
a:link, a:visited, a:active { text-decoration: underline; color: #FFFFFF }
a:hover { color: #FFFFFF; text-decoration:none }

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

img.attach { border:2px outset #EEF2F7;padding:2px }

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

.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:11px;color:#FFFFFF;background-color:#666666; background-image: url(http://);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 #333333;background-color: #000000; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #000000; background-image: url(http://); border:1px solid #333333;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #333333;background-color: #000000;background-image:url(http://i64.photobucket.com/albums/h169/denerai/IF%20Skins/Oblivion/Logospace.jpg);padding:0px;margin:0px; }
/* Skin Created using the Premium CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #333333;background-color: #000000; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#FFFFFF;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #FFFFFF; }
#userlinks { border:1px solid #333333; background-color: #000000; background-image: url(http://) }

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

.activeuserstrip { background-color:#000000; background-image: url(http://i64.photobucket.com/albums/h169/denerai/IF%20Skins/Oblivion/header2.jpg); padding:6px }

.pformstrip { background-color: #FFFFFF; background-image: url(http://i64.photobucket.com/albums/h169/denerai/IF%20Skins/Oblivion/header2.jpg); color:#FFFFFF;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #333333; border-right:1px solid #333333; }
.pformleftw { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #333333; border-right:1px solid #333333; }
.pformright { background-color: #000000; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #333333; }

.post1 { background-color: #000000; background-image: url(http://) }
.post2 { background-color: #000000; background-image: url(http://) }
.postlinksbar { background-color:#000000;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }

.row1 { background-color: #000000; background-image: url(http://) }
.row2 { background-color: #000000; background-image: url(http://) }
.row3 { background-color: #000000; background-image: url(http://) }
.row4 { background-color: #000000; background-image: url(http://) }

.darkrow1 { background-color: #000000; background-image: url(http://); color:#FFFFFF; }
.darkrow2 { background-color: #000000; background-image: url(http://i64.photobucket.com/albums/h169/denerai/IF%20Skins/Oblivion/trail2.jpg); color:#FFFFFF; }
.darkrow3 { background-color: #000000; background-image: url(http://i64.photobucket.com/albums/h169/denerai/IF%20Skins/Oblivion/trail2.jpg); color:#FFFFFF; }

.hlight { background-color: #000000; background-image: url(http://) }
.dlight { background-color: #000000; background-image: url(http://) }

.titlemedium { font-weight:bold; color:#FFFFFF; padding:7px; margin:0px; background-color: #000000; background-image: url(http://i64.photobucket.com/albums/h169/denerai/IF%20Skins/Oblivion/header2.jpg) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: # }

.maintitle { vertical-align:middle;font-weight:bold; color:#FFFFFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #000000; background-image: url(http://i64.photobucket.com/albums/h169/denerai/IF%20Skins/Oblivion/header2.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: # }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #333333;background-color:#333333; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #333333;background-color:#000000; background-image: url(http://);padding:6px; }
.tablepad { background-color:#000000; background-image: url(http://);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:#FFFFFF }
.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: #FFFFFF; background-color: #; background-image: url(http://); border: 1px solid #333333; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #FFFFFF; background-color: #; background-image: url(http://); border: 1px solid #333333; 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 }

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

.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 }

.boardtable { background-color: #330000; }
Offline Profile Quote Post Goto Top
 
Gaming_Toxicity
Member Avatar
Member
[ * ]
try making better maintitiles and using grads. Other than that it's okay for a first.
Offline Profile Quote Post Goto Top
 
Adri
Member Avatar
Member
[ * ]
I noticed, I just used it for an RP and found a few errors.
Offline Profile Quote Post Goto Top
 
Master_Joe
Member Avatar
Member
[ *  *  * ]
Very nice for a first.
Offline Profile Quote Post Goto Top
 
Sa-Chan
Member Avatar
Member
[ *  *  * ]
It's good but, on my pc everything is just too the side. Not in the middle. It's cool though, I like the colors ^_^
Offline Profile Quote Post Goto Top
 
Clapton
Member Avatar
Also known as Feare, Aoine, Slowhand
[ *  *  *  *  *  *  *  * ]
Well surprisingly for a 1st skin this is actually really good, but I have a couple of problems with it. The first and most major is what you did with the padding on the skin, as the banner and the image are way over on the right and I have to scroll over to see them. They render is actually pretty cool, and for a first skin you actually managed to make it look pretty sleek. But, only one color with no gradients isn't going to do the job. I recommend that you get PS if you don't have it already and make some gradients! :P

What you should do is add a header to the skin to create width, not a footer. That way the banner won't stretch like it is.

Finally, your board width is a tad bit to small. Everything is going to end up cramped, so a board should always be about 700-800 pixels wide.
Offline Profile Quote Post Goto Top
 
WolfXVII
Member Avatar
Member
[ * ]
Very, very nice for a first skin. But everything is in the middle?
7/10
Offline Profile Quote Post Goto Top
 
J0EYCOUTUREx
Member
[ * ]
its good for a beginner
Offline Profile Quote Post Goto Top
 
Adri
Member Avatar
Member
[ * ]
Now that i finally got some free time i have modified some of the problems with it, hopefully it should be fine now and its good for anyone to use.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply