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
Top table moved where it's not suppose to
Topic Started: Mar 31 2013, 01:31 PM (862 Views)
mechanical8dragon
Member
 *  
I do believe the cause of this was when I added the Cbox toggle code, it just seems this code likes to mess up my forums but it's the only one out there that I can find that has just a little button... instead of an expanding section that mobs the whole left/right side of my forums.

The top-most right box that holds the little info section and two tables for links should have it's far right edge lined up to the forums right edge... but it somehow got pushed over to the very edge of the forum and I am not too sure how to get it back without removing the cbox toggle. It also moved the Warriors logo as well, used to sit more inwards into the page instead of the top left corner....

Any ideas?

Forum: http://z13.invisionfree.com/seasonsofchange/index.php

Style sheet:
Code:
 
html { overflow-x: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: georgia, serif; font-size: 10px; color: #395156; background-color:#01000a; background-image: url(http://i1278.photobucket.com/albums/y513/mechanical8dragon/Seasons%20of%20Change/banner2_zpsefdffce6.png); background-repeat: no-repeat; background-attachment: fixed; background-position: top left; }
TABLE, TR, TD { font-family: georgia, serif; font-size: 9px; color: #395156; border-collapse: collapse; }
a:link, a:visited, a:active { text-decoration: none; color: #576561; }
a:hover { color: #b1aba1; text-decoration: none; }

fieldset.search { padding:2px; line-height:150%; border: 0px; display: block; }
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:#475e5f }

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: center; font-size:10px; background-color: #041316; padding:4px; margin:1px; color: #395156; text-shadow: 1px 1px 2px #000000; border: 1px solid #001314; }

.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: 24px; font-style: italic; text-align: center; text-shadow: 0px 0px 1px #425a55; text-transform: uppercase; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu  { background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); line-height:150%;width: 150px; }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; text-transform: uppercase; font-size: 8px; text-shadow: 1px 1px 2px #001314; letter-spacing: 1px; }
#ucpmenu p a strong { letter-spacing: 0px; }
#ucpcontent { background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
td#ucpcontent a { font-size: 8px; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0px 0px 3px #010c0f; font-weight: normal!important; }

#ipbwrapper { width: 900px; margin-left: auto; margin-right: auto; background-image: url(http://img.photobucket.com/albums/v638/marvolo/75darkblue.png); }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip, #submenu { display:none; }
table#userlinks, #userlinks a, #userlinks strong, #userlinks td { background-color: #041316; padding: 2px 1px; font-family: georgia; font-size: 8px!important; letter-spacing: 1px; text-transform: uppercase; text-align: center; font-weight: normal!important; text-shadow: 1px 1px 2px #000000; }

#navstrip { background-image: url(http://img.photobucket.com/albums/v638/marvolo/75darkblue.png); color: #88837c; font-family: georgia; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding: 2px; text-align: center; margin: 0px 20px; text-shadow: 1px 1px 2px #001314; }

.pformleft { background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); padding:3px; margin-top:1px; width:25%; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; text-align: center; font-weight: normal!important; }
.pformleftw { background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); padding:3px; margin-top:1px;width:40%; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; text-align: center; font-weight: normal!important;}
.pformright { background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); padding:3px; margin-top:1px; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; text-align: left; font-weight: normal!important; }
.pformleft, .pformleftw, .pformright { color: #395156; text-shadow: 1px 1px 2px #000000; }

.post1, .post2 { background-color: #041316; border: 1px solid #021418; padding: 3px; color: #466466!important; }

.row1 { background-color: #041316; border: 1px solid #021418; }
td.row1 { border: 0px!important; }
.row3 { background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); }
td.row3 b { padding:2px 5px 6px 9px;margin:0px; text-transform: uppercase; font-size: 8px; text-shadow: 1px 1px 2px #001314; letter-spacing: 1px; font-weight: normal!important; display: block; min-width: 120px; }

.row2, .row4 { background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); font-size: 10px; }
.row4 b a:link, .row4 b a:visited, .row4 b a:active { padding: 1px; padding-left: 20px; font-family: georgia; font-size: 7px; letter-spacing: 2px; text-transform: uppercase; text-align: center; font-weight: normal!important; color: #395156; display: inline-block; margin-left: auto; margin-right: auto; position: relative; top: 2px; text-shadow: 1px 1px 2px #000000; }
.row4 b a:hover { color: #dfddd7; }
div.row4, fieldset.search strong, .copyright { border-right:1px solid transparent;border-bottom:1px solid transparent !important; text-align: center; border-color: transparent!important;background-color: transparent; color: #3e5b60; font-family: georgia; font-size: 8px!important; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding: 2px; text-shadow: 0px 0px 3px #010c0f;}
.row4 img { padding: 0px 5px; }

.darkrow1 { }
.darkrow2, .wrapmini { color:#c7cfcf; background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); letter-spacing: 1px!important; }

.hlight { background-color: #030d0f; }
.dlight { background-color: #041316; }

.titlemedium, .pformstrip, .activeuserstrip, .postlinksbar { background-image: url(http://img.photobucket.com/albums/v638/marvolo/50ggb.png); color: #030f11; border-bottom: 1px solid #030f11; font-family: georgia; font-size: 8px; letter-spacing: 2px; text-transform: uppercase; text-align: center; font-weight: normal!important; padding: 5px 2px; }
.postlinksbar strong, .activeuserstrip { font-weight:normal; text-shadow: 1px 1px 2px #001314; }
.titlemedium a b { font-size: 8px; font-weight: normal!important; text-shadow: 1px 1px 2px #000000; }

.maintitle, .darkrow2, .wrapmini { color: #3e5b60; font-family: georgia; font-size: 8px; letter-spacing: 3px; text-transform: uppercase; text-align: center; padding: 4px; text-shadow: 0px 0px 3px #010c0f; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-shadow: 1px 1px 2px #000000; color: #3e5b60; }
.maintitle a:hover { color: #dfddd7; }

.plainborder { background-image: url(http://img.photobucket.com/albums/v638/marvolo/maintablebg.png); }
.tableborder { padding:0px; margin:0px; width:100% }
tablefill { padding:6px; }
.tablepad { padding:6px; }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini  { float:left;line-height:1.5em; text-align: left!important; }
.pagelinks { float:left;line-height:1.2em;width:35% }

span.desc { font-size: 9px; color:#475e5f; background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); display: block; border: 1px solid #041316; padding: 4px; margin-top: 4px; text-align: justify; line-height: 120%; }
div.desc, table.tablefill, .tablefill strong, .tablefill b { font-size: 7px; letter-spacing: 2px; text-transform: uppercase; text-align: center; font-weight: normal!important; background-color: #041316; padding: 4px; margin-top: 4px; max-width: 130px; margin-left: auto; margin-right: auto; }
div.desc a:link, div.desc a:visited, div.desc a:active, .tablefill b, .tablefill a { color: #395156; text-shadow: 1px 1px 2px #000000; }
div.desc a:hover { color: #dfddd7; }
.edit { font-size: 9px }

.signature { font-size: 9px; color: #466466; }
.postdetails { font-size: 8px; letter-spacing: 2px; text-transform: uppercase; text-align: center; font-weight: normal!important; padding: 2px; text-shadow: 1px 1px 2px #000000; }
span.postdetails { display: block; text-align: center; background-color:transparent!important; }
span.postdetails b a { text-decoration: none!important; }


.postcolor { font-size: 11px; line-height: 150%; text-shadow: 0px 0px 1px #001314; }

.normalname { font-size: 18px; font-style: italic; text-align: center; display: block; text-shadow: 0px 0px 2px #425a55; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 18px }
.unreg { font-size: 9px; letter-spacing: 1px; text-transform: uppercase; text-align: center; display: block; color: #395156; text-shadow: 1px 1px 2px #000000; }

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

#QUOTE { font-family: georgia; font-size: 10px; color: #466466; background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); border: 1px solid #021418; padding: 8px }
#CODEÂ { font-family: Verdana, Arial;Â font-size: 10px; color: #466466; background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); border: 1px solid #021418; padding: 8px }

.codebuttons { font-size: 7px; font-family: georgia; vertical-align: middle; padding: 2px 5px; margin-top: 1px; margin-left: 1px; background-color: #041316; letter-spacing: 2px; text-transform: uppercase; color: #395156; text-shadow: 1px 1px 2px #000000; border: 1px solid #021418; }
input.row1, .pformstrip input { font-size: 7px!important; font-family: georgia!important; vertical-align: middle; margin: 1px; background-color: #041316!important; letter-spacing: 2px; text-transform: uppercase; font-weight: normal!important; color: #395156!important; text-shadow: 1px 1px 2px #000000; border: 1px solid #021418; }

.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: georgia, serif; vertical-align: middle; background-color: #041316; border: 1px solid #021418; padding: 3px; color: #466466!important; }
input.forminput, select#forminput.forminput, select.forminput, select.forminput option { font-size: 9px; padding: 5px; text-align: center; font-family: georgia; text-transform: uppercase; font-weight: normal!important; }
input.forminput { text-transform: none!important; }
.pformright textarea { font-size: 9px!important; padding: 5px; font-family: georgia!important; background-color: #041316!important; border: 1px solid #021418!important; color: #466466!important; margin-bottom: 5px; }

.thin { border: 1px solid #041316; padding: 4px; margin: 2px; text-align: justify; line-height: 120%; text-align: center; vertical-align: middle; text-shadow: 1px 1px 2px #000000; background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); text-transform: uppercase; letter-spacing: 1px; }

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

.maintable { background-image: url(http://img.photobucket.com/albums/v638/marvolo/75darkblue.png); padding: 20px; padding-left: 10px; }

td.maintable strong { color: #3e5b60; font-family: georgia; font-size: 8px; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding: 1px; text-shadow: 0px 0px 2px #010c0f; }

.flb { text-align: center; }
.flb a:link, .flb a:visited, .flb a:active { position: relative; top: 20px; font-size: 7px; font-family: georgia; vertical-align: middle; padding: 2px; margin-top: 1px; margin-left: 1px; background-color: #041316; letter-spacing: 2px; text-transform: uppercase; color: #395156; text-shadow: 1px 1px 2px #000000; border: 1px solid #021418; }
.flb a:hover { color: #506c6b; background-color: #182c30; }

.topbar { float: right; width: 420px; background-image: url(http://img.photobucket.com/albums/v638/marvolo/75darkblue.png); padding: 10px 20px; padding-top: 0px; margin-bottom: 25px; }

.sidebar { background-image: url(http://img.photobucket.com/albums/v638/marvolo/75darkblue.png); padding: 20px; padding-right: 0px; }
.r4basim { background-color: #041316; padding: 1px; font-family: georgia; font-size: 7px; letter-spacing: 2px; text-transform: uppercase; text-align: center; color: #395156; text-shadow: 1px 1px 2px #000000; margin: 2px 2px 0px 2px}
.r4dsim { font-size: 9px; color:#475e5f; background-image: url(http://img.photobucket.com/albums/v638/marvolo/tableborder.png); border: 1px solid #041316; padding: 4px; margin: 2px; text-align: left; line-height: 120%; text-transform: none; }

.topicbutton { font-size: 8px; font-family: georgia; vertical-align: middle; padding: 3px 6px; margin: 1px; background-color: #041316; letter-spacing: 2px; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; border: 1px solid #021418; display:inline; }

.minbutton { font-size: 7px; font-family: georgia; vertical-align: middle!important; padding: 2px; margin: 1px; background-color: #041316; letter-spacing: 2px; text-transform: uppercase; text-shadow: 1px 1px 2px #000000; border: 1px solid #021418; display:inline; }

</style>
<script language='javascript'>
if ( location.search.indexOf('showforum')!=-1) {
document.write("<style>.desc { font-size: 9px; }</style>")}
if ( location.search.indexOf('act=buddy&s=')!=-1) {
document.write("<style>#ucpcontent { background-image: url(http://img.photobucket.com/albums/v638/marvolo/75darkblue.png); width: 250px; }</style>")}
</script>
<style type="text/css">





#vertical-toggle {
position: fixed;
bottom: 35px;
right: 0px;
height: 343px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-image: url(YOUR URL);
background-color: #092024;
border: 1px solid #041316;
cursor: pointer;
padding: 0px 5px;
}
#vertical-toggle ul {
list-style: none;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 11px;
color: #395156;
text-align: center;
padding: 5px;
margin: 0px;
margin-top: 80px;
}

#chatter {
padding: 10px;
background-image: url(YOUR URL);
background-color: #092024;
border: 1px solid #041316;
position: fixed;
bottom: 35px;
right: 35px;
z-index: 100;
display: none;
}


Wrappers:
Javascript:
Code:
 
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
<script type='text/javascript' src='http://yourjavascript.com/1211131136/jquery.cookie.js'></script>
<script type='text/javascript'>
/**code written by kismet of RPG-Directory.com**/
$(function(){
var website = 'Seasons of Change';
var cookie1 = website+'cbox'; if($.cookie(cookie1) === 'on' || $.cookie(cookie1) === null){ $('#chatter').hide(); } else { $('#chatter').show(); } $('#vertical-toggle').click(function(){ if($.cookie(cookie1) === 'on' || $.cookie(cookie1) === null){ $.cookie(cookie1, 'off'); $('#chatter').show(); } else { $('#chatter').hide(); $.cookie(cookie1, 'on'); } }); }); </script>


Header & Body:
Code:
 
<div id='vertical-toggle'>
<ul><li>T</li>
<li>o</li>
<li>g</li>
<li>g</li>
<li>l</li>
<li>e</li>
<li> </li>
<li>C</li>
<li>b</li>
<li>o</li>
<li>x</li></ul></div>
<div id='chatter'>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<script id="sid0010000025741603560">(function() {function async_load(){s.id="cid0010000025741603560";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:250px;height:360px;";s.async=true;s.text='{"handle":"seasonsofchange","styles":{"a":"020E15","b":94,"c":"999999","d":"FFFFFF","e":"0D2A2E","g":"999999","h":"122F32","j":"999999","k":"FFFFFF","l":"041316","m":"041316","n":"CCCCCC","q":"041316","r":100,"s":1,"w":0}}';var ss = document.getElementsByTagName('script');for (var i=0, l=ss.length; i < l; i++){if (ss[i].id=='sid0010000025741603560'){ss[i].id +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var s=document.createElement('script');if (s.async==undefined){if (window.addEventListener) {addEventListener('load',async_load,false);}else if (window.attachEvent) {attachEvent('onload',async_load);}}else {async_load();}})();</script>
<!-- END CBOX -->
</div>




<tr><td id="logo"><a href="http://z13.invisionfree.com/seasonsofchange/index.php"><img src="http://i1278.photobucket.com/albums/y513/mechanical8dragon/Seasons%20of%20Change/logo1_zpseb742688.png"></a></td>


<td><div class="topbar"><div class="maintitle">welcome to SoC!</div><div class="titlemedium">Below are some quick, helpful links and info to get you started...</div><table><tr>

<td width="190px">
<div class="row4">
<div class="r4basim">site quick links:</div>
<div class="r4dsim"><br><br><br><br><br></div>

<div class="r4basim">site quick links:</div>
<div class="r4dsim"><br><br><br><br><br><br><br></div></div></td>

<td>
<div class="row4"><div class="r4dsim">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</div></div>
</td></tr></table></div><br><br>
</td></tr></table>

<table align="center" width="940px"><tr>
<td width="190px" valign="top" class="sidebar">

<div class="maintitle">Sidebar box #1</div>
<div class="titlemedium">subheading</div>
<div class="row4"><div class="r4basim">looks like</div><div class="r4dsim"><br><br><br><br><br><br><br><br><br><br><br><br><br></div></div>

<br>

<div class="maintitle">Sidebar box #1</div>
<div class="titlemedium">subheading</div>
<div class="row4"><div class="r4basim">looks like</div><div class="r4dsim"><br><br><br><br><br><br><br><br><br><br><br><br><br></div></div>

<br>

<div class="maintitle">Sidebar box #1</div>
<div class="titlemedium">subheading</div>
<div class="row4"><div class="r4basim">looks like</div><div class="r4dsim"><br><br><br><br><br><br><br><br><br><br><br><br><br></div></div>

<br>
<img src="http://img.photobucket.com/albums/v638/marvolo/rpgd/spacerbar.png">
</td>
<td class="maintable" valign="top">


<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>


Footer:
Code:
 
<div class="row4"><i>something wicked</i> skinned by novia of <a href="http://rpg-directory.com">rpg-d</a></div></td></tr>
</table>
Edited by mechanical8dragon, Mar 31 2013, 01:38 PM.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Do you still need help with this?
Offline Profile Quote Post Goto Top
 
2 users reading this topic (2 Guests and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Add Reply