Welcome Guest [Log In] [Register]
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
[skin] Halloween; Ownage?
Topic Started: Oct 29 2007, 07:45 PM (425 Views)
tinabrat420 Oct 29 2007, 07:45 PM Post #1
Member
*  
 Code or Skin Name:
Scary night (dumb but all i know lol)
Description:
Just something i wa splaying around with cant find none
Preview of it in Use:
http://z3.invisionfree.com/Hottforums12/in...m/Hottforums12/
Where it goes (code):
Manage Style Sheets
Quote:
 

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: 15px; color: #0000FF; margin: 6px 6px 6px 6px; background-color:#FF8C00; background-image: url(http://i228.photobucket.com/albums/ee109/Bear8893/Pumpkincopy.gif) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 15px; color: #0000FF; }
a:link, a:visited, a:active { text-decoration: underline; color: #0000FF }
a:hover { color: #0000FF; 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:#0000FF;background-color:#; 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 #000000;background-color: #; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #; background-image: url(http://); border:1px solid #000000;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000000;background-color: #;background-image:url(http://);padding:0px;margin:0px; }
/* Skin Created using the Premium CSS Generator at http://ifskinzone.net/main.php */
#submenu { border:1px solid #000000;background-color: #; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#0000FF;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #0000FF; }
#userlinks { border:1px solid #000000; background-color: #; background-image: url(http://) }

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

.activeuserstrip { background-color:#FF8C00; background-image: url(http://i228.photobucket.com/albums/ee109/Bear8893/halloween-1.gif); padding:6px }

.pformstrip { background-color: #FF8C00; background-image: url(http://i228.photobucket.com/albums/ee109/Bear8893/Sexxy1.gif); color:#0000FF;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #000000; }

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

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

.darkrow1 { background-color: #FFA500; background-image: url(http://i228.photobucket.com/albums/ee109/Bear8893/Ownage.gif); color:#0000FF; }
.darkrow2 { background-color: #FFA500; background-image: url(http://i228.photobucket.com/albums/ee109/Bear8893/Ownage.gif); color:#0000FF; }
.darkrow3 { background-color: #FFA500; background-image: url(http://i228.photobucket.com/albums/ee109/Bear8893/Ownage.gif); color:#0000FF; }

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

.titlemedium { font-weight:bold; color:#0000FF; padding:7px; margin:0px; background-color: #FF8C00; background-image: url(http://i228.photobucket.com/albums/ee109/Bear8893/halloween-1.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: # }

.maintitle { vertical-align:middle;font-weight:bold; color:#FF8C00; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #FF8C00; background-image: url(http://i228.photobucket.com/albums/ee109/Bear8893/Sexxy1.gif) }
.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 #000000;background-color:#000000; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #000000;background-color:#; background-image: url(http://);padding:6px; }
.tablepad { background-color:#; 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:#0000FF }
.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: #0000FF; background-color: #; background-image: url(http://); border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #0000FF; background-color: #; background-image: url(http://); border: 1px solid #000000; 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 #000000;border-bottom:1px solid #000000 }

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


Copyright:

But this under Board wrappers <% STATS %>

Quote:
 
 

       <tr>
          <td width="800">
<div align="center"><div class="tableborder" style="width:55%"><div class="row4" style="font-size: 7.5pt; line-height: 12px; border:1px solid #b2b2b2; padding:4px 0px 4px 0px; spacing:0px 0px 0px 0px">SKIN AND GRAPHICS COPYRIGHT TO <b>Brandon</b> from  <B><A HREF="http://z3.invisionfree.com/Hottforums12/index.php?http://s3.invisionfree.com/Hottforums12/" TARGET="_BLANK">Nothin to it</A></B></div></div></div>
Offline Profile Quote Post Goto Top
 
SaMoSFr Oct 29 2007, 07:47 PM Post #2
Member Avatar
Member
*  
 repeating pictures causes both difficulty in reading text, and loses overall quality of the page. I'd suggest for .titlemedium making one image for the whole div. And for the body background, finding or making one large pumpkin image.

Not bad overall if its your first skin. If its not, it needs alot of work.
Offline Profile Quote Post Goto Top
 
Preditor185 Oct 29 2007, 09:00 PM Post #3
Member Avatar
Member
*  
 Hard to see..
Offline Profile Quote Post Goto Top
 
tinabrat420 Oct 29 2007, 09:06 PM Post #4
Member
*  
 :'( First skin idk i just playing around with it :/
Offline Profile Quote Post Goto Top
 
DeltaX Oct 29 2007, 09:34 PM Post #5
Member Avatar
Whoa. Guess who.
*   *   *   *  
 dont play around with it, you should actually put in some effort...but making mistakes is a good way to learn! The repeating images make it hard to read, as does the font color, change those and you will come out with a better skin! :)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Code Snippets · Next Topic »
Add Reply