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
Calm Darkness!; Simple skin!
Topic Started: Apr 15 2005, 06:14 PM (926 Views)
septermagic
Member
[ *  *  * ]
Name:Calm Darness
Author:septermagic
Skin Number:My first!
Date Created:4/15/05
Side Notes:This is my first skin! It is really simple but remember: It is my first! Comments and advice welcome! To sign in sign in as test. The pass word is test. :D :geek:


Preview


CSS of skin:
Quote:
 
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #483d8b; margin:0px 30px 0px 30px;background-color:#000000; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #483d8b; }
a:link, a:visited, a:active { text-decoration: underline; color: #483d8b; }
a:hover { color: #483d8b; 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:11px;color:#483d8b;background-color:#87cefa;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 #b0c4de;background-color: #8b0000 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #8b0000; border:1px solid #b0c4de;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip {border:1px solid #b0c4de;background-color:#000000;padding:0px;margin:0px;}
/* Skin Created using the AIO-lite CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #b0c4de;background-color: #000000;font-size:10px;margin:3px 0px 3px 0px;color:#483d8b;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #483d8b }
#userlinks { border:1px solid #b0c4de; background-color: #000000 }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#87cefa; padding:6px }
.pformstrip { background-color: #87cefa; color:#483d8b;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #8b0000; padding:6px; margin-top:1px;width:25%;border-top:1px solid #b0c4de; border-right:1px solid #b0c4de; }
.pformleftw { background-color: #8b0000; padding:6px; margin-top:1px;width:40%;border-top:1px solid #b0c4de; border-right:1px solid #b0c4de; }
.pformright { background-color: #8b0000; padding:6px; margin-top:1px;border-top:1px solid #b0c4de; }
.post1 { background-color: #87cefa }
.post2 { background-color: #87cefa }
.postlinksbar { background-color:#87cefa;padding:7px;margin-top:1px;font-size:10px; }
.row1 { background-color: #8b0000 }
.row2 { background-color: #8b0000 }
.row3 { background-color: #8b0000 }
.row4 { background-color: #8b0000 }
.darkrow1 { background-color: #191970; color:#483d8b; }
.darkrow2 { background-color: #191970; color:#483d8b; }
.darkrow3 { background-color: #191970; color:#483d8b; }
.hlight { background-color: #87cefa }
.dlight { background-color: #87cefa }
.titlemedium { font-weight:bold; color:#483d8b; padding:7px; margin:0px; background-color: #87cefa }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #483d8b }
.maintitle { vertical-align:middle;font-weight:bold; color:#483d8b; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #191970 }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #483d8b }
.maintitle a:hover { color: #483d8b; text-decoration: underline }
.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #b0c4de;background-color:#b0c4de; padding:0px; margin:0px;width:100% }
.tablefill { border:1px solid #b0c4de;background-color:#8b0000;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:#483d8b }
.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:#87cefa;background-color: #483d8b; border: 1px solid #b0c4de; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial, font-size: 11px; color: #87cefa; background-color: #483d8b; border: 1px solid #b0c4de; 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 #b0c4de;border-bottom:1px solid #b0c4de }
.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 }



AIO Skin Generator Lite Copyright 2004 by Lorenz Web Design for the IF Skin Zone.
Reproduction of any content of this site by any means is strictly prohibited by US and International law unless written permission is granted by both Webmasters

</STYLE><CENTER>Skin created by <B>septermagic</B>. Find more great skins at the <B><A HREF="http://invisionfree.com/directory.php?go=14761" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
Offline Profile Quote Post Goto Top
 
olrun
Member
[ *  *  * ]
Needs gradients. ;)
Offline Profile Quote Post Goto Top
 
septermagic
Member
[ *  *  * ]
Sorry....I'm new to skinning. What are gradients?
Offline Profile Quote Post Goto Top
 
Casi
Member Avatar
Member
[ *  * ]
graphics..
Offline Profile Quote Post Goto Top
 
olrun
Member
[ *  *  * ]
This is what a gradient looks like:
Posted Image
It's an image that goes from one color to another.
Offline Profile Quote Post Goto Top
 
Covex
Member
[ *  *  *  * ]
A gradient is an image that has one color gradually change to the other. olrun couldn't have put it better. But the gradient wouldn't be that big ofcourse. To put a gradient in your skin, just use this code.

Code:
 
background-image: url(linktoyourimagehere);


If you know how to link to an image, you're good to go.
Offline Profile Quote Post Goto Top
 
olrun
Member
[ *  *  * ]
Quote:
 
olrun couldn't have put it better.

Thanks :D

You can use most graphics programs (paint, GIMP, Photoshop, Paintshop, etc.) to make a gradient.
Offline Profile Quote Post Goto Top
 
Covex
Member
[ *  *  *  * ]
Yup. (My turn. :P)

And put that code in the section you want to give an image. Keep changing your images until you find one you like. You can upload your gradient by using http://www.imageshack.us/
Offline Profile Quote Post Goto Top
 
septermagic
Member
[ *  *  * ]
Ok! So where would I out that in my CSS if I wanted it in background or in my Main tittle?
Offline Profile Quote Post Goto Top
 
Covex
Member
[ *  *  *  * ]
Probably photoshop. You can always request your own gradients if you can't make your own.
Offline Profile Quote Post Goto Top
 
olrun
Member
[ *  *  * ]
I found it on the internet, just using it for an example ;)
I use GIMP to make my gradients, it's a free program.
Offline Profile Quote Post Goto Top
 
septermagic
Member
[ *  *  * ]
Where can I get it?
Offline Profile Quote Post Goto Top
 
Covex
Member
[ *  *  *  * ]
Here: http://www.gimp.org/
Offline Profile Quote Post Goto Top
 
septermagic
Member
[ *  *  * ]
My computer won't let me install it. It always says Error five: Access is denied. I'll just request them!
Offline Profile Quote Post Goto Top
 
Covex
Member
[ *  *  *  * ]
Are you on a school computer?
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Mixed · Next Topic »
Add Reply
  • Pages:
  • 1