inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jun 4, 2015 22:02:31 GMT -8
I have started a clean slate. I put a plug in there to put the add up the top. testingsssss.proboards.com/2. When I did this. If you go into your wrapper template and find this.... $[header] .... and put it between those two divs it should do what you want:
<div id="second_wrapper">
$[header]
<div id="wrapper"> I went in there I found two $[header]. If I put it in the first header, I lose the forum to just a white back ground and writing. This is what happens when I put it in the 2nd one.  I get rid of the red background behind the add which is what I want but as you can see forum not right. 1. I would like to get rid of red background behind add and make the red show a little bit around the forum so it looks like I have two different colours instead of the solid green. Hope that makes sense. Actually, can you disable the plugin because the $[header] between the two div's should make the ad above the banner or the banner below the ad, however you want to say it. Sorry, I didn't notice you had that plug in and I didn't even know there was a plugin since it is so easy to do manually.
|
|
inherit
133488
0
Nov 23, 2024 12:28:15 GMT -8
toetapping
1,583
November 2008
toetapping
|
Post by toetapping on Jun 4, 2015 22:18:42 GMT -8
I have disabled the plug in now. I am not sure where to put this to make the add go above banner. <div id="second_wrapper"> $[header] <div id="wrapper"> I have gone to the forum wrapper and there are two $[header] and can't get either to work. .. <!DOCTYPE HTML> $[tag.html.open] <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>$[title] | $[forum.name]</title> $[head]............................................................... </head> <body> {if $[maintenance_mode]} <div class="maintenance-header"> {if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if} </div> {/if} <div id="second_wrapper"> <div id="wrapper"> <header> <div id="banner-container" role="banner"> <h2 id="banner"> $[forum.title] </h2> </div> <a id="navigation-skip" href="#content" accesskey="s" class="aria-hidden" title="Skip Navigation">Skip Navigation</a> <a href="#" accesskey="d" title="Open Menu" onclick="proboards.hotkeys.activate(Keys.d); return false;"></a> <div id="navigation-menu" class="ui-helper-clearfix"> <ul role="navigation"> {foreach $[navigation.menu]} <li> <a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}> $[navigation.menu.name] {if $[navigation.menu.notification.total]} <div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;"> <div class="tip-number">$[navigation.menu.notification.total]</div> <span class="tip"></span> </div> {/if} </a> </li> {/foreach} </ul> <p id="welcome"> {if !$[current_user.is_member]} Welcome Guest. {if $[login_link] || $[register_link]} Please $[login_link]{if $[login_link] && $[register_link]} or {/if}$[register_link]. {/if} {else} <span>Welcome $[current_user.name].</span> $[logout_link] {/if} </p> </div> </header> $[participated_threads_link] {if $[navigation.tree]} <div id="navigation-tree"> $[navigation.tree] </div> {/if} $[header].............................................................................. <div id="content" role="main"> {if $[notice]} <div class="container"> <div class="title-bar"><h2>$[notice.title]</h2></div> <div class="content pad-all cap-bottom"> $[notice.message] </div> </div> {/if} $[content] $[shoutbox] </div> $[footer] </div> </div> {if $[is_mobile_browser]} <br /><p class="center">Switch to the $[mobile_switch_link].</p> {/if} </body> </html> |
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jun 4, 2015 22:29:15 GMT -8
With the plugin disabled this should work if you just go into the template and simply move it right where I said before. So here is part of the coding that has the banner and the wrapper codes:
<div id="second_wrapper">
<div id="wrapper">
<header>
<div id="banner-container" role="banner">
<h2 id="banner">
$[forum.title]
</h2>
</div>
So you need to move it so it is here just like you posted it:
<div id="second_wrapper"> $[header]
<div id="wrapper">
<header>
<div id="banner-container" role="banner">
<h2 id="banner">
$[forum.title]
</h2>
</div>
Make sure when you move it you delete the other one.
I didn't address the border showing a bit more around the edges of the forum like you asked. You can just add padding to css where you added the red image, which is I believe the #wrapper id.
padding:20px;
|
|
inherit
133488
0
Nov 23, 2024 12:28:15 GMT -8
toetapping
1,583
November 2008
toetapping
|
Post by toetapping on Jun 5, 2015 19:45:59 GMT -8
I am sorry tumbleweed but it is not running smoothly and it is my last question. The add is not up the top and still have the red behind it. The wrapper <!DOCTYPE HTML> $[tag.html.open] <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>$[title] | $[forum.name]</title> <div id="second_wrapper"> $[head] <div id="wrapper"> <header> <div id="banner-container" role="banner"> <h2 id="banner"> $[forum.title] </h2> </div> </head> <body> {if $[maintenance_mode]} <div class="maintenance-header"> {if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if} </div> {/if} <a id="navigation-skip" href="#content" accesskey="s" class="aria-hidden" title="Skip Navigation">Skip Navigation</a> <a href="#" accesskey="d" title="Open Menu" onclick="proboards.hotkeys.activate(Keys.d); return false;"></a> <div id="navigation-menu" class="ui-helper-clearfix"> <ul role="navigation"> {foreach $[navigation.menu]} <li> <a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}> $[navigation.menu.name] {if $[navigation.menu.notification.total]} <div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;"> <div class="tip-number">$[navigation.menu.notification.total]</div> <span class="tip"></span> </div> {/if} </a> </li> {/foreach} </ul> <p id="welcome"> {if !$[current_user.is_member]} Welcome Guest. {if $[login_link] || $[register_link]} Please $[login_link]{if $[login_link] && $[register_link]} or {/if}$[register_link]. {/if} {else} <span>Welcome $[current_user.name].</span> $[logout_link] {/if} </p> </div> </header> $[participated_threads_link] {if $[navigation.tree]} <div id="navigation-tree"> $[navigation.tree] </div> {/if} $[header] <div id="content" role="main"> {if $[notice]} <div class="container"> <div class="title-bar"><h2>$[notice.title]</h2></div> <div class="content pad-all cap-bottom"> $[notice.message] </div> </div> {/if} $[content] $[shoutbox] </div> $[footer] </div> </div> {if $[is_mobile_browser]} <br /><p class="center">Switch to the $[mobile_switch_link].</p> {/if} </body> </html> My results with the above.  |
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jun 5, 2015 22:36:32 GMT -8
toetapping
You have $[head] in there and not $[header].
In case you can't remember where the $[head] was before you moved it, it goes back like I have below, toward the top (about the 6th line):
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title>
$[head]
The $[header] is found way down around the 60th line but that may vary as you may have extra spaces but you'll find it. Anyway move it up between the div wrappers.
|
|
inherit
133488
0
Nov 23, 2024 12:28:15 GMT -8
toetapping
1,583
November 2008
toetapping
|
Post by toetapping on Jun 6, 2015 15:34:52 GMT -8
testingsssss.proboards.com/Well tumbleweed I am sure you are as relieved as I am that after so long I did it. I have learnt so much. Just wondered how I get a border around the top of the red part of the forum. The edge just below the add. Thank you for all your patience with me.
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jun 6, 2015 19:43:47 GMT -8
testingsssss.proboards.com/Well tumbleweed I am sure you are as relieved as I am that after so long I did it. I have learnt so much. Just wondered how I get a border around the top of the red part of the forum. The edge just below the add. Thank you for all your patience with me. It's no big deal, Toetapping. I haven't forgotten when I was learning so am happy to help. Do you want another image border or just a color border? If you are talking about the thin black border you have on either side, that can be added to the top.
If just the black line you can just add this (in bold) to your #wrapper css:
border-top:2px solid black; border-right: 2px solid black;
I you are talking a totally new color or image around the red border then you should use the css #second_wrapper as it really intended to be a second border because there is a place in the visual editor for a background. So if you put the green background link in via your visual editor and then go to the #second_wrapper css in your style sheet, you can add the new image there or color. Since your #wrapper is at 80% you could set the new width in the #second-wrapper to say 82%. |
|
inherit
133488
0
Nov 23, 2024 12:28:15 GMT -8
toetapping
1,583
November 2008
toetapping
|
Post by toetapping on Jun 6, 2015 21:06:42 GMT -8
Thank you very much tumbleweed.
Is it possible to make the red down the bottom just an edging like the other three sides.
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jun 6, 2015 23:16:50 GMT -8
Thank you very much tumbleweed. Is it possible to make the red down the bottom just an edging like the other three sides. I'm not 100% it will show because this was originally set up to be like your example with the borders going from top to bottom except with your own images but anyway, remove all the borders you have in that #wrapper css: which are these...
border-top:2px solid black; border-right: 2px solid black;
border-left: 2px solid black;
...and replace with this:
border:2px solid black;
That is for all 4 sides.
If it doesn't seem to show you can add a margin to the #wrapper so you'd add this: (You can increase or decrease that 4px to show more or less of the green.
margin-bottom:4px;
|
|
inherit
174511
kitchenscassie@ymail.com cassiopiea.kitchens 0
Nov 16, 2024 13:01:50 GMT -8
The girl who waited
"Where you recognize evil, speak out against it, and give your enemies no truces."-Havamal
536
December 2011
cassiopieakitchens
|
Post by The girl who waited on Jun 7, 2015 8:54:35 GMT -8
The other option to change the color on the previous Hello Kitty bg if they allow it is to cover it with a PSD. If you are interested and have gotten permission, I can tell you how to do it. It's pretty simple.
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jun 7, 2015 14:40:23 GMT -8
The other option to change the color on the previous Hello Kitty bg if they allow it is to cover it with a PSD. If you are interested and have gotten permission, I can tell you how to do it. It's pretty simple. We already covered that in this post:
support.proboards.com/post/6341304/thread
But thanks anyway for trying to help.
|
|
inherit
133488
0
Nov 23, 2024 12:28:15 GMT -8
toetapping
1,583
November 2008
toetapping
|
Post by toetapping on Jun 7, 2015 18:18:44 GMT -8
This is what I did tumbleweed
#wrapper{
background-image:url(http://i60.tinypic.com/dhef5e.jpg);
background-repeat:repeat;
border:2px solid black;
margin-bottom:4px;
padding:20px;
It didn't change so looks like it will have to be like that.
Once again thank you for all your help over the last couple of weeks.
|
|
inherit
I need a new CT, thinking.... [insert Jeopardy theme song here]
110769
0
Aug 21, 2021 0:07:21 GMT -8
Tumbleweed
20,825
September 2007
tumbleweed
|
Post by Tumbleweed on Jun 7, 2015 19:40:45 GMT -8
It doesn't have to be that way. If you are using the green background to cover everything other than the red background just put the green background in via your visual editor in the slot for background. Then totally remove the div that is :
<div id="second_wrapper">
and that last </div> we added to close the second div or you can just comment them out if you think you might want to use them again and want to reference it.
To comment out it is adding the pink part:
<!--<div id="second_wrapper">-->
<!--</div>-->
Then if you want a bit more of your green background to show at the bottom below the red, just add this to your #wrapper css:
margin-bottom:40px;
|
|
