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:
Locked Topic
[Solved] [Solved] Adding Member Info to Side Bar
Topic Started: May 16 2013, 10:56 PM (1,470 Views)
xodramaprincess
Member Avatar
Member
 *  
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 %>
Offline Profile Goto Top
 
Cory
Member Avatar
Member
 *   *   *   *   *   *   *   *   *  
Remove that code, it's for ZetaBoards only.

I made an InvisionFree version:

Admin CP Posted Image Skinning & Styles Posted Image Board Wrappers Posted Image 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 Posted Image Skinning & Styles Posted Image Board Wrappers Posted Image Footer: Very Bottom
Code:
 
</td>
</tr>
</table>

<script type="text/javascript" src="http://z3.ifrm.com/63/1/0/p476641/sidebarIF.js"></script>
Offline Profile Goto Top
 
xodramaprincess
Member Avatar
Member
 *  
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...?
Edited by xodramaprincess, May 17 2013, 09:57 AM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
 *   *   *   *   *   *   *   *   *  
Adding the avatar is possible, but I would say it's not worth the AJAX.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Locked Topic