want my toggle gb button

page 1 of 1 1 total item

Cancel

I got the message that javascript aren't allowed on my userpage, but i think my script is usefull and im very impressed by the clean way it is now.
So i will ask, can you allow me to use it on my gb?

If an Admin can tell me if all of the css attributes are ok on my final userpage, this would be a great favor.

*STYLE*

Quote: <style type="text/css">
#menu h2, #menu .groups, #tag-list, #content p.c, #menu ul.thumbs, #shoutbox, #skyscraper { display:none; }
#menu h2, #menu ul, #menu dl, #menu p { padding:0 10px; }
#menu form, #posts, #ad-toggle { !important; display:none; }

#body { position:relative; width:98%; }

#content { padding-right: 5px; width:70%; }
#menu { position:static; width:29%; }
#backbone { background: url(bg.png) repeat-x scroll 0 -390px url(header.jpg); }

#nav { position: relative; top:-30px; left:110px; z-index:100; }
#member-info { display:block; }
#profile-actions { !important; position:absolute; top:60px; left:100px; z-index:100; display:block; }

#backbone h1 { margin-left: 100px; background:none; color:black; text-shadow: blue 0.1em 0.1em 0.2em; }
#menu dl { width:55%; float:left; border-right: 1px dashed white; }
#menu dd { height: 18px; font-weight:bold; }
#menu dt { margin-right:5px; }
#menu ul { padding-right:10px; padding-left:10px; width:35%; clear:right; margin-top:32px;}
#menu ul > li > a { border:1px solid #2E3E56; width: 120px; display:inline-table; text-align: center;}
#menu li { border:none; padding: 0.1em 0 0.1em 175%; list-style-type:none; height:19px; }

#menu .more { !important; display:none; }
#menu .groups { !important; margin:auto; }
#content .sig { position:absolute; right: -5px; top: -115px; z-index: 100; }
#menu .avatar { position:absolute; top:10px; left:15px; z-index:100; }

#menu ul > li.odd > a.member { color:#FFF; poition: relative; }
#menu ul > li.even > a.member { color:#99F; }

#switchgb {
!important;
margin: 5px 7px 5px 7px;
display: inline-table;
cursor: default;
font-size: 11px;
text-align: center;
background: #D3E0F2 none repeat scroll 0 0;
color: #132036;
padding: 3px 7px;
text-decoration: none;
width: 200px;
float:right;
position: relative;
top: -15px;
}
</style>


*HTML + SCRIPT*

Quote: <div>
<a id="switchgb" onclick="javascript:if(document.getElementB(...) != 'block') { document.getElementById('posts').style.disp(...) document.getElementById('switchgb').innerHTML = 'Hide Guestbook' } else { document.getElementById('posts').style.disp(...) document.getElementById('switchgb').innerHTML = 'Show Guestbook' } ;">
Show Guestbook
</a>

<img class="name" src="http://static.minitokyo.net/sigs/3nforcer.gif"/>

<br/><br/>
</div>

page 1 of 1 1 total item

Back to Userpage Customization | Active Threads | Forum Index

Only members can post replies, please register.

This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies. Read more.