The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Widget location

View previous topic View next topic Go down

Solved Widget location

Post by dhicks on March 6th 2012, 10:33 am

Hi I find widgets very useful but do not like them to be at the sides of the forum. Is it possible to relocate widgets to the bottom of the forum?

dhicks
Forumember

Male Posts : 45
Reputation : 1
Language : English
Location : England

http://www.suzuki800.com

Back to top Go down

Solved Re: Widget location

Post by LGforum on March 6th 2012, 8:06 pm

Yes, take a look at this tutorial: http://malware-site.www/showthread.php?tid=23
To get them down the bottom, do the exact same but on the right sidebar.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Widget location

Post by dhicks on March 6th 2012, 11:02 pm

Thank you but sorry you miss understand me.
I want them at the bottom as I do not want them to interferer with the forum width in relation to the page, I do not want any widgets at the side of the forum.

dhicks
Forumember

Male Posts : 45
Reputation : 1
Language : English
Location : England

http://www.suzuki800.com

Back to top Go down

Solved Re: Widget location

Post by MrMario on March 6th 2012, 11:17 pm

What he is given you is what you want. Neutral

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

Solved Re: Widget location

Post by SLGray on March 6th 2012, 11:42 pm

LGforum said:
To get them down the bottom, do the exact same but on the right sidebar..


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Widget location

Post by midoweb96 on March 7th 2012, 9:27 am

hi ...you can use css if you use phpbb3
EX: https://i47.servimg.com/u/f47/17/07/42/77/o10.png
Code:
    #content-container div#container {
    width: auto;
    float: none;
    margin-left: auto;
    }

    #content-container div#main {
    margin-right: auto;
    margin-bottom: auto;
    }

    #content-container div#left {
    width: auto;
    float: none;
    margin-left: auto;
    }

    #content-container div#right {
    width: auto;
    float: none;
    margin-left: auto;
    }
or what your Version.

midoweb96
Forumember

Posts : 166
Reputation : 12
Language : Css - Html - Jquery

Back to top Go down

Solved Re: Widget location

Post by dhicks on March 7th 2012, 12:29 pm

Hi I use phpbb2
I will try the code again

dhicks
Forumember

Male Posts : 45
Reputation : 1
Language : English
Location : England

http://www.suzuki800.com

Back to top Go down

Solved Re: Widget location

Post by LGforum on March 7th 2012, 1:16 pm

Thats terribly messy CSS. Using my method, is alot better. It ends the sidebar early, by closing the DIV. Its basically a tiny hack into the phpbb3 template. It will work on all forum types.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Widget location

Post by dhicks on March 7th 2012, 2:09 pm

I am running phpbb2 so possibly thats why I am having trouble but when I add the </div><div> widget and put table type to no, I still have widgets at the side. where as I don't want any widgets to the side, so as to keep the forum width. I have tried the widget in the middle, bottom and top to see if that makes a difference but not so far.
I will keep trying to see if I am doing anything wrong!

Thanks for trying to help me, I do really appreciate it

dhicks
Forumember

Male Posts : 45
Reputation : 1
Language : English
Location : England

http://www.suzuki800.com

Back to top Go down

Solved Re: Widget location

Post by midoweb96 on March 7th 2012, 3:42 pm

try With options Widgets .
Display forum widgets :yes
Width column 1 (left) :0 px
Width column 3 (right) : 180 px
Space between two widgets :3
Space between columns :2
save , and Create a widget
Widget name : Widget down
Use a table type : no
Widget title :Widget down
Active
and add this code
Code:
</td>
  </tr>
 </tbody>
 </table>

Widget down should be in the first
EX .. https://i44.servimg.com/u/f44/15/84/84/32/w_down10.png


and add this your Css
Code:
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}

midoweb96
Forumember

Posts : 166
Reputation : 12
Language : Css - Html - Jquery

Back to top Go down

Solved Re: Widget location

Post by LGforum on March 7th 2012, 4:04 pm

Yes because its phpbb2, you'll have to end the sidebar with a closing table tag as shown above. However, to keep conforming with the HTML, you'll need an opening one as well:
Code:

        </td>
          </tr>
        </tbody>
        </table>
 <table>
<tr><td>

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Widget location

Post by dhicks on March 7th 2012, 4:47 pm

Now I am getting confused Rolling Eyes
So how do I actually write the html with both the opening and closing info all together and do I include all the info you guys are showing by copying the codes one after the other?

Also what do you mean add this to css, is that in another area or is this all in the widget?

dhicks
Forumember

Male Posts : 45
Reputation : 1
Language : English
Location : England

http://www.suzuki800.com

Back to top Go down

Solved Re: Widget location

Post by dhicks on March 9th 2012, 9:47 am

@dhicks wrote:Now I am getting confused Rolling Eyes
So how do I actually write the html with both the opening and closing info all together and do I include all the info you guys are showing by copying the codes one after the other?

Also what do you mean add this to css, is that in another area or is this all in the widget?
Help please

dhicks
Forumember

Male Posts : 45
Reputation : 1
Language : English
Location : England

http://www.suzuki800.com

Back to top Go down

Solved Re: Widget location

Post by LGforum on March 9th 2012, 5:15 pm

You just need the most recent code provided in my last post.

Te CSS is located at ACP - display - colours - CSS stylesheets.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Widget location

Post by dhicks on March 9th 2012, 10:44 pm

@LGforum wrote:You just need the most recent code provided in my last post
@LGforum wrote:
Code:

        </td>
          </tr>
        </tbody>
        </table>
 <table>
<tr><td>
No just tried that, it doesn't work

dhicks
Forumember

Male Posts : 45
Reputation : 1
Language : English
Location : England

http://www.suzuki800.com

Back to top Go down

Solved Re: Widget location

Post by LGforum on March 10th 2012, 12:38 am

Can you post your forum URL please.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Widget location

Post by dhicks on March 10th 2012, 12:58 pm


dhicks
Forumember

Male Posts : 45
Reputation : 1
Language : English
Location : England

http://www.suzuki800.com

Back to top Go down

Solved Re: Widget location

Post by LGforum on March 10th 2012, 8:02 pm

Okay, just make a widget, make SURE you are putting this code in the widget as it source code, AKA make sure the there is a green cross in the topic corner of the textbox.

And put this in it:
Code:
</div><div>

Now before saving MAKE SURE that the option that says 'Use as table type' is not ticked, so its NOT a table type. And make sure it is the first widget, at the top of the sidebar.

It SHOULD work, but if it doesn't, LEAVE it so I can visit the forum and check why.

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Widget location

Post by dhicks on March 10th 2012, 8:27 pm

@midoweb96 wrote:try With options Widgets .
Display forum widgets :yes
Width column 1 (left) :0 px
Width column 3 (right) : 180 px
Space between two widgets :3
Space between columns :2
save , and Create a widget
Widget name : Widget down
Use a table type : no
Widget title :Widget down
Active
and add this code
Code:
</td>
  </tr>
 </tbody>
 </table>

Widget down should be in the first
EX .. https://i44.servimg.com/u/f44/15/84/84/32/w_down10.png


and add this your Css
Code:
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}

Thank you that has worked :wouhou:
Must have copied it wrong the first time, your a real star sunny

dhicks
Forumember

Male Posts : 45
Reputation : 1
Language : English
Location : England

http://www.suzuki800.com

Back to top Go down

Solved Re: Widget location

Post by MrMario on March 11th 2012, 7:08 am

Topic Solved & Locked

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum