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.

HTML Widget help

View previous topic View next topic Go down

HTML Widget help

Post by Hobo606v2 on 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

Hobo606v2
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Re: HTML Widget help

Post by Sanket on 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
ForumGuru

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

http://webartzforum.com

Back to top Go down

Re: HTML Widget help

Post by Hobo606v2 on 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?

Hobo606v2
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Re: HTML Widget help

Post by Ultron's Vision on 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
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

Re: HTML Widget help

Post by LGforum on 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
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: HTML Widget help

Post by Hobo606v2 on 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.



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

Have I done something wrong?

Hobo606v2
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Re: HTML Widget help

Post by LGforum on 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
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.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