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.

Insert Icon with drop down menu in tool bar ( Punbb)

Go down

Insert Icon with drop down menu in tool bar ( Punbb) Empty Insert Icon with drop down menu in tool bar ( Punbb)

Post by la valle dell'eco February 7th 2015, 10:30 am

Technical Details


Forum version : PunBB
Position : Founder
Concerned browser(s) : Mozilla Firefox
Screenshot of problem : https://i.servimg.com/u/f38/16/68/87/84/tool10.png
Who the problem concerns : All members
When the problem appeared : Display problem: the disappearance of the images posted on the forum
Forum link : http://proveprovate.forumattivo.it/

Description of problem

Hello everyone,
I have a problem I can not solve it. I added two icons in the Toolbar: sends a message to the last one and contains a Drop Down Menu. Unfortunately when I insert the second, the one with the Drop Down Menu, all images posted on the forum by users disappear. How can I do? I attach the codes I used.


JAVA SCRIPT

Last post - on all pages

Code:
(function() {
      window.fmtabs = {
          add: function (name) {
            $('#fa_right').prepend('<div class="toolbar_name">' + name + '</div>');
          },
          list: function (name, html) {
                $('#fa_right').prepend('<div id="toolbar_list_name_' + name + '" class="toolbar_list_name">' + name + '</div><div id="toolbar_list_' + name.replace(/\s/g, '_') + '" class="toolbar_list">' + html + '</div>');
                $('#toolbar_list_name_' + name.replace(/\s/g, '_')).click(function() {
                  if (this.className == "toolbar_list_name") this.className += " active";
                  else this.className = "toolbar_list_name";
                  this.nextSibling.style.left = this.offsetLeft + 'px';
                  this.nextSibling.style.top = this.offsetHeight + 'px';
                  $(this.nextSibling).slideToggle();
                });
          }
      };
    })();
 

$(window).load(function() {
    fmtabs.add('<a href="/search?search_id=newposts"><img src="http://i38.servimg.com/u/f38/18/91/14/63/2hnew12.jpg"></a>');
});

Quick Navigation with drop down menu - on all pages

Code:
(function() {
              window.fmtabs = {
                  add: function (name) {
                    $('#fa_right').prepend('<div class="toolbar_name">' + name + '</div>');
                  },
                  list: function (name, html) {
                        $('#fa_right').prepend('<div id="toolbar_list_name_' + name + '" class="toolbar_list_name">' + name + '</div><div id="toolbar_list_' + name.replace(/\s/g, '_') + '" class="toolbar_list">' + html + '</div>');
                        $('#toolbar_list_name_' + name.replace(/\s/g, '_')).click(function() {
                          if (this.className == "toolbar_list_name") this.className += " active";
                          else this.className = "toolbar_list_name";
                          this.nextSibling.style.left = this.offsetLeft + 'px';
                          this.nextSibling.style.top = this.offsetHeight + 'px';
                          $(this.nextSibling).slideToggle();
                        });
                  }
              };
            })();
            $(window).load(function() {
                fmtabs.list('For', '<a href="/c7-il-ponte-di-cristallo-"><b>Il Ponte di Cristallo</b></a> Forum  off topic <br /><a href="/c1-tra-i-mondi-"><b>Tra i Mondi</b></a> Forum Sentimenti<br /><a href="/c4-terre-emerse-"><b>Terre Emerse</b> </a> Forum Tematici<br /><a href="/c5-orizzonti-"><b >Orizzonti</a></b> Forum Cultura<br/><a href="/f7-la-selva-oscura-"><b>La Selva Oscura</b></a> Flame Area<br /><a href="/f57-babel-s-land-"><b >Babel s Land</b></a> International Forum<br /> <a href="/c8-oltre-le-nebbie-"><b>Oltre le Nebbie</b></a> Bannatoio e Archivio');
            document.getElementById("http://i38.servimg.com/u/f38/18/91/14/63/1home10.png").innerHTML = "Testo";
            });


CSS

Code:
#fa_right .toolbar_list_name, #fa_right .toolbar_name {
    display: inline-block;
    line-height: 30px;
    background: url(http://i38.servimg.com/u/f38/18/91/14/63/1home12.png) no-repeat;
    padding: 2px 6px;
    background-position: center;
    color: transparent;
    }
    #fa_right .toolbar_list_name.active {
        color: #;
        border-left: 0px solid #000;
        border-right: 0px soli #000;
    }
    #fa_right .toolbar_list {
        display: none;
        position: absolute;
        list-style-type: none;
        margin: 0px;
        padding: 0px 10px;
        background-color: #FFFFFF;
        min-width: 200px;
        width: auto;
        border: 1px solid #333333;
        line-height: 30px;
        border-top: 0px solid #FFFFFF;
        z-index: 999;
        color: #000000 !important;
    }
    #fa_right .toolbar_list :link, #fa_right .toolbar_list :visited {
        color: #00569C !important;
    }


la valle dell'eco
la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

Insert Icon with drop down menu in tool bar ( Punbb) Empty Re: Insert Icon with drop down menu in tool bar ( Punbb)

Post by la valle dell'eco February 16th 2015, 1:51 pm

No idea? Neutral
la valle dell'eco
la valle dell'eco
Forumember

Female Posts : 103
Reputation : 2
Language : Italian/English

http://www.lavalledelleco.net/

Back to top Go down

Back to top

- Similar topics

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