Sidebar Redux

[Brian]

Apr 22, 2016 11:18:47 GMT -8 christy25 said:

Hey I'm trying to add a few things to make the side bar look at little more interesting... some subtitles(I dont want to be changing images everytime I change the skin), b&w image when image is hovered over, and a clickable tab box for a "news" container, however, I am having serious issues getting the codes to work...

Any tricks on how to get things working?

((PS its been a very long time since I've worked the admin side of a proboard form so please bear with me)) 

I would suggest posting in the Templates board if you need help with codes you're adding to it. This thread is specifically for help with the sidebar plugin itself rather than help with the codes you're placing within it.

The sidebar should support any HTML, CSS, or Javascript you place within it as it's composed entirely of HTML.

[.·´¯`·->Kris<-·´¯`·.]

Brian I dunno if this has been answered or not but I can't get my images to show up in the titles

[Brian]

May 5, 2016 5:22:07 GMT -8 .·´¯`·->Kris<-·´¯`·. said:

Brian I dunno if this has been answered or not but I can't get my images to show up in the titles

What are you placing in the title area? Can you provide a link to a forum showing them currently not working?

[.·´¯`·->Kris<-·´¯`·.]

May 5, 2016 8:36:56 GMT -8 Brian said:

What are you placing in the title area? Can you provide a link to a forum showing them currently not working?

Here is the site hognewevil.proboards.com/ and here is one image that should show s20.postimg.cc/rxo4j4xnx/sbtemplate.gif

[Brian]

May 5, 2016 8:40:34 GMT -8 .·´¯`·->Kris<-·´¯`·. said:

May 5, 2016 8:36:56 GMT -8 Brian said:

What are you placing in the title area? Can you provide a link to a forum showing them currently not working?

Here is the site hognewevil.proboards.com/ and here is one image that should show s20.postimg.cc/rxo4j4xnx/sbtemplate.gif

I'm not seeing that image linked anywhere in your plugin's settings. What steps were you taking before to add it to your sidebar?

[.·´¯`·->Kris<-·´¯`·.]

May 5, 2016 8:48:17 GMT -8 Brian said:

May 5, 2016 8:40:34 GMT -8 .·´¯`·->Kris<-·´¯`·. said:

Here is the site hognewevil.proboards.com/ and here is one image that should show s20.postimg.cc/rxo4j4xnx/sbtemplate.gif

I'm not seeing that image linked anywhere in your plugin's settings. What steps were you taking before to add it to your sidebar?

I tried to add it in the title of the side bar title but no matter how I put it it didn't work. I just don't know what I am doing wrong -_-

[Brian]

May 5, 2016 8:51:52 GMT -8 .·´¯`·->Kris<-·´¯`·. said:

May 5, 2016 8:48:17 GMT -8 Brian said:

I'm not seeing that image linked anywhere in your plugin's settings. What steps were you taking before to add it to your sidebar?

I tried to add it in the title of the side bar title but no matter how I put it it didn't work. I just don't know what I am doing wrong -_-

Are you using HTML <img> tags to add it?

Example:

<img src="http://s20.postimg.cc/rxo4j4xnx/sbtemplate.gif">

[.·´¯`·->Kris<-·´¯`·.]

May 5, 2016 8:53:57 GMT -8 Brian said:

May 5, 2016 8:51:52 GMT -8 .·´¯`·->Kris<-·´¯`·. said:

I tried to add it in the title of the side bar title but no matter how I put it it didn't work. I just don't know what I am doing wrong -_-

Are you using HTML <img> tags to add it?

Example:

<img src="http://s20.postimg.cc/rxo4j4xnx/sbtemplate.gif">

I was forgetting the " XD

[Niamh]

As soon as I installed this plugin the Proboards footer all went off center. Is there an easy fix for this?

[Brian]

May 5, 2016 15:40:26 GMT -8 Niamh said:

As soon as I installed this plugin the Proboards footer all went off center. Is there an easy fix for this?

Can you provide a link to the forum in question?

[Niamh]

May 6, 2016 7:55:43 GMT -8 Brian said:

May 5, 2016 15:40:26 GMT -8 Niamh said:

As soon as I installed this plugin the Proboards footer all went off center. Is there an easy fix for this?

Can you provide a link to the forum in question?

dunes.boards.net/

I uninstalled the plugin yesterday and just reinstalled it so you can see. I haven't enabled the sidebars or edited anything in the plugin.

[Brian]

May 6, 2016 9:42:30 GMT -8 Niamh said:

May 6, 2016 7:55:43 GMT -8 Brian said:

Can you provide a link to the forum in question?

dunes.boards.net/

I uninstalled the plugin yesterday and just reinstalled it so you can see. I haven't enabled the sidebars or edited anything in the plugin.

This seems to be due to the $[footer] variable being inside of its own element in Themes > Layout Templates > Forum Wrapper. If the $[header] and $[footer] variables don't share the same parent element this will cause the HTML structure of the page to be incorrect when the sidebar plugin is added.

I would recommend removing the bits in red below if you wish to use this plugin on that theme.

<div id="footer">
    $[footer]
</div>

[Niamh]

May 6, 2016 9:47:51 GMT -8 Brian said:

This seems to be due to the $[footer] variable being inside of its own element in Themes > Layout Templates > Forum Wrapper. If the $[header] and $[footer] variables don't share the same parent element this will cause the HTML structure of the page to be incorrect when the sidebar plugin is added.

I would recommend removing the bits in red below if you wish to use this plugin on that theme.

<div id="footer">
    $[footer]
</div>

Hmm I tried that but it doesn't seem to have changed anything.

[Brian]

May 6, 2016 9:53:48 GMT -8 Niamh said:

May 6, 2016 9:47:51 GMT -8 Brian said:

This seems to be due to the $[footer] variable being inside of its own element in Themes > Layout Templates > Forum Wrapper. If the $[header] and $[footer] variables don't share the same parent element this will cause the HTML structure of the page to be incorrect when the sidebar plugin is added.

I would recommend removing the bits in red below if you wish to use this plugin on that theme.

Hmm I tried that but it doesn't seem to have changed anything.

At the very least it corrected any errors in the HTML structure.

The footer seems to have relied on that div element to center itself, but you can center it again by centering the footer tag itself by adding this to the bottom of Themes > Advanced Styles & CSS > Style Sheet.

footer { text-align: center; }

[Niamh]

May 6, 2016 9:58:16 GMT -8 Brian said:

At the very least it corrected any errors in the HTML structure.

The footer seems to have relied on that div element to center itself, but you can center it again by centering the footer tag itself by adding this to the bottom of Themes > Advanced Styles & CSS > Style Sheet.

footer { text-align: center; }

Ah that did the trick! Thank you very much.