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
[ C ] Fully customisable sidebar
Topic Started: Jul 11 2011, 07:47 AM (488 Views)
James Lu
Member Avatar
NOWAI
[ * ]
Board Address: http://s4.zetaboards.com/CyDef
Board Software: ZetaBoards
Description: A sidebar like the one on Outline: http://outlineforum.com/index/
So instead of the login link and username area being located at the navbar it'd be part of the sidebar and with fancy effects on mouseover. Also could the sidebar itself be static (ie. in the same place regardless of how far down in a page you are)

Thanks in advance!
Edited by James Lu, Jul 11 2011, 09:02 AM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Theme Layout:
Code:
 
<style type="text/css">
#sidebar {
padding: 10px;
position: absolute;
width: 150px;
}

#top {
text-align: center;
}

#top, #top_menu, .drop_menu li {
background: none;
border: 0;
}

.drop_menu ul {
display: none;
}
</style>

<div id="sidebar">
</div>

<div style="padding-left: 170px"><!-- TOPMENU --><!-- SUBMENU --><!-- HEADER --><div id="wrap"><!-- NAV --><!-- BOARD --></div></div>

<script type="text/javascript">
$("#top").prependTo("#sidebar");
$("#top_info small").before("<br />");
</script>
That should help you get started.
Offline Profile Goto Top
 
James Lu
Member Avatar
NOWAI
[ * ]
Alright, thanks very much. How do I add the items though? Between the div tags?
Edited by James Lu, Jul 11 2011, 07:44 PM.
Offline Profile Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Yes, between the following DIV tags.
Code:
 
<div id="sidebar">
</div>
Offline Profile Goto Top
 
James Lu
Member Avatar
NOWAI
[ * ]
Ok thanks, could an admin close the request as done? Thanks.
Offline Profile Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]
Completed!

Your request has been completed. If you have any questions or concerns regarding the state of your request, please feel free to contact me via PM.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Closed Requests · Next Topic »
Locked Topic