requesting side tables

[Desserts]

looking for this but i wanted there to be 5 or 6 and for them to start at the top next to the banner.

Please!

[Desserts]

skinnns.proboards.com/

again not working. doesnt look like what i was trying to get either

[Kami]

For starters, it is entirely possible to add more boxes with the sidebar redux plugin (:

From your screenshot it looks like there is some pale text that says "text" above the first box; that text appears to be in line with the banner. Unfortunately you removed the plugin / stopped it from displaying so no one can troubleshoot :c

[Desserts]

okay, i turned it back on for troubleshooting. I know my banner and forum shouldn't be pushed over like they are.

[Tumbleweed]

Desserts ,

If the sidebar redux is not what you want then try this: Mind you, the html can go at the very bottom of your wrapper template OR in your global or main footers or even at the bottom of your home template but if in the global or main footers, the css I provided will not pick up your forum colors:

The html:

<div id="side_bar_starts">
   <div id="inner_wrappie">
       
<div class="indi_boxes">
    <div class="sb_titles">Title here</div>
    <div class="sb_cont">
Something here<br> Something here<br>  Something here<br>  
    </div>
    </div>  

       
<div class="indi_boxes">
    <div class="sb_titles">Title here</div>
    <div class="sb_cont">
Something here<br> Something here<br>  Something here<br>  
    </div>
    </div>
       
<div class="indi_boxes">
    <div class="sb_titles">Title here</div>
    <div class="sb_cont">
Something here<br> Something here<br>  Something here<br>  
    </div>
    </div>
       
        <div class="indi_boxes">
    <div class="sb_titles">Title here</div>
    <div class="sb_cont">
Something here<br> Something here<br>  Something here<br>  
    </div>
    </div>
       
<div class="indi_boxes">
    <div class="sb_titles">Title here</div>
    <div class="sb_cont">
Something here<br> Something here<br>  Something here<br>  
    </div>
    </div>
       
  </div>  
</div>



And here is the css which as I said, I have some colors picking up the forum colors so if you don't want that, just add the hex code you want instead. Needs to go at the very bottom of your style sheet.


/* side table */
/*you only need the ccss for the wrapper margin if you need to move your forum over*/
#wrapper{margin-left:310px;
}
/*side bar css this positions it*/
#side_bar_starts{
position: absolute;
top: 10px;
left: 0px;
width: 270px;
left:5px;
margin-right:5px;
background-color: @container_background_color_1;
border-radius:5px;
padding:10px;
}
/*this is for the inner border around all boxes*/
#inner_wrappie{
border:8px solid @container_inner_border_color;
background-color: @container_background_color_1;
padding:0px;
}
/*the indvidual boxes*/
.indi_boxes{
background-color: @container_background_color_1;
border-bottom:30px solid @container_inner_border_color;
}
/*title style*/
.sb_titles{background-color: #555555;padding:4px;
margin:0px;
font-size:16px;
border-right:1px dashed red;
border-bottom:1px dashed red;
border-left:1px dashed red;
text-align:center;
}
/*the actual content style*/
.sb_cont{
background-color: @container_background_color_1;
padding:8px;
}

Again, you need to pick the colors you want, color of text, size of text, etc. Also the content area will expand as you add content.

[Desserts]

perfect!!! but is there a way for me to move me forum back over?

[Tumbleweed]

Jul 6, 2016 14:31:15 GMT -8 Desserts said:

perfect!!! but is there a way for me to move me forum back over?

I commented each section so you know what does what. In your case, though, you need to remove this totally:


/*you only need the ccss for the wrapper margin if you need to move your forum over*/
#wrapper{margin-left:310px;
}


Edit: You will likely have to make the side bar not as wide so as to not overlap the border code or move the whole border including forum over a bit. Let me know if you need help with that.

[Desserts]

okay is there a way to have another one on the right side of my forum as well?

edit: or even make it a weeeee bit transparent lol

[Tumbleweed]

Jul 6, 2016 14:39:23 GMT -8 Desserts said:

okay is there a way to have another one on the right side of my forum as well?

edit: or even make it a weeeee bit transparent lol

On a side note first, your side table is over way too far to the right overlapping your forum. Maybe you are just playing with things now.

If you want one on the right too, make a second copy of all the css and just add a 1 (as you see in red) to all the classes and then to get it right, change the left to right (blue part)

/*side bar css this positions it*/
#side_bar_starts1{
position: absolute;
top: 10px;
left: 0px;
width: 270px;
left:5px;
margin-right:5px;
background-color: @container_background_color_1;
border-radius:5px;
padding:10px;
}


And then make a whole new copy of the html changing all the id's and classes to also have a 1.


As far as semi-transparent, there are numerous layers of backgrounds so I'd have to play with it a bit to make it look right. I will if you do want that.

[Desserts]

Thank you so much for everything! Looks just how i wanted!!! )))))

Yes please.

edit: is it still overlapping? 

[Tumbleweed]

Jul 6, 2016 15:17:48 GMT -8 Desserts said:

Thank you so much for everything! Looks just how i wanted!!! )))))

Yes please.

edit: is it still overlapping? 

I don't see it at all so it's not overlapping, it is gone! lol

I'll fiddle with the opacity and see what works best when I get a chance. Edit: I had a thought, if you are wanting the spaces between each box semi-transparent, I may have to redo this a bit as I did it the lazy way and just added a border to the bottom of wrapper of the box to create that gap so can't really target the background. Also keep in mind that making things semi-transparent will lose the color too.

If you want everything semi-transparent you can add this.... opacity:0.9; to the id: #side_bar_starts and that will make everything slightly transparent but it does include the text but would only be really noticeable if you went to like .7. The only way for it to work not affecting the children is by using rgb: background: rgba(30,30, 30, 0.7);

Maybe you should just play with using rgb yourself as you know more what you are looking for. If you want, you can convert your hex colors here: www.rapidtables.com/convert/color/hex-to-rgb.htm

The first 30 is for red, the second for green and third for blue and the 0.7 is the transparency with 0.1 being nearly totally transparent and 0.9 being nearly opaque.

[Desserts]

yeah im using another a text forum to mess with it some more.

thank you so much!!!

[Desserts]

Is it overlapping?

[Tumbleweed]

Jul 12, 2016 3:54:44 GMT -8 Desserts said:

Is it overlapping?

Yes, it is for me (overlapping). I think the problem is you probably have a much wider screen resolution and with the border code in pixels, it is hard to position it so it looks good on all screen resolutions. For me, on my laptop, there simple is not enough room on the side for that side table. So my question to you is where do you want it positioned? Right next to the edge of the border?

I might need you to post your whole wrapper template code so I can get it to look good in most all of the more popular screen resolutions, at least. We may need to add another secondary wrapper to hold that side table in place.