View Full Version: [S] Slight Problem With Skin

RPG-Directory > Solved Support Topics > [S] Slight Problem With Skin



Title: [S] Slight Problem With Skin


Ani - August 13, 2008 09:58 PM (GMT)

Hi I have my link here. I think its okay to give lik because site is not open, it doesnt even have boards yet. Lol

http://s10.invisionfree.com/afterthesunsets/

My problem is that the skin is like stretched and I was wondering if there is any way to reduce the size. Like is there any way to reduce the width. (not the sidebar width but the main board)

If you need the code I have used, i can provide that too or link that.

Thanks.



SpazzyMal - August 13, 2008 10:15 PM (GMT)
I'll need the Header & Body of your board, then I should be able to show you exactly where to edit. :)

Ani - August 13, 2008 10:26 PM (GMT)

Thanks. Here it is.....

header and body

CODE
<br><center><table cellpadding="0" cellspacing="0" width="750" bgcolor="#c0c3b2" style="border:solid; color: #84867a; 5px;" >
<tr>
<td></td><td width="100%"/></td></tr>
<tr>
<td/></td><td border="0px" style="padding: 20px; padding-right: 20px;">

<div class="menu">
<font size=4px color=dedede face="georgia"><b>
<a href="YOURURLHERE."><font color=FFFFFF>index</font></a>
<a href="YOURURLHERE./index.php?act=Search&f="><font color=FFFFFF>search</font></a>
<a href="YOURURLHERE./index.php?act=Members"><font color=FFFFFF>members</font></a>
<a href="YOURURLHERE./index.php?act=calendar"><font color=FFFFFF>calendar</font></a></b></font></div>




<table align=center valign=top>
<tr> <td width=200 valign=top>
<div class='maintitle'>Welcome!</div><div class="tablepad" border='1'><span class='desc'><center>
<br>
<center><b><font size="2" color=#B22222>Information about the Site</font></b><br>
Just put some information about your site and current events here.
<center> <font size="2"><b><BR><BR><a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=8&view=getnewpost">We are looking for staff!</a></font></b><br><br></center>
</span></div></div>

<center><div class='maintitle'>RP Information</div>
<div class="tablepad"><span class='desc' >
<br>
<center><b><font size="2" color=#B22222>Plot Highlights </font></b><br>Big Plot Event Title<br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=15">Check it out here!</a><br><br>
</center></center>
</span></div></div>

<center><div class='maintitle'>Mandatory Reads</div>
<div class="tablepad"><span class='desc' ><font size="2">
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=3&st=0">Rules and Guidelines</a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=4&view=getnewpost">Plot Information</a>
</font><br><br>
</span></div></div>

<center>
<div class="maintitle">C-Box </div>
<div class="tablepad"><span class='desc' >
<!-- BEGIN CBOX - http://www.cbox.ws -->
<!-- END CBOX -->
<br><br>
</span></div></div>

<center>
<div class="maintitle">Staff </div>
<div class="tablepad"><span class='desc' >
You  may contact the staff through the private message link in their profiles.<br><br>
<b><u>Admins</b> </u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=1"><b>Admin 1</b></a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=2"><b>Admin 2 </b></a><br>
</b>
<br><br><u><b>Moderators</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=5"><b>Mod 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>Mod 2</b></a> <br>
<br><u><b>Other Staff</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=3"><b>PM 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>PM 2</b></a> <br>
</span></div></div>
</center>

<div class='maintitle'>Advertise Us! </div></b>
<div class="tablepad"><span class='desc'>
<img src="88x31banner.jpg">
<br>
<br><b><u>Listed At</b></u></b>
<marquee scrolldelay="151"><BR>
<a href="http://www.rpg-directory.com/"
target="_blank"><img src="http://www.img.photobucket.com/albums/v231/ShinLi/RPG%20Life/RPGDirectoryMiniBanner2.gif" alt="RPG-Directory"></a>
&nbsp;
<a href="http://rpg-directory-home.com/topsite/">
<img src="http://rpg-directory-home.com/topsite/button.php?u=sitename" alt="RPG-Directory Topsite List" border="0" />
</a>
&nbsp;
</marquee><br>

<textarea class="textinput" readonly="readonly"><a href="http://z8.invisionfree.com/YourSite/index.php?act=idx"
target="_blank"><img src="88x31banner.jpg" alt="Your Site"></a></textarea>
</span></div></div>
</center>

<div class='maintitle'>Credits </div>
<div class="tablepad"><span class='desc'>
Skin © <a href="http://s2.zetaboards.com/ifskinzone/index/">Almighty</a>
<br><br>
Side-bar © <a href="http://rpg-directory.com/">Roswenth</a>

