| 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: |
| Sidebar | |
|---|---|
| Tweet Topic Started: Apr 27 2011, 11:23 PM (25,725 Views) | |
| Cory | Apr 27 2011, 11:23 PM Post #1 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Code Name: Sidebar Preview What the code does: This code will add a sidebar to the left of your board so you can add in content to the side of your board. How to use the code: Simply follow the instructions below and edit in any content that you wish to display on the sidebar. How to install the code: Admin CP Themes Themes Edit Theme AppearanceAdmin CP Themes Themes Edit Theme Layout: Above <!-- BOARD --> Tag HTML Extra notes: The HTML will add five blocks for you to modify, you can add more or remove some to have less. Please post here if the code didn't work or you wish to make modifications to it. |
![]() |
|
| Replies: | |
|---|---|
| Cory | Jan 25 2012, 07:00 PM Post #31 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
If you change #main (the CSS you added) to div.margin and add the following JavaScript it will create a 'Toggle Sidebar' button that will expand and collapse the sidebar.
|
![]() |
|
| Inaree-ZNR | Jan 30 2012, 05:13 AM Post #32 |
![]()
Member
![]() ![]() ![]()
|
I would like the sidebar navigation code for my forums. I've searched this site and others in an attempt to find one that worked with my board...but to no avail. Is this a problem with the table I have located at the top of the site? Is there any code that would allow me to keep both? My board can be found here: http://w11.zetaboards.com/Radiant_Glory/index/ (Select the "test theme" at the bottom to view my specific issue) And the code I would like to imitate is here: http://s1.zetaboards.com/rs_iucc/index/ (It's been posted on this thread already) Please help! Thanks in advance to those saints that help me understand what I'm doing! I'm sorry if this should be simple, I'm not..trained in HTML or coding, what I know I've learned on my own. |
![]() |
|
| Cory | Feb 2 2012, 07:06 AM Post #33 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
I'm not quite sure what your issue is. The sidebar appears normally on your test theme for me. Is it that you want to make it look like the sidebar on the other board you linked to? |
![]() |
|
| Inaree-ZNR | Feb 3 2012, 07:31 PM Post #34 |
![]()
Member
![]() ![]() ![]()
|
Yes. Is that just the theme they're using? Or how could I achieve this?
|
![]() |
|
| Chronicler0781 | Feb 26 2012, 08:12 PM Post #35 |
|
Member
![]() ![]() ![]()
|
Hi Cory, I'm trying to make the sidebar collapsable based on the code you most recently put up, but I seem to be having issues. I replaced the text "#main" with "div.margin" in the CSS like you said, and added the other code to the javascripts section, but it didn't necessarily make it collapsable, rather like the screenshot uploaded below. Any help would be greatly appreciated. ![]() ~Chronicler |
![]() |
|
| Pando | Feb 26 2012, 08:28 PM Post #36 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Try adding the Javascript code after the sidebar HTML. Javascript needs to come after all the HTML that it manipulates, because if it came before then it would load before the HTML itself loaded, and do nothing. |
![]() |
|
| Chronicler0781 | Feb 26 2012, 09:37 PM Post #37 |
|
Member
![]() ![]() ![]()
|
Thank you, it's working now. I just had to do what you said, and switch div.margin back to #main. (for some reason, it worked) ![]() Also, would there be an easy way to include some text (manually put in; for example, the last time the side bar was updated) that would appear when the side bar is collapsed? Edit: I actually answered my question above a second ago, so no need to respond. =) Edited by Chronicler0781, Feb 26 2012, 09:51 PM.
|
![]() |
|
| shezse-ZNR | Apr 20 2012, 04:52 AM Post #38 |
|
Designer
![]() ![]() ![]()
|
I wanna use this CODE called "Sidebar" and yeah it's working but I have a problem.. Look at this PREVIEW... I can't understand why the Sidebar is like this.. and I don't know if this codes conflicting in the codes of Latest Post by Cory please help me fix this problem.. need it badly... Additional problem: But when I put the code below the NAV and above the BOARD, the sidebar will be covered with the LATEST DISCUSSION Box... Edited by shezse-ZNR, Apr 20 2012, 09:48 AM.
|
![]() |
|
| Cory | Apr 20 2012, 12:33 PM Post #39 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
If you're using my latest posts in sidebar code it will already add a sidebar to your board, so you don't need to add a new one, you can simply add content to the current sidebar, for example:
|
![]() |
|
| Joshua J | Apr 20 2012, 04:04 PM Post #40 |
|
Member
![]() ![]() ![]() ![]() ![]()
|
How do i put text that direct links to a page example blog < when u click it it takes u to the blog? |
![]() |
|
| Cory | Apr 20 2012, 04:15 PM Post #41 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
With an HTML hyperlink:
|
![]() |
|
| Joshua J | Apr 20 2012, 04:23 PM Post #42 |
|
Member
![]() ![]() ![]() ![]() ![]()
|
any way to add color to the text in the content boxes? |
![]() |
|
| Cory | Apr 20 2012, 04:24 PM Post #43 |
|
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
With a span:#HEX can be a valid hexadecimal or color name. |
![]() |
|
| shezse-ZNR | Apr 20 2012, 09:48 PM Post #44 |
|
Designer
![]() ![]() ![]()
|
Oh! Thanks Cory! Really Nice Work!!!! +1rep Edited by shezse-ZNR, Apr 20 2012, 09:49 PM.
|
![]() |
|
| DarkGizmo-ZNR | Apr 22 2012, 09:13 PM Post #45 |
![]()
Who ate all the pecan sandies?
![]() ![]() ![]()
|
Hey Cory can you get your sidebar to do the following things: -Appear on the right instead of the left -Latest Status updates shown from users -Latest posts -Latest comments (from ZBComments v2) Thanks! |
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| Go to Next Page | |
| « Previous Topic · ZetaBoards Codes & Modifications · Next Topic » |
| Track Topic · E-mail Topic |
4:35 AM Jul 11
|



![]](http://b1.ifrm.com/0/1/0/p601690/pipright.png)
Themes





helpimage.png (449.7 KB)
4:35 AM Jul 11