|
[Solved] [Solved] Adding Member Info to Side Bar
|
|
Topic Started: May 16 2013, 10:56 PM (1,470 Views)
|
|
xodramaprincess
|
May 16 2013, 10:56 PM
Post #1
|
- Posts:
- 4
- Group:
- Members
- Member
- #605,785
- Joined:
- December 9, 2012
- My Board URL
- http://z13.invisionfree.com/District/index.php?
|
So I've been using Minota's code to add member info to the side bar which I found here: http://if.invisionfree.com/topic/5108165/2/
It's for zetaboards and when I attempted to use it on invisionfree on my board here: http://z13.invisionfree.com/District/index.php? it obviosuly didn't work. I was curious as to if anyone knew a way to convert the code to work (or had a link to something like this already done)
The code looks like this as of now and is in my Board Wrappers > Header and Body (red font is the code that applies to the problem.
- Code:
-
<body bgcolor='#111111' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000' vlink='#000000'> <center><div class="table"> <div class="nav"><a href="http://z13.invisionfree.com/District/index.php?"> Home</a> | <a href="http://z13.invisionfree.com/District/index.php?showtopic=7&st=0&#last">RULES</a> | <a href="http://z13.invisionfree.com/District/index.php?showtopic=1">Joining</a> | <a href="http://z13.invisionfree.com/District/index.php?act=Members">Citizens</a> | <a href="http://z13.invisionfree.com/District/index.php?showtopic=3">RolePlayers</a> | <a href="http://fc02.deviantart.net/fs70/f/2013/130/4/d/district_role_play_map_by_viciousvilevixen-d64tsqq.png">Map</a> | <a href="http://z13.invisionfree.com/District/index.php?showforum=5">Help</a> </div><br>
<% BOARD HEADER %> <% NAVIGATION %>
<table width="100%" class='0' cellspacing="5" cellpadding="1"> <tr> <td width="260" class='0' valign="top">
<center> <div class='sbmain'> Welcome! </div> <div class="sidebarsmalltitle">You are Logged in As:</div> <DIV class="tablepad"><span class='desc'> <div id="portal"> <div class="portal_box"> <h2>Welcome</h2> <div class="portal_content"><div id='welcome'></div></div> </div></div> </div> </form> </span></div> </div> <br /></center>
<center> <div class='sbmain'> Quick Login </div> <div class="sidebarsmalltitle">Welcome Back</div> <DIV class="tablepad"><span class='desc'> <form style="display:inline" action="http://z13.invisionfree.com/District/index.php?act=Login&CODE=01&CookieDate=1" method="post"> <div align="right"><strong></strong> <input type="text" class="forminput" size="10" name="UserName" onfocus="this.value='' value="User Name"> <input type="password" class="forminput" size="10" name="PassWord" onfocus="this.value=''" value="ibfrules"> <input type="submit" class="forminput" value="Go"> </div> </form> </span></div> </div> <br /></center>
<center> <div class='sbmain'> Town Bio </div> <div class="sidebarsmalltitle">Where You Are</div> <DIV class="tablepad"><span class='desc'> The District is a Sims 3 Role Play about a taboo town off of Bridgeport that is feared and rarely talked about. You will be role playing it's dark, dirty, and unique citizens. </div> </form> </span></div> </div> <br /></center>
<center> <div class='sbmain'> Rules and Help </div> <div class="sidebarsmalltitle">New? Confused?</div> <div class="tablepad"><span class='desc'> Help</div> <a href= "http://z13.invisionfree.com/District/index.php?showtopic=7&st=0&#last">GENERAL RULES</a></div><br> <a href=http://z13.invisionfree.com/District/index.php?showtopic=1>Information and Registration</a><br> <a href="http://z13.invisionfree.com/District/index.php?showtopic=8&st=0&#last">Necromancers</a> | <a href="http://z13.invisionfree.com/District/index.php?showtopic=12">Reapers<a><br> <DIV class="tablepad"><span class='desc'> Keeping Track</div> <a href="http://z13.invisionfree.com/District/index.php?showtopic=3">Character List</a><br> <a href="http://z13.invisionfree.com/District/index.php?showforum=9">Thread Trackers</a><br> <a href="http://z13.invisionfree.com/District/index.php?showtopic=23">Employment Record</a><br> <a href="http://z13.invisionfree.com/District/index.php?showtopic=31">Vacancies</a><br> <DIV class="tablepad"><span class='desc'> More Helpful Links</div> <a href="http://z13.invisionfree.com/District/index.php?showtopic=2&st=0#entry22041975">NPC List</a><br> </span></div> </div> <br /></center>
<center> <div class='sbmain'> Affiliates </div> <div class="sidebarsmalltitle">PM Drama to discuss affiliation</div> <div class="tablepad"><span class='desc'> <a href="http://impulse-sims3-forum.forumotion.ca/" target="_blank"><img src="http://i48.tinypic.com/21ju2qb.gif" border="0" alt="Image and video hosting by TinyPic"></a> </span></div> </div> <br /></center>
<center> <div class='sbmain'> Credits </div> <div class='tablepad'><span class='desc'> Skin: Pandex of <a href="http://rpg-directory.com/index.php?showuser=8974">RPG-D</a> & <a href="http://forums.redcarpetrebellion.me/index.php?showuser=12542">RC&R</a><br> Site and Concept: Drama<br> The Sims: EA<br> Sidebar: Dana <br> Coding Help: <a href="http://forums.redcarpetrebellion.org">RCR</a> </span></div> </div> <br /></center>
<center> <div class='sbmain'> Disclaimer </div> <div class="tablepad"><span class='desc'> <i>This site is not sponsored by or affiliated with Electronic Arts</i> </span></div> </div> <br /></center>
<img src='http://i1.ifrm.com/style_images/1/spacer.gif' alt='' width='190' height='1' /> </td> <!--SPACER--> <td width="5" class='0'> </td> <td width="90%" class='0' valign="top">
<style type='text/css'> #welcome { text-align:center; }
ul { list-style-image: none; list-style: none; list-style-type: none; }
.drop_menu ul li { margin-left:75px; }
ul.drop_menu { margin-top: 5px; margin-left: 12px; }
</style> <% BOARD %> <script type="text/javascript"> //Your User Data in your sidebar //By Minato of Zathyus Resources
//Edit these var guestImage = "http://i41.tinypic.com/2zpobxw.png"; var mainurl = "http://z13.invisionfree.com/District";
//don't touch this //<![CDATA[ $(function() { $("div#top_info strong a").appendTo("#member"); $("div#top_info small a").appendTo("#signout"); $("ul#top_menu li#menu_acp").appendTo("#admin"); $("ul#top_menu li#menu_rcp").appendTo("#report"); $("ul#top_menu li#menu_ucp").appendTo("#preferences"); $("ul#top_menu li#menu_pm").appendTo("#inbox"); $("div#top_info:contains('Welcome')").remove(); }); //]]> a = $("div#top_info:contains('Guest')").html(); if(a) { //Guest Part $("div#welcome").append("Welcome Guest!<br /><img src='" + guestImage + "' alt='' /> <br /> <a href='" + mainurl + "/login/'>Sign In</a> <br /> or <a href='" + mainurl + "/register/'>Register</a>"); } else { //Members Part $.get($('#top_info strong a').attr('href'), function (data) { $('#avatar').append($('img.avatar', data)); });
$("div#welcome").append("<div id='member'>Welcome </div><div id='avatar'></div><div id='signout'></div><ul class='drop_menu'><div id='preferences'></div><div id='inbox'></div><div id='admin'></div><div id='report'></div></ul>"); } </script>
</td> </tr> </table><% STATS %>
|
|
|
| |
|
Cory
|
May 17 2013, 01:30 AM
Post #2
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
Remove that code, it's for ZetaBoards only.
I made an InvisionFree version:
Admin CP Skinning & Styles Board Wrappers Header & Body: Very Top- Code:
-
<table style="width: 100%"> <tr> <td id="sidebar" style="width: 150px; padding: 10px; vertical-align: top; text-align: center"> <div id="guest"> Welcome Guest!<br /><br /> ( <a href="" id="login">Log In</a> | <a href="#" id="register">Register</a> )<br /> <a href="" id="resend">Resend Validation Email</a> </div>
<div id="member"> Welcome <a href="" id="user">Username</a><br /> (<a href="" id="logout">Log Out</a>)<br /><br /> <a href="" id="controls">My Controls</a><br /> <a href="" id="inbox">Inbox</a><br /> <a href="" id="admincp" target="_blank">Admin CP</a><br /> <a href="" id="modcp">Mod CP</a> </div> </td> <td style="vertical-align: top"> Admin CP Skinning & Styles Board Wrappers Footer: Very Bottom- Code:
-
</td> </tr> </table>
<script type="text/javascript" src="http://z3.ifrm.com/63/1/0/p476641/sidebarIF.js"></script>
|
|
|
| |
|
xodramaprincess
|
May 17 2013, 09:11 AM
Post #3
|
- Posts:
- 4
- Group:
- Members
- Member
- #605,785
- Joined:
- December 9, 2012
- My Board URL
- http://z13.invisionfree.com/District/index.php?
|
Yeah i knew it was for zeraboards but it was the only one i stumbled upon... i liked the idea and wondered about how i could possibly make it work. Thank you so much! I really appreciate this and you rock for helping me out on this! Do you know if there is a way to add the user avatar to the code? Would it work if I tried the basic components for the area such as "inbox" but used img.avatar or something along those lines...?
|
|
|
| |
|
Cory
|
May 17 2013, 11:52 AM
Post #4
|
- Posts:
- 16,587
- Group:
- Members
- Member
- #44,593
- Joined:
- February 12, 2005
|
Adding the avatar is possible, but I would say it's not worth the AJAX.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|