Welcome Guest [Log In] [Register]
Search Members Calendar | Rules ZB Code Index IF Code Index
ZBCode
  • Navigation
  • ZBCode
  • Coding Resources
  • Zetaboards Modifications
  • [SC] Latest Posts in Sidebar
Hey, welcome to ZBCode, the premier coding forum for ZB. Here you fill find some of the best Invisionfree and Zetaboards Codes on the network! Unfortunately, you're sorta hovering around in guest mode at the moment; why not join in on the fun? Register an account and you can start accessing the wealth of resources we have available here. Enjoy your stay at ZBCode, and remember to tell all your friends about us; the more members, the more codes available. ;)

Interested in joining? Click here.


If you are already a member of ZBCode, feel free to login right here:

Username:   Password:
Locked Topic
  • Pages:
  • 1
  • 2
  • 3
[SC] Latest Posts in Sidebar
Tweet Topic Started: Dec 8 2008, 10:58 PM (2,454 Views)
Flavius Jan 15 2009, 10:01 PM Post #11
Member Avatar


Posts:
283
Group:
Member
Member
#360
Joined:
Jul 29, 2008
Coding language
HTML/CSS
Please supply a ZB functional sidebar code.
Posted Image
Offline Profile Goto Top
 
HolySavior Jan 15 2009, 10:18 PM Post #12
Member Avatar
Modifying The World Around You

Posts:
2,488
Group:
Distinguished Coder
Member
#7
Joined:
Jul 2, 2008
Coding language
Everything
its almost impossible to provide a sidebar that will please everyone... people want such a variety of sidebars that it would be useless to make one and say hey look a sidebar.
Offline Profile Goto Top
 
PIWYRCOM Jan 15 2009, 10:51 PM Post #13
Member Avatar
PrideInWhatYouRide

Posts:
368
Group:
Member
Member
#53
Joined:
Jul 17, 2008
Coding language
None
The best way we have found so far is to use the ''float box'' code as a sidebar.
» TEST FORUM »
FIND IT HERE !
Spoiler: click to toggle

→ Infinite Results (themes)
→ ZBThemeZone (themes)

→ Big Boards (codes/themes)
→ ZBCodes (codes/themes)
→ The Coding Zone (codes/themes)

→ Code Index ('Official')
→ ZetaDoc's ('Official - How To Info')

Posted Image

Offline Profile Goto Top
 
Flavius Jan 16 2009, 08:01 PM Post #14
Member Avatar


Posts:
283
Group:
Member
Member
#360
Joined:
Jul 29, 2008
Coding language
HTML/CSS
Check my guild theme here.

http://s1.zetaboards.com/flava_skins/index/
Posted Image
Offline Profile Goto Top
 
PIWYRCOM Jan 16 2009, 08:17 PM Post #15
Member Avatar
PrideInWhatYouRide

Posts:
368
Group:
Member
Member
#53
Joined:
Jul 17, 2008
Coding language
None
l1r72
Jan 16 2009, 08:01 PM
Check my guild theme here.

http://s1.zetaboards.com/flava_skins/index/
What did you use ? tables or div tags.

Have tried versions of both but none have worked for everyones different computers and different browsers.

Care to share what you have... I'm using windows widescreen Vista using Chrome and it looks fine.
Have you tried it in IE, Firefox, standard screens etc. ?
» TEST FORUM »
FIND IT HERE !
Spoiler: click to toggle

→ Infinite Results (themes)
→ ZBThemeZone (themes)

→ Big Boards (codes/themes)
→ ZBCodes (codes/themes)
→ The Coding Zone (codes/themes)

→ Code Index ('Official')
→ ZetaDoc's ('Official - How To Info')

Posted Image

Offline Profile Goto Top
 
Flavius Jan 20 2009, 07:40 PM Post #16
Member Avatar


Posts:
283
Group:
Member
Member
#360
Joined:
Jul 29, 2008
Coding language
HTML/CSS
Works good. I was trying to make 3 borders one separating the board and sidebar.

1. Overall wrap over everything.
2. Sidebar like <div style="float:left;width:170px;"><div id="sidebar">
3. Wrap of boards (ie. #wrap) like <div style="float:right;"><div id="wrap">
4. CSS

Code:
 

#wrap {background:#7D7767; width:750px!important;margin:0 auto;margin-top:10px;}

#sidebar {
width:100%;
margin:0 auto;
margin-top:10px;
margin-left:1px;}

#main_content {width:950px!important;margin:0px auto;background:#7D7767;}

#hm {background:url(http://z3.ifrm.com/176/152/0/p67721/Headerm.jpg) bottom;height: 84px; width:100%;}
#hl {background:url(http://z3.ifrm.com/176/152/0/p67719/Headerl.jpg) bottom;height: 84px; width: 66px; float:left;}
#hr {background:url(http://z3.ifrm.com/176/152/0/p67722/Headerr.jpg) bottom;height: 84px;width: 99px;float:right;}

