Current date/time is August 16th 2018, 7:31 pm

Search found 3 matches for 23799c

Toolbar icons not working properly?

So you want on hover it to become from pink to #23799c with radial in effect?
If so I think you need to make the background of the image you're using to transparent.
by Rhino.Freak
on December 20th 2015, 2:58 pm
 
Search in: Scripts Problems Archives
Topic: Toolbar icons not working properly?
Replies: 12
Views: 779

Toolbar icons not working properly?

 
It's working!! Thank you so much!!
Can I bother you with the second question?
In addition, could a hover effect be added to them? http://ianlunn.github.io/Hover/ (Radial In - (#23799c))


Or I had better be satisfied with the result and give up on the hover effect? Very Happy
by Mimóza
on December 20th 2015, 2:49 pm
 
Search in: Scripts Problems Archives
Topic: Toolbar icons not working properly?
Replies: 12
Views: 779

Toolbar icons not working properly?

Hi... agian,
Geez, sorry for the flood of problems lately, but I'm such a noob.  
SO, I tried to change the toolbar icons, but as usually, I must have messed up something.
In the end, I changed so many things, they don't work and 2 icons can be seen for 1 button at the same time.  


Codes I use:
JS:

Code:
$(function() {
  var share = {
  
    text : 'Megosztás',
 
    buttons : {
      /* DEFAULT SHARE BUTTONS */
      fb : {
        enable : true,
 innerHTML : '<img src="http://illiweb.com/fa/pbucket.gif" />',
        title : 'Megosztás Facebookon'
      },
    
      twitter : {
        enable : true,
innerHTML : '<img src="http://illiweb.com/fa/pbucket.gif" />',
        title : 'Megosztás Twitteren'
      },
    
      gp : {
        enable : true,
innerHTML : '<img src="http://illiweb.com/fa/pbucket.gif" />',
        title : 'Megosztás Google Pluson'
      },
    
      mail : {
        enable : true,
innerHTML : '<img src="http://illiweb.com/fa/pbucket.gif" />',
        title : 'Elküldés E-mailben'
      },
    
      rss : {
        enable : true,
innerHTML : '<img src="http://illiweb.com/fa/pbucket.gif" />',
        title : 'View this forum\'s RSS feed'
      },
 
      /* START CUSTOM SHARE BUTTONS */
    
      /* extra share buttons */
      pinterest : {
        enable : true,
        innerHTML : '<img src="http://illiweb.com/fa/pbucket.gif" />',
        title : 'Megosztás Pinteresten',
      
        onclick : function(e) {
          var media = prompt('You\'re about to pin this page. Share an image ?');
        
          if (media == null) return false;
          else if (media == '') media = $('meta[property="og:image"]').attr('content') || '';
        
          window.open('http://pinterest.com/pin/create/button/?url=' + encodeURIComponent(window.location.href) + (media ? '&media=' + encodeURIComponent(media) : '') + '&description=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
          e.preventDefault();
        }
      },
    
      tumblr : {
        enable : false,
        innerHTML : '<img src="http://i21.servimg.com/u/f21/18/21/41/30/tumblr11.png" />',
        title : 'Megosztás Tumblren',
      
        onclick : function(e) {
          window.open('http://www.tumblr.com/share/link?url=' + encodeURIComponent(window.location.href), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
          e.preventDefault();
        }
      },
    
      reddit : {
        enable : true,
        innerHTML : '<img src="http://illiweb.com/fa/pbucket.gif" />',
        title : 'Megosztás Redditen',
      
        onclick : function(e) {
          window.open('http://www.reddit.com/submit?url=' + encodeURIComponent(window.location.href) + '&title=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
          e.preventDefault();
        }
      },
    
      /* misc buttons */
      print : {
        enable : false,
        innerHTML : '<img src="http://i21.servimg.com/u/f21/18/21/60/73/print11.png" />',
        title : 'Nyomtatás',
      
        onclick : function(e) {
          window.print();
          e.preventDefault();
        }
      },
    
      copy_url : {
        enable : false,
        innerHTML : '<img src="http://i21.servimg.com/u/f21/18/21/41/30/link10.png" />',
        title : 'Copy BBCode URL',
      
        onclick : function(e) {
          prompt('Copy the BBCode URL of this page ?', '[url=' + window.location.href + ']' + document.title + '[/url]');
          e.preventDefault();
        }
      },
    
      top : {
        enable : false,
        innerHTML : '<img src="http://i21.servimg.com/u/f21/18/21/41/30/top10.png" />',
        title : 'Top of the page',
        href : '#top'
      },
    
      bottom : {
        enable : false,
        innerHTML : '<img src="http://i21.servimg.com/u/f21/18/21/41/30/bottom11.png" />',
        title : 'Bottom of the page',
        href : '#bottom'
      }
      /* END CUSTOM SHARE BUTTONS*/
    }
  },
 
  newList = document.createElement('SPAN'),
  fa_share,
  fa_share_text,
  existingNode,
  newNode,
  i, k;
 
  $(function() {
    fa_share = document.getElementById('fa_share');
    fa_share_text = document.getElementById('fa_share_text');
    if (!fa_share) return;
  
    // apply new share text
    if (fa_share_text) fa_share_text.innerHTML = share.text + ' : ';
 
    // redefine share buttons
    for (i in share.buttons) {
      existingNode = document.getElementById('fa_' + i);
 
      // modify exisiting share buttons
      if (existingNode) {
        if (share.buttons[i].enable) {
          for (k in share.buttons[i]) if (k != 'enable') existingNode[k] = share.buttons[i][k];
          newList.appendChild(existingNode);
        }
        else existingNode.parentNode.removeChild(existingNode);
      }
    
      // create a new share button
      else if (share.buttons[i].enable) {
        newNode = document.createElement('A');
        newNode.id = 'fa_' + i;
      
        for (k in share.buttons[i]) if (k != 'enable') newNode[k] = share.buttons[i][k];
        if (!newNode.href) newNode.href = '#';
      
        newList.appendChild(newNode);
      }
 
    }
 
    fa_share.appendChild(newList);
  });
});





CSS:

Code:
#fa_pinterest {
  width:25px;
  height:25px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
}
#fa_fb {
  width:25px;
  height:25px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
}
#fa_twitter {
  width:25px;
  height:25px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
}
#fa_gp {
  width:25px;
  height:25px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
}
#fa_mail {
  width:25px;
  height:25px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
}
#fa_rss {
  width:25px;
  height:25px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
}
#fa_reddit {
  width:25px;
  height:25px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
}





Any tips to make them work properly?
In addition, could a hover effect be added to them? http://ianlunn.github.io/Hover/ (Radial In - (#23799c))

Thanks in advance!  
by Mimóza
on December 19th 2015, 12:43 pm
 
Search in: Scripts Problems Archives
Topic: Toolbar icons not working properly?
Replies: 12
Views: 779

Back to top

Jump to: