HomeCurrent date/time is April 19th 2024, 2:15 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.
- on December 20th 2015, 2:58 pm
- Search in: Scripts Problems Archives
- Topic: Toolbar icons not working properly?
- Replies: 12
- Views: 1367
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?
- on December 20th 2015, 2:49 pm
- Search in: Scripts Problems Archives
- Topic: Toolbar icons not working properly?
- Replies: 12
- Views: 1367
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://i1370.photobucket.com/albums/ag257/AppleDrink/fbi_1.png" />',
title : 'Megosztás Facebookon'
},
twitter : {
enable : true,
innerHTML : '<img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/twiti_1.png" />',
title : 'Megosztás Twitteren'
},
gp : {
enable : true,
innerHTML : '<img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/gpu_1.png" />',
title : 'Megosztás Google Pluson'
},
mail : {
enable : true,
innerHTML : '<img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/emil_1.png" />',
title : 'Elküldés E-mailben'
},
rss : {
enable : true,
innerHTML : '<img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/rss_1.png" />',
title : 'View this forum\'s RSS feed'
},
/* START CUSTOM SHARE BUTTONS */
/* extra share buttons */
pinterest : {
enable : true,
innerHTML : '<img src="http://i1370.photobucket.com/albums/ag257/AppleDrink/pinte_1.png" />',
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://i1370.photobucket.com/albums/ag257/AppleDrink/redi_1.png" />',
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://i1370.photobucket.com/albums/ag257/AppleDrink/pinte_1.png');
}
#fa_fb {
width:25px;
height:25px;
background-image:url('http://i1370.photobucket.com/albums/ag257/AppleDrink/fbi_1.png');
}
#fa_twitter {
width:25px;
height:25px;
background-image:url('http://i1370.photobucket.com/albums/ag257/AppleDrink/twiti_1.png');
}
#fa_gp {
width:25px;
height:25px;
background-image:url('http://i1370.photobucket.com/albums/ag257/AppleDrink/gpu_1.png');
}
#fa_mail {
width:25px;
height:25px;
background-image:url('http://i1370.photobucket.com/albums/ag257/AppleDrink/emil_1.png');
}
#fa_rss {
width:25px;
height:25px;
background-image:url('http://i1370.photobucket.com/albums/ag257/AppleDrink/rss_1.png');
}
#fa_reddit {
width:25px;
height:25px;
background-image:url('http://i1370.photobucket.com/albums/ag257/AppleDrink/redi_1.png');
}
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!
- on December 19th 2015, 12:43 pm
- Search in: Scripts Problems Archives
- Topic: Toolbar icons not working properly?
- Replies: 12
- Views: 1367
Facebook
Twitter
Pinterest
Youtube
