Who is online?
In total there are 2 users online :: 1 Registered, 0 Hidden and 1 Guest Unknown Data
Most users ever online was 246 on Tue 31 Jan - 2:47
Statistics
We have 107 registered usersThe newest registered user is KAN_GU_ROO
Our users have posted a total of 1539 messages in 169 subjects
Latest topics
» Welcome To AvacWeb!by KAN_GU_ROO Today at 12:17
» affiliate space???
by LGforum Today at 10:10
» Print a Particular Post
by ion-cube Mon 20 Feb - 6:45
» Tooltips..................
by CraZy.CloWn Wed 15 Feb - 3:03
» AvacDom Selector Method
by LGforum Tue 14 Feb - 23:08
A little HTML sidebar trick. Widgets up top.
AvacWeb :: :: HTML & CSS
Page 1 of 1 • Share •
A little HTML sidebar trick. Widgets up top.
Here's a tiny little trick that will allow you to choose ANY widgets to put at the top of your forum.
This will allow you to choose any widgets to go at the top, but still have widgets at the side of your forum.
Here's a quick example screenshot:

It doesn't look great in that picture obviously, because I haven't done anything with it.
But see how there is still a sidebar and also widgets at top?
Its easy, just create a new custom widget, select 'table type' as NO.
Then add this HTML to it:
Save it.
Easy.
Now to use it, stick it on your sidebar above any widgets you want to go to the top of the forum.
Because any widgets BELOW this new widget will go to the top. Try it out
This will allow you to choose any widgets to go at the top, but still have widgets at the side of your forum.
Here's a quick example screenshot:

It doesn't look great in that picture obviously, because I haven't done anything with it.
But see how there is still a sidebar and also widgets at top?
Its easy, just create a new custom widget, select 'table type' as NO.
Then add this HTML to it:
- Code:
</div><div>
Save it.
Easy.
Now to use it, stick it on your sidebar above any widgets you want to go to the top of the forum.
Because any widgets BELOW this new widget will go to the top. Try it out
Last edited by LGforum on Sat 28 Jan - 18:59; edited 1 time in total

LGforum
Status: Hope you like the new design of this board.
Forum Version: Phpbb3
Posts: 600
Join date: 2011-10-05
Location: UK

Re: A little HTML sidebar trick. Widgets up top.
Interesting! This could be very useful indeed
tony_h- Posts: 46
Join date: 2012-01-16
Re: A little HTML sidebar trick. Widgets up top.
easy but very useful.thanks LG.
anyway to put the widget only at home?
anyway to put the widget only at home?

Urbrohasan
Status: AVACWEB IS AWESOME
Forum Version: PunBB
Posts: 34
Join date: 2011-12-25
Age: 23
Location: Tamil nadu, India
Re: A little HTML sidebar trick. Widgets up top.
Best way of doing that, would be to hide the sidebar with CSS, but then put some CSS in the homepage message to show the sidebar. Hence only showing it on the home.

LGforum
Status: Hope you like the new design of this board.
Forum Version: Phpbb3
Posts: 600
Join date: 2011-10-05
Location: UK

Re: A little HTML sidebar trick. Widgets up top.
The way this works, is it adds a closing DIV tag into your sidebar, which means it ends the sidebar early. So any widgets from then on are not part of the sidebar and so do not float at the side of your forum.
It then has the opening DIV tag in it, because this will encapsulate the rest of the widgets within a DIV, because the original closing DIV tag of the sidebar will still be at the end of these widgets. You could even add an ID to that opening DIV tag, something like 'topWidgets' and style it from the CSS.
Just thought i'd tell everyone. lol.
It then has the opening DIV tag in it, because this will encapsulate the rest of the widgets within a DIV, because the original closing DIV tag of the sidebar will still be at the end of these widgets. You could even add an ID to that opening DIV tag, something like 'topWidgets' and style it from the CSS.
Just thought i'd tell everyone. lol.

LGforum
Status: Hope you like the new design of this board.
Forum Version: Phpbb3
Posts: 600
Join date: 2011-10-05
Location: UK

Re: A little HTML sidebar trick. Widgets up top.
This is genius, LG!
Thanks for sharing.
BTW, I see you got the "Thanks" button working for other browsers now. It works fine on my TouchPad.
BTW, I see you got the "Thanks" button working for other browsers now. It works fine on my TouchPad.
JellyBelly- Forum Version: Phpbb3
Posts: 38
Join date: 2011-12-05
Location: USA
AvacWeb :: :: HTML & CSS
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum