The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

HTML Widget help

4 posters

Go down

HTML Widget help Empty HTML Widget help

Post by Hobo606v2 June 1st 2013, 7:54 pm

Hi all,

I have looked through the help forum but cant seem to find my problem anywhere else, which I am surprised by as I would have thought it was a common request.

There are various things that I would like to do with the site that require to put in HTML code - no problems with the HTML widgets, which I have (such as google adsense and RSS feeders).

What I cant seem to do is get them anywhere other than at the sides.

I have placed adverts at the top by putting the HTML code in the announcement function.

However, if I try and put a widget on the side, it effects the appearance - for example if I put a twitter feed on the right, where the twitter feed ends, if the thread is a long one, it leaves a lot of dead space (ie if the thread had 40 comments on it, the actual widget stops at about comment 3 but the empty space beneath it goes all the way down to the bottom of the page - it looks terrible!

Preferably, I would like to place HTML code at the bottom of the forum but I cant find a way to input HTML code anywhere.

Any help would be appreciated!

The site is here - www.606v2.com
avatar
Hobo606v2
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

HTML Widget help Empty Re: HTML Widget help

Post by Sanket June 1st 2013, 7:59 pm

Your forum is phpbb3, so it does not offer template editing. Hence, its difficult to add anything at the bottom of the forum content.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

HTML Widget help Empty Re: HTML Widget help

Post by Hobo606v2 June 1st 2013, 8:32 pm

Sanket wrote:Your forum is phpbb3, so it does not offer template editing. Hence, its difficult to add anything at the bottom of the forum content.

Cheers - if we change forum format, would it have an impact on our forum layout/ design as is?
avatar
Hobo606v2
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

HTML Widget help Empty Re: HTML Widget help

Post by Ultron's Vision June 1st 2013, 9:08 pm

Changing forum versions comes with totally different forum selectors and such.

Only do it if you have no other option.

You can try using this little trick to set the widget size to a set size Wink

Code:
<span style="max-width: 200px; max-height: 700px; overflow: scroll;">Your HTML Widgets here</span>

Add your HTML between the <span> tags Smile
You can of course adjust 200px to whatever width your current widgets might have and max-height to the designed height of the widget.
Ultron's Vision
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

HTML Widget help Empty Re: HTML Widget help

Post by LGforum June 2nd 2013, 2:07 pm

If you use a right hand sidebar for widgets then you can insert HTML to the bottom of pages pretty easily.

Make a widget, "Use table type: No", and then insert this HTML: </div><div class="bottom-widgets">
Save the widgets and put it below all your others.

This cuts the sidebar off quicker than it should, opening a new element. This new element will display under the forum content.

Now any HTML you want to put at the bottom of the forum, you can either put it into that widget you just made after the HTML. Or you can make new widgets and put it underneath that widget in the sidebar. You can even put Forumotion widgets underneath it to display them at the bottom.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

HTML Widget help Empty Re: HTML Widget help

Post by Hobo606v2 June 2nd 2013, 7:34 pm

LGforum wrote:If you use a right hand sidebar for widgets then you can insert HTML to the bottom of pages pretty easily.

Make a widget, "Use table type: No", and then insert this HTML: </div><div class="bottom-widgets">
Save the widgets and put it below all your others.

This cuts the sidebar off quicker than it should, opening a new element. This new element will display under the forum content.

Now any HTML you want to put at the bottom of the forum, you can either put it into that widget you just made after the HTML. Or you can make new widgets and put it underneath that widget in the sidebar. You can even put Forumotion widgets underneath it to display them at the bottom.
Hi - thanks for this.

I created a new widget with the instructions in your post and then added it to the sidebar at the top.

HTML Widget help Widgett

However the sidebar continues all the way down and doesnt end as you suggested it might.

Have I done something wrong?
avatar
Hobo606v2
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

HTML Widget help Empty Re: HTML Widget help

Post by LGforum June 12th 2013, 1:26 pm

Adding widgets below that widget, should now make them appear at the bottom. 
If it doesn't add this CSS:
Code:
.bottom-widgets { clear:both; }
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Back to top

- Similar topics

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