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>