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
Midnight
Topic Started: Apr 17 2005, 09:12 AM (870 Views)
Psuedonym.
The Chat Zone :: Coming back
[ *  *  *  *  * ]
Name: Midnight
Author: Psuedonym
Skin Number: 4
Date Created: 18th
Side Notes: My best yet.


Preview of the skin


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

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

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 9px; color: #DDAF33; margin: 0px 110px 0px 110px; background-color:#131313; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 9px; color: #DDAF33; }
a:link, a:visited, a:active { text-decoration: underline; color: #DDAF33 }
a:hover { color: #DDAF33; text-decoration:none }

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

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #DDAF33;background-color: #131313;background-image:url(http://);padding:0px;margin:0px; }
#submenu { border:1px solid #DDAF33;background-color: #131313; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#DDAF33;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #DDAF33; }
#userlinks { border:1px solid #DDAF33; background-color: #131313; background-image: url(http://) }

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

.activeuserstrip { background-color:#131313; background-image: url(http://); padding:6px }

.pformstrip { background-color: #; background-image: url(http://img.photobucket.com/albums/v227/Linkman5/Midnight/FINALMODIPROMISE.jpg); color:#DDAF33;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #131313; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #DDAF33; border-right:1px solid #DDAF33; }
.pformleftw { background-color: #131313; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #DDAF33; border-right:1px solid #DDAF33; }
.pformright { background-color: #131313; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #DDAF33; }

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

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

.darkrow1 { background-color: #131313; background-image: url(http://); color:#DDAF33; }
.darkrow2 { background-color: #131313; background-image: url(http://img.photobucket.com/albums/v227/Linkman5/Midnight/Darkrow2um2.jpg); color:#DDAF33; }
.darkrow3 { background-color: #131313; background-image: url(http://); color:#DDAF33; }

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

.titlemedium { font-weight:bold; color:#; padding:7px; margin:0px; background-color: #131313; background-image: url(http://) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: # }

.maintitle { vertical-align:middle;font-weight:bold; color:#DDAF33; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #; background-image: url(http://img.photobucket.com/albums/v227/Linkman5/Midnight/FINALMODIPROMISE.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #DDAF33 }
.maintitle a:hover { text-decoration: none }

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

.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 }
Offline Profile Quote Post Goto Top
 
Blackbahamut
I live to skin...so i skin for life
[ *  *  *  * ]
dont understand the point of those stripes everywhere...looks really plain..
Offline Profile Quote Post Goto Top
 
Psuedonym.
The Chat Zone :: Coming back
[ *  *  *  *  * ]
To defeat the Plainess.
Offline Profile Quote Post Goto Top
 
Theoden
fear the spork!
[ *  *  *  *  * ]
not that bad
Offline Profile Quote Post Goto Top
 
Teapot
Member
[ *  *  * ]
Its Ok but Needs Grads
Offline Profile Quote Post Goto Top
 
Psuedonym.
The Chat Zone :: Coming back
[ *  *  *  *  * ]
It has got grads, where do you think the lines come from??
Offline Profile Quote Post Goto Top
 
Sysko
Member Avatar
Apple Pie
[ *  *  *  *  * ]
Is this a joke ?
Offline Profile Quote Post Goto Top
 
Psuedonym.
The Chat Zone :: Coming back
[ *  *  *  *  * ]
Was that a joke?

Please, Constructive critisism and comments that make sense only.
Offline Profile Quote Post Goto Top
 
Covex
Member
[ *  *  *  * ]
The gradients are really simple. It's okay I guess.
Offline Profile Quote Post Goto Top
 
aznwarrior
Member Avatar
Member
[ * ]
your skin make me dizzy 1/10
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
http://s10.invisionfree.com/Midnight_Test/...php?showforum=1

Text on dark row 2 cant be read very well :/

Quote:
 
</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.tableborder{background-color: hex code here; }</style>")}
</script>
<style type="text/css">

Use this code to make the portal readable. Put a hex code darker than the text colour or the same colour as tablepad and stick it in right at the end of the css.

You should use the same gradient for the .pformstrip as you have for the title medium.

Try having real gradients in it, it looks like it was made in paintbrush :(

3/10
Offline Profile Quote Post Goto Top
 
Psuedonym.
The Chat Zone :: Coming back
[ *  *  *  *  * ]
Thanks for the ideas for improvment, I may have a few posts, but it makes everyone think I can skin, which I can't. I'm really trying to improve though, so thanks for the only helpful comment(Apart from Convex) Here. :)
Offline Profile Quote Post Goto Top
 
Kamakzee
Member
[ *  *  *  * ]
not bad but hard to look at :)

Keep up the good work .
Offline Profile Quote Post Goto Top
 
Psuedonym.
The Chat Zone :: Coming back
[ *  *  *  *  * ]
Thanks, I'm really trying to get better :)
Offline Profile Quote Post Goto Top
 
Black Widow
Member Avatar
Quack
[ *  *  *  *  *  *  *  *  * ]
Not bad, but it is very plain. You seem to have color flow down, but you did only use two colors. Your portal needs some help, the text cannot be read. There is a nifty code to help you with your portal

This code:
Code:
 
</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.tableborder { background-color: #hex color here; }</style>")}
</script>
<style type="text/css">
</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.tablepad { background-color: #hex color here; }</style>")}
</script>
<style type="text/css">


I like your attitude though, keep at it, and ask questions if you get stuck :)
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