table under banner?

[Danie]

I'm looking for help. I need a table under my banner that is able to have an image/border around it or on top of it. Table also needs to have 2-3 boxes, but padding should be thin. Thanks for helping out.

Using it for this site

[Danie]

i still need this table but have a question on how to get rid of gradients on title bars? need for same site? Or just get rid of title bar all together and replace with images? I have the image for category plugin but it's not working.

[Tumbleweed]

Oct 25, 2015 16:47:29 GMT -8 Danie said:

I'm looking for help. I need a table under my banner that is able to have an image/border around it or on top of it. Table also needs to have 2-3 boxes, but padding should be thin. Thanks for helping out.

Using it for this site

About the table, a little confused about what you are asking. I get the 2-3 boxes, that I'll be gladly to do for you but will it be above the menu buttons since you said below the banner and not below the menu?
Also I know border can mean different things to different people. Currently you have a border around your forum, (the semi-transparent border),at least that is what many people call it so I don't know if you mean something like that or are you literally meaning you want like a pixel image border around the table. Like here on my test site: putteraround11.boards.net/ (the pink is an image set in a pixels)

Oct 28, 2015 13:08:17 GMT -8 Danie said:

i still need this table but have a question on how to get rid of gradients on title bars? need for same site? Or just get rid of title bar all together and replace with images? I have the image for category plugin but it's not working.

The category plugin should work. Have you tried moving it up above other plugins? Do you get through all the steps and nothing shows or do you get an error of some sort?

If you can't get the plugin to work, you can go into your visual editor under containers, title bar and select the first image (which is not a gradient) and then select your color or you can add an image there but that would be the same image for every category.

[Danie]

Well i wanted to add a graphic for the title and wanted it to sort of sit on top of the table? If that makes sense? I didn't mean that pixelated border but that's realy neat. Could you show me how you did it? I just meant i don't want the table to look stiff like a generic table. I wanted it to contain my staff info as well as weather/events so would be three boxes: weather|events|staff, with events being in the center. Does that make sense. I can try and draw what i mean if it doesn't.

As for the plugin. When i try it, the image is like 50 px in height or doesn't show up at all. I tried to change it so the category titles were images and am using that currently instead of the plugin. But it won't center and looks off. You can see it on my OOC category (the last one). Thanks!

[Tumbleweed]

Oct 28, 2015 17:39:07 GMT -8 Danie said:

Well i wanted to add a graphic for the title and wanted it to sort of sit on top of the table? If that makes sense? I didn't mean that pixelated border but that's realy neat. Could you show me how you did it? I just meant i don't want the table to look stiff like a generic table. I wanted it to contain my staff info as well as weather/events so would be three boxes: weather|events|staff, with events being in the center. Does that make sense. I can try and draw what i mean if it doesn't.

As for the plugin. When i try it, the image is like 50 px in height or doesn't show up at all. I tried to change it so the category titles were images and am using that currently instead of the plugin. But it won't center and looks off. You can see it on my OOC category (the last one). Thanks!

Do either of these tables fit kind of what you want but with your style/colors and image, of course?

abetteramerica.freeforums.net/board/9/board

I'll have to address your cat title backgrounds tomorrow. Heading to bed now.

Secretheart, For your images in your categories, use Womopolis' "Category-Info Center Images" plugin. It works much better (shows the whole image) although I had trouble centering the category background. Seems the options to center doesn't work (at least for me) but if you do want your image centered  after installing Wormo's plug in, adding your image and selecting center and middle in the plugins options to center you'll need to do these two things.

1. Go to visual editor (Admin Home> Themes> Advanced Styles & CSS> Visual Editor>Body>Containers>Title-Bars and change the background to none (first color box for backgrounds & is optional) and then select these three things:

---- Background Image: none
---- Background Repeat: no-repeat
---- Background Position: center center

2. Then switch tabs to your style sheet and add this to the bottom:

.container>.title-bar.bbcode h2{
width:100%!important;
}
.title_wrapper img{
margin:auto;
}

[Danie]

The second table. Sorry for the late reply. I want the title to just be an image i make though, not text. I know it would be my own images and texts, so is that doable? And is there a way I can make one of the boxes scroll or would it do it automatically if the text overflows the box?

I'll switch it out with the wormopolis if it works much better haha.

[Danie]

.

[Tumbleweed]

Sorry I missed your reply.  

Here is the code:



<style>
#my_board_wrapper1{
   width:820px;
   background-color:#666666;
    border:1px solid #787878;
margin:auto;
   padding:10px;
   text-align:center;
}
.my_boxes1{
   width:30%;
   height:200px;
   float:left;
    text-align:left;
  border:1px solid #787878;
   padding:8px;
   margin:4px;
}
#my_box_title1{
height:40px;width:840px;
}
</style>

<center>
      <div id="my_box_title1"><img src="http://storage.proboards.com/6132784/i/KRKZr9Z_i664aRchhtOq.png"></div>
<div id="my_board_wrapper1">
   
<div class="my_boxes1">
content one<br><br>
content one<br><br>    
   </div>
<div class="my_boxes1">
content two<br><br>
content two<br><br>  
   </div>
   <div class="my_boxes1">
content three<br><br>
content three<br><br>
   </div>
<p style="clear:left;"></p>

</div>
</center><br><br>


In case you need help with the placement of the table, if you want it right below your menu (home, help, members, etc) then place it in your forum wrapper here:

</div>
>>>Put it here<<<
</header>

If you want it somewhere else, let me know if you need help.

[Danie]

Where is the forum wrapper? I can't find it?

Found it! Thanks so much Tumble! But when I put it in it goes above my banner?

Fixed but is there a way for me to put a spacing from the menu (home, members, etc) and the box?

[Tumbleweed]

Nov 5, 2015 11:38:31 GMT -8 Danie said:

Where is the forum wrapper? I can't find it?

Found it! Thanks so much Tumble! But when I put it in it goes above my banner?

Fixed but is there a way for me to put a spacing from the menu (home, members, etc) and the box?

You can just add a couple breaks above your table code/below your menu:


<br />

[Danie]

OH! That's easy! Thankyou so much-for the code and for putting up with me lol

It looks great! link

[Tumbleweed]

Nov 6, 2015 1:37:21 GMT -8 Danie said:

OH! That's easy! Thankyou so much-for the code and for putting up with me lol

It looks great! link

You did great to make it your own! I always enjoy seeing what people do with the "skeleton" codes like this that I give them. You should be proud and have fun with your site.

[Danie]

Thankyou so much for all your help tumble!