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
Very First!
Topic Started: Mar 18 2006, 06:01 AM (318 Views)
MOBBRO
Member
[ * ]
I really didn't try to do much...cuz i didn't know HOW i was doing...I was just editing colors..Im not to much into skin making...

I was just trying....

I couldn't find the code for the title part or the designed part of the forum...i have NO idea wat im talking about.lol.

Please give me some pointers...

Preview- http://s12.invisionfree.com/SKIN_SKIN_SKIN/index.php?act=idx





Code:
 

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Maiandra GD, Tahoma, Arial, sans-serif; font-size: 15px; color: #28348c; margin:0px 10px 0px 10px;background-color:#989898 }
TABLE, TR, TD { font-family: Maiandra GD, Tahoma, Arial, sans-serif; font-size: 11px; color: #000ca8; }
a:link, a:visited, a:active { text-decoration: underline; color: #28348c }
a:hover { color: #007711; 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: #d200ff; }
.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:#777;background-color:#DFE6EF;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 #345487;background-color: #d200ff }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #264282;background-color: #3860BB;background-image:url(http://i5.ifrm.com/style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
#submenu   { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }

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

.activeuserstrip { background-color:#264282; padding:6px }

.pformstrip { background-color: #28348c; color:#ffffff;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #cecece; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #cecece; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #cecece; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i5.ifrm.com/style_images/<#IMG_DIR#>/tile_sub.gif) }

.row1 { background-color: #cecece }
.row2 { background-color: #cecece }
.row3 { background-color: #cecece }
.row4 { background-color: #cecece }

.darkrow1 { background-color: #264282; color:#264282; }
.darkrow2 { background-color: #264282; color:#264282; }
.darkrow3 { background-color: #264282; color:#264282; }

.hlight { background-color: #cecece }
.dlight { background-color: #cecece }

.titlemedium { font-weight:bold; color:#28348c; padding:7px; margin:0px; background-image: url(http://i5.ifrm.com/style_images/<#IMG_DIR#>/tile_sub.gif) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #28348c }

.maintitle { vertical-align:middle;font-weight:bold; color:#28348c; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i5.ifrm.com/style_images/<#IMG_DIR#>/tile_back.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #28348c }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #28348c;background-color:#28348c }
.tableborder { border:1px solid #28348c;background-color:#28348c; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid #28348c;background-color:#28348c;padding:6px;  }
.tablepad    { background-color:#28348c;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:#28348c }
.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: #28348c; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Maiandra GD, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; 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 #FFF;border-bottom:1px solid #FFF }

.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
 
leather
Member
[ * ]
Not bad. I like the colors. I think you should add some gradiants though...

nice try :D
Offline Profile Quote Post Goto Top
 
Dynamik. (PM)
Member Avatar
holy shit look who it is
[ *  *  *  *  *  *  * ]
You used some of IF's gradients :/
Offline Profile Quote Post Goto Top
 
Numark
Member Avatar
Member
[ *  *  *  *  *  * ]
its good, the text needs to be smaller, the dark blue really didnt go well with the text on it, and add some grads.
Offline Profile Quote Post Goto Top
 
destroyer
Member Avatar
WoW.
[ *  *  *  *  * ]
add some grads, that is all I can say right now.
Offline Profile Quote Post Goto Top
 
Zeus00
Member Avatar
I used to live in silence, I used to sleep in silence. Now all I hear is a marching of soldiers in my head.
[ *  *  *  *  *  *  *  *  * ]
Not too bad for a first, you should most likely start making your own grads rather than use IF's default ones. :P

Keep it up. :D
Offline Profile Quote Post Goto Top
 
MOBBRO
Member
[ * ]
Where is the grad codes on the CSS???
Offline Profile Quote Post Goto Top
 
Steve.
Member
[ *  *  * ]
There aren't "Grad Codes". Grad is short for gradient, which is a blending between 2 or more colors. You make grads in programs like photoshop or paint shop pro. You can make your maintitle out of gradients or whatever you would like. ;)
Offline Profile Quote Post Goto Top
 
MOBBRO
Member
[ * ]
I see....I got photoshop..Im going to try it.....
Offline Profile Quote Post Goto Top
 
Killer_911
Member Avatar
Member
[ *  *  * ]
Some grads are IF's defaults. But it's your first. :)
Offline Profile Quote Post Goto Top
 
PrinceVegeta
Member Avatar
Member
[ *  *  *  * ]
um needs some work 6/10
Offline Profile Quote Post Goto Top
 
mom2maggie
Member
[ * ]
The colors are a bit too stripe-y.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply