SMF For Free Support Forum
Signup For Free Forum
March 21, 2010, 10:27:20 pm *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register  

Pages: 1 2 [3] 4 5 6 ... 8
« previous next »
  Print  
Author Topic: [Code] Sidebar!  (Read 25120 times)
0 Members and 1 Guest are viewing this topic.
simply sibyl
Global Moderator
*
Offline Offline

Posts: 13309



View Profile WWW
« Reply #30 on: July 15, 2007, 05:30:25 pm »
Quote from: Roswenth on July 15, 2007, 05:24:15 pm
Yes, that's exactly what I would have said. Just know that if you use an image, it might show strangely if it's a pattern because each sidebar box is a variable size.

(I'm a 'she', BTW.)

yep true and sorry bout the "he" thing.. oops!   
Logged
Support FAQ | Guides & Tutorials | Tips for Using Support
lOOmis
SMF For Free Full Member
*
Offline Offline

Posts: 138



View Profile WWW
« Reply #31 on: July 15, 2007, 09:34:20 pm »
Forum Url: http://unboundkillerz.smfforfree3.com
Hey Sibyl, Roswenth,

The forum background image is also located behind my sidebar. The sidebar is transparent so it makes a great look.

Thanks for the sidebar Roswenth and thanks for all the help Sibyl

lOOmis
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 13309



View Profile WWW
« Reply #32 on: July 15, 2007, 09:46:30 pm »
Quote from: lOOmis on July 15, 2007, 09:34:20 pm
thanks for all the help Sibyl
 

your very welcome.. glad ya got it to work
Logged
Support FAQ | Guides & Tutorials | Tips for Using Support
Roswenth
SMF For Free Newbie
*
Offline Offline

Posts: 16



View Profile
« Reply #33 on: July 16, 2007, 05:10:14 pm »
That does look nice, loomis.  Great job!
Logged
Molly
SMF For Free Full Member
*
Offline Offline

Posts: 144



View Profile WWW
« Reply #34 on: July 18, 2007, 04:05:19 am »
somehow I managed to get a clear background with a border to part of it...not sure how and now it is gone. and I'd like it on the right, not left. I am about brain dead, I have been doing this for about 3 hours now and it is all running together. HELP please!

Edit: So far got it all but on the other side of the screen...every time I think I have that right the entire the forum gets centered...I'm gonna mess something up here so if anybody has any help I am game. I am gonna stop before I completely mess it up lol
« Last Edit: July 18, 2007, 07:29:35 am by Gwenllian » Logged
nitsua
SMF For Free Member
*
Offline Offline

Posts: 30


View Profile
« Reply #35 on: July 18, 2007, 11:07:52 am »
Quote from: simply sibyl on July 15, 2007, 12:18:34 pm
nitsua    I just played around with it abit.

Make sure you have put the necessary code at the bottom of the css for the stylesheet you are using:
Manage Styles > Modify Style >  choose the style you want to Modify;  go to the bottom and put the code in, then save it.  Refresh your browser to see the changes.


If you want it to have a solid background color put this in your css:

Code:

.tablepad    { background-color:#FFFFFF; padding:6px; border:1px solid #000000; }


Change FFFFFF  to the background color you want
Replace 000000 with the border color you want




If you want that area to have a background image put THIS in your css instead:

Code:

.tablepad   
{
        background-image: url(http://www.smfboards.com/Themes2/userstyles/Camo/camobackground.png);
        padding:6px;
        border:1px solid #FFFFFF;
}



Replace my image url with your own
Replace FFFFFF with the border color you want

Example (with background and white border):  http://i148.photobucket.com/albums/s20/smfstyles/screenshot.gif

thanks amillion
Logged
rileyks
SMF For Free Sponsors
*
Offline Offline

Posts: 530


View Profile
« Reply #36 on: July 18, 2007, 11:11:27 am »
Ok stupid question here:

For example there is Mandatory Reads...how do you put a link there to maybe the rules of the forum or what the forum is about?

Thanks much!
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 13309



View Profile WWW
« Reply #37 on: July 18, 2007, 11:20:08 am »
Quote from: rileyks on July 18, 2007, 11:11:27 am
Ok stupid question here:

For example there is Mandatory Reads...how do you put a link there to maybe the rules of the forum or what the forum is about?

Thanks much!

Right Mouse click on the link you want to use,  click on Copy Shortcut.
Code would be:  <a href="http://address.html">Forum Rules</a>
replace address.html with the shortcut you just copied...   replace Forum Rules with the necessary wording.

If you want more then one link put a <br />  to insert a line break, then the next link.   
To center the links:   Use <center>  your links go here  </center>   

For example:    (and I stuck a font color= in the first one so you can see how to change the color of the words.

<center>
<a href="http://address.html"><font color=#FFFFFF>Forum Rules</font></a>
<br />
<a href="http://address.html">About this Forum</a>
</center>
« Last Edit: July 18, 2007, 11:36:50 am by simply sibyl » Logged
Support FAQ | Guides & Tutorials | Tips for Using Support
rileyks
SMF For Free Sponsors
*
Offline Offline

Posts: 530


View Profile
« Reply #38 on: July 18, 2007, 12:51:19 pm »
Great!  Thanks hon!
Logged
Molly
SMF For Free Full Member
*
Offline Offline

Posts: 144



View Profile WWW
« Reply #39 on: July 18, 2007, 11:35:17 pm »
Ok...I am having major issues with my sidebar. I just lost all the smf links that come with the site at the bottom so somebody needs to help me. All I did was move it to my footer so I could get it to the left. If you view source you will see it.

My sig has my forum link.

Edit: Thanks a bunch SS...I so appreciate it! Smiley
« Last Edit: July 19, 2007, 02:33:05 am by Gwenllian » Logged
lOOmis
SMF For Free Full Member
*
Offline Offline

Posts: 138



View Profile WWW
« Reply #40 on: July 19, 2007, 03:44:21 pm »
Forum Url: http://unboundkillerz.smfforfree3.com
Hello Gwenllian,

I just looked at your site,I really like the sidebar you've created. I too went crazy working on that thing and will begin tackling the borders and boxes for it. Try to get some defined breaks in the info. Keep up the good work. As far as loosing links off your forum...ummmm. Make sure you didnt delete anything and Im not sure but maybe placing in the wrong place in the footers might have caused it...Just Hit The UNDO Button.... Shocked..Wishful thinking.

lOOmis
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 13309



View Profile WWW
« Reply #41 on: July 19, 2007, 03:45:40 pm »
was easily fixed Loomis Wink
She had an open table.. no closures..  it wound up pushing the links to the top and far right...  they werent gone
Logged
Support FAQ | Guides & Tutorials | Tips for Using Support
nitsua
SMF For Free Member
*
Offline Offline

Posts: 30


View Profile
« Reply #42 on: August 05, 2007, 02:22:25 pm »
I don't know how i did this but i love it!



http://rpgamer.prohosts.org/forum/index.php
Logged
campkz
SMF For Free Member
*
Offline Offline

Posts: 28



View Profile
« Reply #43 on: August 06, 2007, 08:24:14 am »
thanx works brilliantly
Code:
<table align=center valign=top>
<tr> <td width=150 valign=top>
<div class='maintitle'>Welcome!</div><div class="tablepad" border='1'><span class='desc'><center>
<br>
<center><b><font size="2" color=#B22222>Information about the Site</font></b><br>
Just put some information about your site and current events here.
<center> <font size="2"><b><BR><BR><a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=8&view=getnewpost">We are looking for staff!</a></font></b><br><br></center>
</span></div></div>

<center><div class='maintitle'>Mandatory Reads</div>
<div class="tablepad"><span class='desc' ><font size="2">
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=3&st=0">Rules and Guidelines</a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=4&view=getnewpost">Plot Information</a></font><br><br>
</span></div></div>

<center>
<div class="maintitle">C-Box </div>
<div class="tablepad"><span class='desc' >
<!-- BEGIN CBOX - http://www.cbox.ws -->
<!-- END CBOX -->
<br><br>
</span></div></div>

<center>
<div class="maintitle">Staff </div>
<div class="tablepad"><span class='desc' ></b>
You  may contact the staff through the private message link in their profiles.<br><br>
<b><u>Admins</b> </u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=1"><b>Admin 1</b></a><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=2"><b>Admin 2 </b></a><br>
</b>
<br><br><u><b>Moderators</u><br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=5"><b>Mod 1</b></a> <br>
<a href="http://z8.invisionfree.com/YourSite/index.php?showuser=9"><b>Mod 2</b></a> <br>
</span></div></div>
</center>

<div class='maintitle'>Advertise Us! </div>
<div class="tablepad"><span class='desc'>
<img src="88x31banner.jpg">
<br>
<br><b><u>Listed At</b></u></b>
<marquee scrolldelay="151"><BR>
<a href="http://www.technochicks.org/forum" target="_blank"><img src="http://i113.photobucket.com/albums/n212/technochicks/technochicks_88px-33px_117.jpg" alt="TechnoChicks"></a>
</marquee><br>

<div class='maintitle'>Credits </div>
<div class="tablepad"><span class='desc'>
Skin ©
<br><br>
Side-bar © <a href="http://iql.ancientmagicrpg.com/">Roswenth</a>

</span></div></div>
<br /></center>
</td>
<td height="100%" valign=top>
 
« Last Edit: April 10, 2007, 10:55:30 am by Roswenth »  Report to moderator    Logged 
Add This Thread To:   
 
 
Littlekidder
SMF For Free Master

 Offline

Posts: 1438


Thankyou for this great software SMF For Free!


    Re: Sidebar!
« Reply #1 on: April 10, 2007, 09:51:02 am » Quote 

--------------------------------------------------------------------------------
Good code, might use it.
 
 Report to moderator    Logged 

--------------------------------------------------------------------------------
 
 
 
Roswenth
SMF For Free Newbie

 Offline

Posts: 17



    Re: Sidebar!
« Reply #2 on: April 10, 2007, 11:27:02 am » Quote 

--------------------------------------------------------------------------------
And here's a teeny version. Still just goes straight into the header. Adjust the colors to suit your skin.

Preview: http://i127.photobucket.com/albums/p133/lts19/smfsb2.jpg


Code:
<table align=center valign=top>
<tr> <td width="150" valign=top><small>
<center><div class='titlebg2'>Welcome!</div>
<div class="tablepad" border='1'><span class='desc'><center>
<br>
<center>
Put a welcome note here.
<center> <font size="1"><b><BR><BR><br><br></center>
</span></div></div>

<center><div class='titlebg2'>Mandatory Reads</div>
<div class="tablepad"><span class='desc' ><font size="1">
<a href="http://z8.invisionfree.com/YourSite/index.php?showtopic=3&st=0">Rules and Guidelines</a><br>
</font><br><br>
</span></div></div>

<center>
<div class="titlebg2">C-Box </div>
<div class="tablepad"><span class='desc' >
<!-- BEGIN CBOX - http://www.cbox.ws -->
<!-- END CBOX -->
<br><br>
</span></div></div>

</center>

<div class='titlebg2'>Advertise Us! </div></b>
<div class="tablepad"><span class='desc'>
<img src="88x31banner.jpg">
<br>
<br><b><u>Listed At</b></u></b>
<marquee scrolldelay="151"><BR>
<a href="http://www.technochicks.org/forum" target="_blank"><img src="http://i113.photobucket.com/albums/n212/technochicks/technochicks_88px-33px_117.jpg" alt="TechnoChicks"></a>
 
</marquee><br>
</span></div></div>
<div class='titlebg2'>Credits </div>
<div class="tablepad"><span class='desc'>
Skin ©
<br>
Side-bar © <a href="http://iql.ancientmagicrpg.com/">Roswenth</a>

</span></div></div></small>
<br /></center>
</td>
<td height="100%" valign=top>
 
« Last Edit: April 10, 2007, 11:32:03 am by Roswenth »  Report to moderator    Logged 
 
 
 
Littlekidder
SMF For Free Master

 Offline

Posts: 1438


Thankyou for this great software SMF For Free!


    Re: Sidebar!
« Reply #3 on: April 10, 2007, 11:36:42 am » Quote 

--------------------------------------------------------------------------------
Pretty good as well.
 
 Report to moderator    Logged 

--------------------------------------------------------------------------------
 
 
 
Kimmie
SMF For Free Master

 Offline

Posts: 1672


     Re: Sidebar!
« Reply #4 on: April 10, 2007, 12:17:38 pm » Quote 

--------------------------------------------------------------------------------
not bad.. may have to try it. Thanks 
 
 Report to moderator    Logged 

--------------------------------------------------------------------------------
Need help with something? Check Here First l Kimmie's Caverns l SMF TOS l SMF Codes
 
 
Crystalman
SMF For Free Full Member

 Offline

Posts: 157


Crystalman.EXE


      Re: Sidebar!
« Reply #5 on: April 10, 2007, 11:40:11 pm » Quote 

--------------------------------------------------------------------------------
Does it work on Server 1?

If not... is there a way it CAN work on Server 1?

I'd upgrade, but Server 1 has more options and customization as far as I see. I'm waiting until Server 2 forums have as much image/style/layout customizations.

I spent hours customizing the layout on my forum perfectly. Click the banner-thingy in my signature to see it.
 
« Last Edit: April 10, 2007, 11:42:22 pm by Crystalman »  Report to moderator    Logged 

--------------------------------------------------------------------------------


Buster Cannon Forums, Join today!
 
 
crasyandconfused
Global Moderator

 Offline

Posts: 2759


Blue^


     Re: Sidebar!
« Reply #6 on: April 11, 2007, 02:14:33 pm » Quote 

--------------------------------------------------------------------------------
Quote from: Crystalman on April 10, 2007, 11:40:11 pm
Does it work on Server 1?

If not... is there a way it CAN work on Server 1?

I'd upgrade, but Server 1 has more options and customization as far as I see. I'm waiting until Server 2 forums have as much image/style/layout customizations.

I spent hours customizing the layout on my forum perfectly. Click the banner-thingy in my signature to see it.


I do think it works on Server 1
http://testcrasyandconfused.smfforfree.com/index.php (Phew, it's been a while since I used my server 1 forum)

It just needs some tweaking.
 
 Report to moderator    Logged 

--------------------------------------------------------------------------------
crasyandconfused on Flickr   ||  Gamesoul - My Latest Website 
 
 
simply sibyl
Global Moderator

 Offline

Posts: 2386



     Re: Sidebar!
« Reply #7 on: April 11, 2007, 02:17:49 pm » Quote 

--------------------------------------------------------------------------------
nice job with this sidebar...   will have to check it out more thoroughly tomorrow when Im able to do so.
 
 Report to moderator    Logged 

--------------------------------------------------------------------------------
Some helpful links here at Support:
Stylesheet Index | Guide/Tutorial Index | General FAQ | Codes Index | TOS
 
 
Kimmie
SMF For Free Master

 Offline

Posts: 1672


     Re: Sidebar!
« Reply #8 on: April 11, 2007, 03:06:27 pm » Quote 

--------------------------------------------------------------------------------
Quote from: crasyandconfused on April 11, 2007, 02:14:33 pm
Quote from: Crystalman on April 10, 2007, 11:40:11 pm
Does it work on Server 1?

If not... is there a way it CAN work on Server 1?

I'd upgrade, but Server 1 has more options and customization as far as I see. I'm waiting until Server 2 forums have as much image/style/layout customizations.

I spent hours customizing the layout on my forum perfectly. Click the banner-thingy in my signature to see it.


I do think it works on Server 1
http://testcrasyandconfused.smfforfree.com/index.php (Phew, it's been a while since I used my server 1 forum)

It just needs some tweaking.


I have played around with it a little The cbox area needs some tweaking - it doesnt work right for some reason. When I installed my cbox, you couldnt post in it  . The only other downfall I see to the sidebar is that it moves your forum over to the right too far so you have to scroll to see some stuff. I tried dropping the width all the way down to 50 but then the sidebar doesnt look very good   
 
 Report to moderator    Logged 

--------------------------------------------------------------------------------
Need help with something? Check Here First l Kimmie's Caverns l SMF TOS l SMF Codes
 
 
Crystalman
SMF For Free Full Member

 Offline

Posts: 157


Crystalman.EXE


      Re: Sidebar!
« Reply #9 on: April 11, 2007, 08:30:07 pm » Quote 

--------------------------------------------------------------------------------
What if you put it on the right side, instead of left? Then you can veiw the forum normally, but scroll over to veiw the bar.
 
 Report to moderator    Logged 

--------------------------------------------------------------------------------


Buster Cannon Forums, Join today!
 
 
Kimmie
SMF For Free Master

 Offline

Posts: 1672


     Re: Sidebar!
« Reply #10 on: April 11, 2007, 10:16:06 pm » Quote 

--------------------------------------------------------------------------------
Quote from: Crystalman on April 11, 2007, 08:30:07 pm
What if you put it on the right side, instead of left? Then you can veiw the forum normally, but scroll over to veiw the bar.


I thought about that but I dont see anywhere in the code to change it. Ive also tried changing the background color and it wont change either. Oh well, it was a good thought anyways..   
 
« Last Edit: April 11, 2007, 10:24:59 pm by Kimmieb »  Report to moderator    Logged 

--------------------------------------------------------------------------------
Need help with something? Check Here First l Kimmie's Caverns l SMF TOS l SMF Codes
 
 
simply sibyl
Global Moderator

 Offline

Posts: 2386



     Re: Sidebar!
« Reply #11 on: April 12, 2007, 10:42:53 am » Quote 

--------------------------------------------------------------------------------
Kimmie...  Im going to play around with this in a little bit here (about an hour or so) at my test site.
Will need to edit the css and that will solve the problem you mentioned with the forum not fitting in the right side.  It is just a padding issue and that is easily fixed.   If you look at the space style that I did you can see that the forum is on the right side and it works just fine that way       
 
 Report to moderator    Logged 

--------------------------------------------------------------------------------
Some helpful links here at Support:
Stylesheet Index | Guide/Tutorial Index | General FAQ | Codes Index | TOS
 
 
simply sibyl
Global Moderator

 Offline

Posts: 2386



     Re: Sidebar!
« Reply #12 on: April 12, 2007, 12:13:07 pm » Quote 

--------------------------------------------------------------------------------
Quote from: Kimmieb on April 11, 2007, 10:16:06 pm
Quote from: Crystalman on April 11, 2007, 08:30:07 pm
What if you put it on the right side, instead of left? Then you can veiw the forum normally, but scroll over to veiw the bar.


I thought about that but I dont see anywhere in the code to change it. Ive also tried changing the background color and it wont change either. Oh well, it was a good thought anyways.. 


Kimster.. I changed the background color with no problem at all.   You can also just use your normal background.  Takes some code tweaking but it does work.

Also..  the cbox works fine.  I put it in the sidebar and am able to use it.. no problemo.
Only problem Im having at the moment is getting the forum situated as I want it on the right side.. will keep at it and let ya know on progress.       fixed 
 
« Last Edit: April 12, 2007, 12:34:34 pm by simply sibyl »  Report to moderator    Logged 

--------------------------------------------------------------------------------
Some helpful links here at Support:
Stylesheet Index | Guide/Tutorial Index | General FAQ | Codes Index | TOS
 
 
Kimmie
SMF For Free Master

 Offline

Posts: 1672


     Re: Sidebar!
« Reply #13 on: April 12, 2007, 01:48:14 pm » Quote 

--------------------------------------------------------------------------------
Quote from: simply sibyl on April 12, 2007, 12:13:07 pm
Quote from: Kimmieb on April 11, 2007, 10:16:06 pm
Quote from: Crystalman on April 11, 2007, 08:30:07 pm
What if you put it on the right side, instead of left? Then you can veiw the forum normally, but scroll over to veiw the bar.


I thought about that but I dont see anywhere in the code to change it. Ive also tried changing the background color and it wont change either. Oh well, it was a good thought anyways.. 


Kimster.. I changed the background color with no problem at all.   You can also just use your normal background.  Takes some code tweaking but it does work.

Also..  the cbox works fine.  I put it in the sidebar and am able to use it.. no problemo.
Only problem Im having at the moment is getting the forum situated as I want it on the right side.. will keep at it and let ya know on progress.       fixed


Thanks for the info sibyl  . I think, for the time being, I will stick with "not using the sidebar". My res is 800x600 and I dont like to have to scroll. Thats the reason I am mad as HE$% at AT&CRAP for changing the Bellsouth homepage. I had to scroll a mile to the right just to check my email.. . Everything worked fine till those idiots took it over..   
 
 Report to moderator    Logged 

--------------------------------------------------------------------------------
Need help with something? Check Here First l Kimmie's Caverns l SMF TOS l SMF Codes
 
 
coke
SMF For Free Full Member

 Offline

Posts: 149


    Re: Sidebar!
« Reply #14 on: April 20, 2007, 12:27:53 am » Quote 

--------------------------------------------------------------------------------
Now if only someone would customize dumb old me with one of these.
 
 Report to moderator    Logged 
 
 
 
 
Logged
Well heres my sick forum ;p

Note: I love private servers ;p.
nitsua
SMF For Free Member
*
Offline Offline

Posts: 30


View Profile
« Reply #44 on: August 07, 2007, 04:19:58 pm »
I will soon post that i made with this.
Logged


Pages: 1 2 [3] 4 5 6 ... 8
  Print  
« previous next »
 
Jump to:  



Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC
ServerBeach Coupon
Page created in 0.396 seconds with 15 queries. (Pretty URLs adds 0.092s, 2q)