inherit
233047
0
Apr 19, 2019 3:34:41 GMT -8
Chrissiest Chris
179
June 2016
rehpotsirhc
|
Post by Chrissiest Chris on Oct 27, 2016 0:41:33 GMT -8
I have a wrapper around my forum, using this code in the style sheet
However I don't want it to go all the way up, behind the banner, nor all the way down. I want it to go just a little above the content (I.E top title bar) and just a little under the shoutbox. How can I do this?
|
|
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 Oct 27, 2016 10:58:59 GMT -8
I have a wrapper around my forum, using this code in the style sheet However I don't want it to go all the way up, behind the banner, nor all the way down. I want it to go just a little above the content (I.E top title bar) and just a little under the shoutbox. How can I do this? What you'll need to do is create a new div so in your css add a 1 to wrapper so it looks like this: #wrapper 1 { background-color: #77BEDC;padding: 10px 15px 8px 15px;} Notice I changed the padding so you have 10px at the top, 15px on the right, 8px on the bottom and then 15px on the left. (Adjust to what you like) Next you'll need to go into your wrapper template (Admin >Themes> Layout Templates>Forum Wrapper)and find the bolded and put your new div as I did in red: <div id="wrapper1">
$[content]
$[shoutbox]
</div>
.Are you using the newsfader? If so and you want it outside your border, skip the stuff I have below (strike-through stuff) and read below it as Kami reminded me of a better way to do it. Inore this
while you are still in the wrapper template scroll back up and add the red below the <body> tag:
<body>
<script type="text/javascript">
$(document).ready(function() {
$('#move-news').append($('div#news'));
});
</script>
And then scroll down and add this above the new wrapper1 you have so it looks like this:
<div id="move-news"></div>
<div id="wrapper1">
$[content]
$[shoutbox]
</div>Use this: While you are in the wrapper template add this as I did below in red: $[news]<div id="wrapper1"> $[content] $[shoutbox] </div> Now go to your home template and at the very top, you'll see that same variable $[news] so remove it. And that should do it. (Thanks again Kami for reminding me of a javascript-less better solution.  ) |
|
Kami
Forum Cat
Posts: 40,201
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,201
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Oct 27, 2016 11:47:13 GMT -8
Tumbleweed - enabling the news fader should generate the $[news] variable, so it would be unnecessary to use javascript to move the element. |
|
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 Oct 27, 2016 13:49:19 GMT -8
Tumbleweed - enabling the news fader should generate the $[news] variable, so it would be unnecessary to use javascript to move the element. On my test site, I have the newsfader enabled and it appears inside the border and that's why I used that to move it outside the border. That keeps it just appearing on the main page and not in boards, threads. What are you suggesting is a better way, Kami? Granted, I'm groggy headed today so may be missing the obvious. |
|
Kami
Forum Cat
Posts: 40,201
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,201
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Oct 27, 2016 13:57:01 GMT -8
Tumbleweed - enabling the news fader should generate the $[news] variable, so it would be unnecessary to use javascript to move the element. On my test site, I have the newsfader enabled and it appears inside the border and that's why I used that to move it outside the border. That keeps it just appearing on the main page and not in boards, threads. What are you suggesting is a better way, Kami? Granted, I'm groggy headed today so may be missing the obvious. If the newsfader is enabled via settings, the home template generates the following variable: $[news]You can use this variable in the forum wrapper template to place it wherever you want the news fader to appear; since the variable is only on the home page, it won't appear elsewhere, but can still be moved in > layout templates > forum wrapper. You would then remove the variable on the home template to avoid duplication. This eliminates the need for javascript. For instance I placed it above the nav tree & participated button + ads on my test forum: kamitest4.proboards.com |
|
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 Oct 27, 2016 14:08:44 GMT -8
On my test site, I have the newsfader enabled and it appears inside the border and that's why I used that to move it outside the border. That keeps it just appearing on the main page and not in boards, threads. What are you suggesting is a better way, Kami? Granted, I'm groggy headed today so may be missing the obvious. If the newsfader is enabled via settings, the home template generates the following variable: $[news]You can use this variable in the forum wrapper template to place it wherever you want the news fader to appear; since the variable is only on the home page, it won't appear elsewhere, but can still be moved in > layout templates > forum wrapper. You would then remove the variable on the home template to avoid duplication. This eliminates the need for javascript. For instance I placed it above the nav tree & participated button + ads on my test forum: kamitest4.proboards.comI was thinking if I moved it to the wrapper template, it would appear on every page but apparently not. Will go back and edit my page. Told you I was groggy. Either way it works but the less coding, the better so thanks for waking up my brain. lol |
|
Kami
Forum Cat
Posts: 40,201
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,201
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Oct 27, 2016 14:12:16 GMT -8
If the newsfader is enabled via settings, the home template generates the following variable: $[news]You can use this variable in the forum wrapper template to place it wherever you want the news fader to appear; since the variable is only on the home page, it won't appear elsewhere, but can still be moved in > layout templates > forum wrapper. You would then remove the variable on the home template to avoid duplication. This eliminates the need for javascript. For instance I placed it above the nav tree & participated button + ads on my test forum: kamitest4.proboards.comI was thinking if I moved it to the wrapper template, it would appear on every page but apparently not. Will go back and edit my page. Told you I was groggy. Either way it works but the less coding, the better so thanks for waking up my brain. lol Theoretically speaking any variable will work in the forum wrapper -- it is a universal template.
Whether or not the variable can be called on a specific page is a different matter entirely. Hopefully that makes sense. A variable can be placed, but cannot necessary be called, anywhere.
|
|
inherit
233047
0
Apr 19, 2019 3:34:41 GMT -8
Chrissiest Chris
179
June 2016
rehpotsirhc
|
Post by Chrissiest Chris on Oct 28, 2016 1:49:11 GMT -8
It worked, but after seeing it I thought it looked better before. But thanks anyway!
|
|
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 Oct 28, 2016 16:33:34 GMT -8
It worked, but after seeing it I thought it looked better before. But thanks anyway! I'm not surprised as other members have came to the same conclusion, that it doesn't' look so great. But you never would have known if you didn't try so I'm glad I (and thanks to Kami) could help you make that test. |
|
inherit
233047
0
Apr 19, 2019 3:34:41 GMT -8
Chrissiest Chris
179
June 2016
rehpotsirhc
|
Post by Chrissiest Chris on Mar 28, 2017 6:12:19 GMT -8
Tumbleweed or Kami I'm using it right now, actually. I'm wondering if there's a way to add a border around the whole thing?
|
|
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 Mar 28, 2017 9:09:45 GMT -8
Tumbleweed or Kami I'm using it right now, actually. I'm wondering if there's a way to add a border around the whole thing? What exactly are you using, Chrissiest? Because both what I gave you and what you originally posted should be giving you a border. Unless you mean a "real" css border as in: border:3px solid #000000; Which you could add to whichever wrapper you are using: #wrapper1 { background-color: #77BEDC;padding:10px 15px 8px 15px; border:3px solid #000000;} |
|
Kami
Forum Cat
Posts: 40,201
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,201
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Mar 28, 2017 9:10:28 GMT -8
Chrissiest Chris - we talk about two things here, the wrapper around the forum & the newsfade. Which of these do you want to add a border to? |
|
inherit
233047
0
Apr 19, 2019 3:34:41 GMT -8
Chrissiest Chris
179
June 2016
rehpotsirhc
|
Post by Chrissiest Chris on Mar 28, 2017 10:30:57 GMT -8
Tumbleweed got it right, I was refering to a CSS border. It worked though, thanks. I tried something similar earlier but it didn't seem to work.
|
|
Kami
Forum Cat
Posts: 40,201
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,201
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Mar 28, 2017 11:49:24 GMT -8
Glad you figured it out :D
|
|
)
