Create space between boards and head/base images ....

[Tumbleweed]

Jan 22, 2014 19:19:28 GMT -8 cornholio said:

Can you also create space between subboards? I've been searching all over the place for that...

I think that would be a total template remodel. The closest I could get you without remodeling the template is by adding some sort of a divider in the tr of the table like I did on this test site: 

eltest.proboards.com/board/1/board

You'd have to check on each board to get the board id but you could add something like this to your css style sheet at the very bottom: (In this case I took my title background color and used it (#bbbb66).

/*border between sub boards*/
#board-5,#board-4{border-top:10px solid #bbbb66;
}

If you want to use something more stylish and actual separation so the body background shows, then you'd need a new template so feel free to request that in the Template request board. 

By the way, in the future, rather than posting in someone else's thread, create you own thread and link to any subject that is related to your question. Thanks.

[Tumbleweed]

Jan 22, 2014 22:27:47 GMT -8 jeannerene said:

Tumbleweed,
All is going well ... the only trouble I am having it with the cat_blank.  The only category that the extra space shows on the Home page is for Category 7 .........

Poetic Horizons v5

Question ... I just want to do a couple of base/foot images ... I am assuming I just change the wording to cat_NAME_base or cat_NAME_foot ... but where does it go? Under the "head" script?

I'm almost there ...
Thank you so much....

Sorry, jeannerene,

I've been staying up way too late at night (well, in the wee hours of the morning) and my brain is tired but try moving the red and pasting it with the other ones that I labeled "these images can show for guests", although, if you aren't seeing it as the admin, I guess that isn't it but move it anyway.


<!--This hides the head images from guests when cats are hidden-->

{if $[current_user.is_member]}
<div style="width:770px;text-align:center">

<div id="cat_admin_head">
<img src="http://i21./b280/jeannerene/backgrounds%20bars%20banners%20dividers/THINGOLD.gif">
</div>

<div id="cat_blank"></div>

</div>
{/if} 

I need to add more categories to my test site to see if it does the same for me but maybe meanwhile, could you temporarily remove that cat 7 one our of the jquery (script) that works just to test if it then works on cat 6. Just ruling out, if for some reason, it will only work for the last one listed. Maybe it thinks, by that last line, all the others are being overridden. ??

By that I mean just remove this ...

$("#cat_blank").insertBefore("[name='category-7']");

...and then save and check to see if the gap shows on cat 6. You can put it back after the test. (Thanks)


As for adding base images, I just haven't had a chance to work on that. I'm jerry-rigging things as they are just with the head images. lol It definitely is not as simple as just adding "base" to the id. I wish it was. I will try to get to that but I need to get some sleep tonight so it won't probably be until late in the evening later today after I my real life work, that puts bread on my table, is done.

[cornholio]

Alright-thanks. My apologies, OP.

[jeannerene]

Tumbleweed,

I will try your suggestions. 

Please, don't worry about any of my requests .... I'm in no hurry and I appreciate all that you have done.  The staff here is exceptional and so generous with their time and assistance. 

I'm on your time ... just know you've already gone above and beyond with your help.

jeanne

[jeannerene]

Tumbleweed,

I figured out how to get the space I wanted with going with a very thin unobtrusive line/divider and then adjusting the top and bottom margins.  It works fine that way.

Yes, you were correct ... when I removed $("#cat_blank").insertBefore("[name='category-7']"); the space moved up to category 6.  Also, when I added <div id="cat_blank"></div> to the script where "images can be seen by guests" it didn't allow the space to be shown in the other categories.

But, with adding the thin line (which gives a little bit of decoration) I'm getting the space I wanted .... so all is good! 

I can't thank you enough for your help.

jeanne

Poetic Horizons v5

[Tumbleweed]

Jan 23, 2014 18:31:27 GMT -8 jeannerene said:

Tumbleweed,

I figured out how to get the space I wanted with going with a very thin unobtrusive line/divider and then adjusting the top and bottom margins.  It works fine that way.

Yes, you were correct ... when I removed $("#cat_blank").insertBefore("[name='category-7']"); the space moved up to category 6.  Also, when I added <div id="cat_blank"></div> to the script where "images can be seen by guests" it didn't allow the space to be shown in the other categories.

But, with adding the thin line (which gives a little bit of decoration) I'm getting the space I wanted .... so all is good! 

I can't thank you enough for your help.

jeanne

Poetic Horizons v5

Thanks for checking that for me since I have yet to add more cats to test it. I kind of thought that might be it and even though you worked out your problem on your own, I still want to work out the issue for anyone else who may want to do something similar. So thanks.

So you are good with everything then?

[jeannerene]

Tumbleweed,

.... I'm great with everything now. I like the way the Home page is looking and I'm going to move on to my bulletin board and my portal page.

Thank you so much for helping me get a similar customization that I liked on my original forum.

'preciated bunches,

jeanne