</span></div></div>
<br /></center>
</td>
<td width="720" height="100%" valign=top>

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %><br />



footer:

CODE
<center>skinned by <b>Tangible Tangerine.</b> of <a href="http://skinit.ipbfree.com">Skin_It</a> & <a href="http://forums.redcarpetrebellion.net">RCR</a>. (cobwebbed eyes)
</center>
</td><td align="left" valign="top" style="padding:5px;border:0px;"></td></tr></table>
<br>



css:

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

form { display:inline; }
img  { vertical-align:middle; border:0px }

BODY {
font-family: georgia;
font-size: 10px;
color: #040404;
font-family: georgia;
margin:0px 10px 0px 10px;
background-image: url(http://i29.tinypic.com/255mfea.png); repeat: yes; }

TABLE, TR, TD {
font-family: tahoma;
font-size: 10px;
color: #6c6c6c; }

a:link, a:visited, a:active {
text-decoration: none;
text-transform: uppercase;
color: #404331;
font-family: georgia; }
a:hover {
color: #5a5e45;
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: #040404; }
.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:#36312d;
background-color:#dedede;
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 #c0c3b2;background-color: #DEDEDE }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #DEDEDE; border:1px solid #c0c3b2;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #dedede;background-color: #3860BB;background-color: #dedede;padding:0px;margin:0px; }
#submenu  { display: none; border:1px solid #c0c3b2;background-color: #dedede;font-size:10px;margin:3px 0px 3px 0px;color:#040404;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #040404; }
#userlinks { border:1px solid #c0c3b2; background-color: #c0c3b2 }

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

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

.pformstrip {
background-color: #a3b53e;
color:#040404;
text-transform: uppercase;
font-weight:normal;
padding:2px;
margin-top:1px }

.pformleft  {
background-color: #DEDEDE;
padding:6px;
margin-top:1px;
width:25%;
border-top:1px solid #84867a;
border-right:1px solid #84867a; }

.pformleftw {
background-color: #DEDEDE;
padding:6px;
margin-top:1px;
width:40%;
border-top:1px solid #84867a;
border-right:1px solid #84867a; }

.pformright {
background-color: #DEDEDE;
padding:6px;
margin-top:1px;
border-top:1px solid #84867a; }

.post1 { background-color: #DEDEDE }
.post2 { background-color: #DEDEDE }
.postlinksbar {
background-color:#dedede;
padding:7px;
margin-top:1px;
font-size:10px;
background-color:#9dae3c; }

.row1 { background-color: #DEDEDE }
.row2 { background-color: #dedede }
.row3 { background-color: #e8e8e8 }
.row4 { background-color: #dedede }

.darkrow1 { background-color: #040404; color:#dedede; }
.darkrow2 { background-color: #040404; color:#9dae3c; font-family: verdana; font-size: 8.5px }
.darkrow3 { background-color: #a3b53e; color:#040404; }

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

.titlemedium {
font-weight:normal;
color:#040404;
text-transform: uppercase;
padding:2px;
margin:0px;
background-color: #9dae3c; }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #040404 }

.maintitle {
vertical-align:right;
font-weight:bold;
color:#FFF;
font-size: 20px;
font-family: georgia;
text-transform: uppercase;
text-align:left;
letter-spacing:-1px;
padding:5px 10px 5px 50px;
background-color:#36312d; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFFFFF }
.maintitle a:hover { text-decoration: none color: #dedede; }

.plainborder { border:1px solid #84867a;background-color:#c0c3b2 }
.tableborder { border:1px solid #84867a;background-color:#d0d0d0; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #84867a;background-color:#DEDEDE;padding:6px;  }
.tablepad    { background-color:#DEDEDE;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:9px; color:#040404 }
.edit { font-size: 9px }

.signature  { font-size: 9px; color: #040404 }
.postdetails { font-size: 9px }
.postcolor  { font-size: 9px; 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: georgia;
font-size: 10px;
color: #040404;
background-color: #aeb1a1;
border: 1px solid #84867a;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px }

#CODE  {
font-family: courier new;
font-size: 11px;
color: #040404;
text-transform: uppercase;
background-color: #aeb1a1;
border: 1px solid #84867a;
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  { background-color: #aeb1a1; border: 1px solid #84867a; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox  { background-color:#aeb1a1; border: 1px solid #84867a; font-size: 9px; 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 dashed #040404;border-bottom:1px dashed #040404 }

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

.menu {
background-color: #36312d;
border: 1px solid #36312d;
padding: 5px 5px 5px 50px; }
.menu a {
background-color: #36312d;
border: 1px solid #36312d;
padding: 5px 5px 5px 0px; }

SpazzyMal - August 13, 2008 10:31 PM (GMT)
QUOTE
<br><center><table cellpadding="0" cellspacing="0" width="750" bgcolor="#c0c3b2" style="border:solid; color: #84867a; 5px;" >
<tr>
<td></td><td width="100%"/></td></tr>
<tr>
<td/></td><td border="0px" style="padding: 20px; padding-right: 20px;">

<div class="menu">
<font size=4px color=dedede face="georgia"><b>
<a href="YOURURLHERE."><font color=FFFFFF>index</font></a>
<a href="YOURURLHERE./index.php?act=Search&f="><font color=FFFFFF>search</font></a>
<a href="YOURURLHERE./index.php?act=Members"><font color=FFFFFF>members</font></a>
<a href="YOURURLHERE./index.php?act=calendar"><font color=FFFFFF>calendar</font></a></b></font></div>




<table align=center valign=top>
<tr> <td width=200 valign=top>
<div class='maintitle'>Welcome!</div><div class="tablepad" border='1'><span class='desc'><center>
<br>
<center><b><font size="2" color=#B22222>Information about the Site</font></b><br>
Just put some information about your site and current events here.
<center> <font size="2"><b><BR><BR><a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=8&view=getnewpost">We are looking for staff!</a></font></b><br><br></center>
</span></div></div>

<center><div class='maintitle'>RP Information</div>
<div class="tablepad"><span class='desc' >
<br>
<center><b><font size="2" color=#B22222>Plot Highlights </font></b><br>Big Plot Event Title<br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=15">Check it out here!</a><br><br>
</center></center>
</span></div></div>

<center><div class='maintitle'>Mandatory Reads</div>
<div class="tablepad"><span class='desc' ><font size="2">
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=3&st=0">Rules and Guidelines</a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=4&view=getnewpost">Plot Information</a>
</font><br><br>
</span></div></div>

<center>
<div class="maintitle">C-Box </div>
<div class="tablepad"><span class='desc' >
<!-- BEGIN CBOX - http://www.cbox.ws -->
<!-- END CBOX -->
<br><br>
</span></div></div>

<center>
<div class="maintitle">Staff </div>
<div class="tablepad"><span class='desc' >
You  may contact the staff through the private message link in their profiles.<br><br>
<b><u>Admins</b> </u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=1"><b>Admin 1</b></a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=2"><b>Admin 2 </b></a><br>
</b>
<br><br><u><b>Moderators</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=5"><b>Mod 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>Mod 2</b></a> <br>
<br><u><b>Other Staff</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=3"><b>PM 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>PM 2</b></a> <br>
</span></div></div>
</center>

<div class='maintitle'>Advertise Us! </div></b>
<div class="tablepad"><span class='desc'>
<img src="88x31banner.jpg">
<br>
<br><b><u>Listed At</b></u></b>
<marquee scrolldelay="151"><BR>
<a href="http://www.rpg-directory.com/"
target="_blank"><img src="http://www.img.photobucket.com/albums/v231/ShinLi/RPG%20Life/RPGDirectoryMiniBanner2.gif" alt="RPG-Directory"></a>
&nbsp;
<a href="http://rpg-directory-home.com/topsite/">
<img src="http://rpg-directory-home.com/topsite/button.php?u=sitename" alt="RPG-Directory Topsite List" border="0" />
</a>
&nbsp;
</marquee><br>

<textarea class="textinput" readonly="readonly"><a href="http://z8.invisionfree.com/YourSite/index.php?act=idx"
target="_blank"><img src="88x31banner.jpg" alt="Your Site"></a></textarea>
</span></div></div>
</center>

<div class='maintitle'>Credits </div>
<div class="tablepad"><span class='desc'>
Skin © <a href="http://s2.zetaboards.com/ifskinzone/index/">Almighty</a>
<br><br>
Side-bar © <a href="http://rpg-directory.com/">Roswenth</a>

</span></div></div>
<br /></center>
</td>
<td width="720" height="100%" valign=top>

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %><br />


Adjust the bolded as needed.

Ani - August 13, 2008 11:31 PM (GMT)
Okay I changed it to 400, still it doesnt help :-(

Actually, I showed it to afriend and he said its changed...
But I tried through 2 browsers and it hasnt changed for me



SpazzyMal - August 14, 2008 12:31 AM (GMT)
I think the issue is that you've got the ads in the same <div> as the forum. The forum, if it's lumped with the ads, can only be as small as the ads can be. Maybe try...

QUOTE
<br><center><table cellpadding="0" cellspacing="0" width="750" bgcolor="#c0c3b2" style="border:solid; color: #84867a; 5px;" >
<tr>
<td></td><td width="100%"/></td></tr>
<tr>
<td/></td><td border="0px" style="padding: 20px; padding-right: 20px;">

<div class="menu">
<font size=4px color=dedede face="georgia"><b>
<a href="YOURURLHERE."><font color=FFFFFF>index</font></a>
<a href="YOURURLHERE./index.php?act=Search&f="><font color=FFFFFF>search</font></a>
<a href="YOURURLHERE./index.php?act=Members"><font color=FFFFFF>members</font></a>
<a href="YOURURLHERE./index.php?act=calendar"><font color=FFFFFF>calendar</font></a></b></font></div>

<% BOARD HEADER %>
<% NAVIGATION %>




<table align=center valign=top>
<tr> <td width=200 valign=top>
<div class='maintitle'>Welcome!</div><div class="tablepad" border='1'><span class='desc'><center>
<br>
<center><b><font size="2" color=#B22222>Information about the Site</font></b><br>
Just put some information about your site and current events here.
<center> <font size="2"><b><BR><BR><a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=8&view=getnewpost">We are looking for staff!</a></font></b><br><br></center>
</span></div></div>

<center><div class='maintitle'>RP Information</div>
<div class="tablepad"><span class='desc' >
<br>
<center><b><font size="2" color=#B22222>Plot Highlights </font></b><br>Big Plot Event Title<br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=15">Check it out here!</a><br><br>
</center></center>
</span></div></div>

<center><div class='maintitle'>Mandatory Reads</div>
<div class="tablepad"><span class='desc' ><font size="2">
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=3&st=0">Rules and Guidelines</a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=4&view=getnewpost">Plot Information</a>
</font><br><br>
</span></div></div>

<center>
<div class="maintitle">C-Box </div>
<div class="tablepad"><span class='desc' >
<!-- BEGIN CBOX - http://www.cbox.ws -->
<!-- END CBOX -->
<br><br>
</span></div></div>

<center>
<div class="maintitle">Staff </div>
<div class="tablepad"><span class='desc' >
You  may contact the staff through the private message link in their profiles.<br><br>
<b><u>Admins</b> </u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=1"><b>Admin 1</b></a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=2"><b>Admin 2 </b></a><br>
</b>
<br><br><u><b>Moderators</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=5"><b>Mod 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>Mod 2</b></a> <br>
<br><u><b>Other Staff</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=3"><b>PM 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>PM 2</b></a> <br>
</span></div></div>
</center>

<div class='maintitle'>Advertise Us! </div></b>
<div class="tablepad"><span class='desc'>
<img src="88x31banner.jpg">
<br>
<br><b><u>Listed At</b></u></b>
<marquee scrolldelay="151"><BR>
<a href="http://www.rpg-directory.com/"
target="_blank"><img src="http://www.img.photobucket.com/albums/v231/ShinLi/RPG%20Life/RPGDirectoryMiniBanner2.gif" alt="RPG-Directory"></a>
&nbsp;
<a href="http://rpg-directory-home.com/topsite/">
<img src="http://rpg-directory-home.com/topsite/button.php?u=sitename" alt="RPG-Directory Topsite List" border="0" />
</a>
&nbsp;
</marquee><br>

<textarea class="textinput" readonly="readonly"><a href="http://z8.invisionfree.com/YourSite/index.php?act=idx"
target="_blank"><img src="88x31banner.jpg" alt="Your Site"></a></textarea>
</span></div></div>
</center>

<div class='maintitle'>Credits </div>
<div class="tablepad"><span class='desc'>
Skin © <a href="http://s2.zetaboards.com/ifskinzone/index/">Almighty</a>
<br><br>
Side-bar © <a href="http://rpg-directory.com/">Roswenth</a>

</span></div></div>
<br /></center>
</td>
<td width="720" height="100%" valign=top>

<% BOARD %>
<% STATS %><br />


And again adjust the same area as before to your taste. By putting the banner and login stuff in a seperate area from the main board, it frees the board up to be a smaller width.

I think that should solve the problem.

Ani - August 14, 2008 12:42 AM (GMT)


Oh yah.
It worked!
Thanks a lot!!!!!

May your rpg have loads and loads of members (lol)

Thank you so much

SpazzyMal - August 14, 2008 01:01 AM (GMT)
You're very welcome. May your RP do awesomely as well. ^_^




Hosted for free by InvisionFree