Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works

Invisionfree Skin Help (A few mistakes?)

  • Please log in to reply



    New Member

  • Member
  • Pip
  • 1 posts
So, long story short, instead of saving the code I made 7 months ago, I deleted my entire skin.
Today, I tried to rebuild it using a skin creating tutorial. I'm going to try to shove as much information
in here as possible, so I apologize for the length of this post:

This is the skin-tutorial I followed. I have dabbled with skins in the past and had some success
before (My last one had no problems) but I'm stuck.

Test Forum (#1 )

Test Forum (#2)

I copied the exact same coding from #1 into #2.
Here are my current problems:

1. Why is forum #1 compact and centered, but forum #2 spread out? I checked
everything and can't figure out what I missed.

2. On #2, I noticed another mistake:

The 'Important Topics'/'Forum Topics'/ should NOT be white. They're supposed to be
an image similiar to '.titlemain'. This image should also be at the bottom of each group
of forums.

3. How can I make the text-area a different color when I post?
Again, this was fixed in my last skin, but now I can't find my mistakes.

I think this should just about be everything. I used a code to make the side-bar I found
on a IF code site; I'll be adding the copyright to it after this is fixed, as I didn't
want to make a bigger mess of what I already did.

The Coding:
Style Sheets:
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: 11px; color: #BB2525; margin:0px 10px 0px 10px;background-color:# 270808;background-image: url(http://i53.tinypic.com/2z6t8r5.png); background-repeat: repeat-x; background-position: top } 
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #BB2525; }
a:link, a:visited, a:active { text-decoration: underline; color: #663A3A }
a:hover { color: #854D4D; text-decoration:underline }
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset # 422626;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: # BB2525; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:# 663A3A; }
.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:#BB2525}
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#BB2525;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 # BB2525;background-color: #270808 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: # 270808; border:1px solid #BB2525;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

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

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

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

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

.post1 { background-color: #270808 }
.post2 { background-color: #270808 }
[color]border: #2616161px solid; border-bottom: #000000 0px solid;[/color]

.postlinksbar { background-color:# 270808;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i51.tinypic.com/21b63ph.png) }

.row1 { background-color: # 270808}
.row2 { background-color: # 270808 }
.div.row2 {border: #330B0B 1px solid; border-bottom: #000000 0px solid}

.row3 { background-color: # 270808 }
.row4 { background-color: # 270808 }
.div.row4 {border: # 330B0B 1px solid; border-bottom: #000000 0px solid}

.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }
.darkrow2 { background-color: 422626#; background-image: url(http://i52.tinypic.com/ri8e2d.png) color:# 422626; }

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

.titlemedium { font-weight:bold; color:#BB2525; padding:7px; margin:0px; background-image: url(http://i52.tinypic.com/ri8e2d.png) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #663A3A }

.maintitle { vertical-align:middle;font-weight:bold; color:#BB2525; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i51.tinypic.com/21b63ph.png) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #663A3A}
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #422626;background-color:# 270808}
.tableborder { border:0px solid #422626;background-color:# 270808; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid #422626background-color:# 270808padding:6px;  }
.tablepad    { background-color:# 270808;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:# BB2525 }
.edit { font-size: 9px }

.signature   { font-size: 10px; color: #BB2525 }
.postdetails { font-size: 10px }
.postcolor   { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #BB2525 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #BB2525 }

.searchlite { font-weight:bold; color:#F00; background-color:# 270808}

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: # BB252; background-color: #3C0D0D; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: # BB252; background-color: #3C0D0D;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 # 422626;border-bottom:1px solid # 422626 }

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

Board Wrappers:

<script type='text/javascript' src=""></script>

<center><body bgcolor="#180101" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0" bgcolor="180101" valign="top" height="100%" width="WIDTH"><tr><td valign="top" height="100%" background="#261616" style="padding:#270808 px;border:0px;"></td><td height="100%" valign="top">

<table align=center valign=top>
<tr> <td width=150 valign=top>
<div class='maintitle'>UPDATEs</div><div class="tablepad" border='1'><span class='desc'><center>
<center><b><font size="2" color=#B22222>UPDATE:</font></b><br>
So, because I'm an idiot, I accidentally deleted
everything when I went to go save it, so incase I did
delete it, I had a back-up copy. x___x
If anything, Fenris Infected is going to be version 2.0 now, with a few tweaks, some new codes, and a less-messy layout.


<div class="maintitle">STATUS </div>
<div class="tablepad"><span class='desc' ></b>
Status information will go here. I can't believe
I deleted everything. I am a dumbass.


<center><div class='maintitle'>Mountain Pack</div>
<div class="tablepad"><span class='desc' ><font size="2">
Mountain Pack Info Will Go Here


<div class="maintitle">Marshland Pack </div>
<div class="tablepad"><span class='desc' ></b>
Marshland Info Will go here

<br /></center>
<td height="100%" valign=top>

<% BOARD %>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="400" height="100" src="http://www4.cbox.ws/box/?boxid=3809007&amp;boxtag=e3bq83&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="400" height="75" src="http://www4.cbox.ws/box/?boxid=3809007&amp;boxtag=e3bq83&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-top:0px" id="cboxform"></iframe></div>
<!-- END CBOX -->

<% STATS %>

</td><td align="left" valign="top" background="#180101" style="padding:#261616 px;border:0px;"></td></tr></table>

  • 0


Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP