Sidebar Basics

0 Kudo

Author	Comment
SmokieTopaz	Sidebar Basics		Lead	[-]
Posts: 26 17 Feb, 2008 16:02	Tags : None I have never had a sidebar on my board and I decided to finally add one. But I am totally green at this kind of stuff. So could somebody tell me from scratch how to do it, or point me to the appropriate topic is one already exists. I would like a sidebar that has the same skin as my board. Also, how do I add content to the sidebar, assuming that I manage to add one to my board? I have a test board, so I assume it would be safer to try it out there first. No?
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
cedar		#1	[url]	[-]
administrator resident expert Posts: 2007 17 Feb, 2008 21:00 Mouse with Ctrl issues	What you can do if you're starting from scratch, is copy the 'basic skin with sidebar' from the library to your skins. Then you can change that. Kristin did a fab job on making very easy sidebar code, it's already in place in that skin, and it's very clear in the html header where to add your own content. You can use the wysiwyg to change the colours and such in the skin.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
SmokieTopaz		#2	[url]	[-]
Posts: 27 17 Feb, 2008 23:09	I checked out the skin you mentioned and I even worked a bit with it. But I realized that this would be a huge work since I would have to recreate my board from scratch. That takes too much time and I just don't have it. Thank you for trying to help.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
cedar		#3	[url]	[-]
administrator resident expert Posts: 2009 18 Feb, 2008 00:53 Mouse with Ctrl issues	You could take the custom header and footer from it, and then take the sidebar and main-content codes from the css in that skin and add them to yours. Copy the one in red and add as many times just below it to get the amount of boxes you want. Header: <div class="mycontent"> <div class="sidebar"> <div class="box extra-content"> <div class="boxheading"><h2>Sidebar Box</h2></div> <div class="boxbody"> <p>Some content</p> </div> <div class="boxheading"><h2>Sidebar Box</h2></div> <div class="boxbody"> <p>Some content</p> </div> </div> </div> <div class="main-content"> Footer: </div> </div> CSS: .mycontent {width: 90%; padding: 10px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; } /* column layout / .sidebar {width: 130px; / could be replaced with percentage or em size / float: left; text-align: left; color: #CC0000;} .main-content {margin-left: 150px;} / same as width of sidebar plus extra to create margin */
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
SmokieTopaz		#4	[url]	[-]
Posts: 28 18 Feb, 2008 02:13	I put those codes in my header and footer of my test board (http://smokietestboard.yuku.com/) and nothing happened.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
cedar		#5	[url]	[-]
administrator resident expert Posts: 2010 18 Feb, 2008 03:14 Mouse with Ctrl issues	That's because you haven't applied the skin.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
TigerLady		#6	[url]	[-]
Posts: 11 18 Feb, 2008 03:46	That's the problem. I don't want to apply that skin at my regular board. I want to keep the one I currently have.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
mollymarie		#7	[url]	[-]
Posts: 181 18 Feb, 2008 04:23	theres a sidebar wizard, very simple to use....
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
mollymarie		#8	[url]	[-]
Posts: 182 18 Feb, 2008 04:26	here you go sidebar wizard
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
mollymarie		#9	[url]	[-]
Posts: 183 18 Feb, 2008 04:28	by the way, using that my sidebar matched my board perfectly
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
TigerLady		#10	[url]	[-]
Posts: 12 18 Feb, 2008 15:48	Wow, Molly! That's seems to be exactly what I wanted. Thank you so very much. And thank you, Cedar. You are always there when somebody needs help. You are the best!
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
mollymarie		#11	[url]	[-]
Posts: 184 18 Feb, 2008 16:39	you're welcome
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
SmokieTopaz		#12	[url]	[-]
Posts: 29 18 Feb, 2008 17:47	The sidebar wizard is excellent, but I have run into a problem now. I want to put in the sidebar the text of the day script (from the library script), which I currently have at the top of my board. But when I enter the script in the sidebar section, it shows me all the mottos, instead of showing one a day as it's supposed to. This is probably because the script is written in a modified HTML which is not being recognized in the sidebar. What do I have to enter in the sidebar to have just the motto of the day show up, instead of all of them at once? I have other scripts from the library script on my board which I want to transfer to the sidebar and I assume they will not come up properly because of the modified HTML. Can somebody give me some suggestions? Thanks. Last Edited By: SmokieTopaz 18 Feb, 2008 17:49. Edited 1 time.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Nuttybird2009		#13	[url]	[-]
Posts: 43 11 Jun, 2009 13:56	What does it want where it says: Import Your Sidebar: Choose the location of your sidebar file
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote

<< Previous Topic Next Topic >>

Add Reply

Yuku free message boards

Sidebar Basics

Sidebar Basics

Quick Reply