#sm {background:url(http://z3.ifrm.com/192/147/0/p74137/Sm.jpg) bottom;height: 20px; width:100%;}
#sl {background:url(http://z3.ifrm.com/192/147/0/p74136/Sl.jpg) bottom;height: 20px; width: 31px; float:left;}
#sr {background:url(http://z3.ifrm.com/192/147/0/p74138/Sr.jpg) bottom;height: 20px;width: 31px;float:right;}


#tb {background:url(http://z3.ifrm.com/161/43/0/p92115/Top.bmp) bottom no-repeat;height: 23px; width:100%;}

#lb {background:url(http://z3.ifrm.com/161/43/0/p92117/Left.bmp) repeat-y left;}
#rb {background:url(http://z3.ifrm.com/161/43/0/p92118/Right.bmp) repeat-y right #7D7767;margin-left:9px;padding-right:10px;}
Posted Image
Offline Profile Goto Top
 
PIWYRCOM Jan 20 2009, 09:42 PM Post #17
Member Avatar
PrideInWhatYouRide

Posts:
368
Group:
Member
Member
#53
Joined:
Jul 17, 2008
Coding language
None
Thanks will have to see if I can figure it out.

Could you post a basic theme 'layout' showing it ?
Edited by PIWYRCOM, Jan 20 2009, 09:44 PM.
» TEST FORUM »
FIND IT HERE !
Spoiler: click to toggle

→ Infinite Results (themes)
→ ZBThemeZone (themes)

→ Big Boards (codes/themes)
→ ZBCodes (codes/themes)
→ The Coding Zone (codes/themes)

→ Code Index ('Official')
→ ZetaDoc's ('Official - How To Info')

Posted Image

Offline Profile Goto Top
 
Flavius Jan 20 2009, 11:48 PM Post #18
Member Avatar


Posts:
283
Group:
Member
Member
#360
Joined:
Jul 29, 2008
Coding language
HTML/CSS
<div id="main_content">
<div id="lb">
<div id="rb">

<div id="menu">
<div id="menu_l"></div>
<div id="menu_r"></div><!-- TOPMENU --></div>

<div style="float:left;width:170px;"><div id="sidebar">
<table><tr><td>This will be the section for the navigation.</td></tr></table>
<br><br>
<table><tr><td>This will be the section for the navigation.</td></tr></table>
<br><br>
<table><tr><td>This will be the section for the navigation.</td></tr></table>
<br><br>
<table><tr><td>This will be the section for the navigation.</td></tr></table>
<br><br>
<table><tr><td>This will be the section for the navigation.</td></tr></table>
<br><br>
<table><tr><td>This will be the section for the navigation.</td></tr></table>
<br><br>
<table><tr><td>This will be the section for the navigation.</td></tr></table>
</div></div>

<div style="float:right;"><div id="wrap">
<!-- HEADER -->
<br />
<div id="sm">
<div id="sl"></div>
<div id="sr"></div>
<!-- SUBMENU -->
</div>
<br />
<!-- NAV -->
<!-- BOARD -->
<br />
</div>
</div>





<script type="text/javascript" src="http://z3.ifrm.com/11/88/0/p32184/h2.js"></script>

<script type="text/javascript">
//<![CDATA[
ff=(navigator.userAgent.indexOf("Firefox")!=-1)?" style='position:relative;left:-1px'":"";
$(".category td.c_foot").append('<div class="foot_left"'+ff+'></div><div class="foot_right"></div>');
$("#stats td.c_foot .right").prependTo("#stats .foot_right");
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
$(function() {
$(".drop_menu").appendTo("menu_l");
$("#top_info").appendTo("menu_r");
});
//]]>
</script>

<script type="text/javascript">
$(function() {
$('table').each(function(i) {
$(this).addClass('tableclass');
});
});
$("table:has('iframe')").addClass("hello");
</script>
Posted Image
Offline Profile Goto Top
 
PIWYRCOM Jan 21 2009, 04:19 AM Post #19
Member Avatar
PrideInWhatYouRide

Posts:
368
Group:
Member
Member
#53
Joined:
Jul 17, 2008
Coding language
None
Thanks for posting this mate.
» TEST FORUM »
FIND IT HERE !
Spoiler: click to toggle

→ Infinite Results (themes)
→ ZBThemeZone (themes)

→ Big Boards (codes/themes)
→ ZBCodes (codes/themes)
→ The Coding Zone (codes/themes)

→ Code Index ('Official')
→ ZetaDoc's ('Official - How To Info')

Posted Image

Offline Profile Goto Top
 
Flavius Jan 21 2009, 06:03 PM Post #20
Member Avatar


Posts:
283
Group:
Member
Member
#360
Joined:
Jul 29, 2008
Coding language
HTML/CSS
Everything after the space is for the Carux theme by Sith.
Posted Image
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Zetaboards Modifications · Next Topic »
Locked Topic
  • Pages:
  • 1
  • 2
  • 3

Track Topic · E-mail Topic Time: 7:49 PM Jul 10
Hosted for free by ZetaBoards · Privacy Policy