|
Replies:
|
|
DaPizzaMan
|
Mar 6 2014, 06:34 PM
Post #16
|
#TeamSupport
- Posts:
- 5,109
- Group:
- Support Team
- Member
- #386,619
- Joined:
- September 28, 2010
- I'm Browsing With
- Safari · Chrome
- My Board URL
- http://s4.zetaboards.com/zbThemes/index/
|
Note to Ferby, it would be easier for him if you simply modified the code to add the following to the `dd`: - Code:
-
overflow:scroll;
|
|
|
| |
|
Ferby
|
Mar 6 2014, 07:02 PM
Post #17
|
- Posts:
- 1,604
- Group:
- Members
- Member
- #391,527
- Joined:
- January 14, 2012
|
- DaPizzaMan
- Mar 6 2014, 06:34 PM
Note to Ferby, it would be easier for him if you simply modified the code to add the following to the `dd`: - Code:
-
overflow:scroll;
That's what I was trying to avoid because it adds the scrollbar even if it doesn't need it, making it look uglier but yes that should work.
|
|
|
| |
|
Kankuro
|
Mar 6 2014, 07:04 PM
Post #18
|
- Posts:
- 1,092
- Group:
- Members
- Member
- #608,916
- Joined:
- May 25, 2013
- I'm Browsing With
- Chrome
- My Board URL
- http://gamesandanime.net/index/
- Latest Design
- http://if.invisionfree.com/topic/5195959/
|
- Ferby
- Mar 6 2014, 07:02 PM
- DaPizzaMan
- Mar 6 2014, 06:34 PM
Note to Ferby, it would be easier for him if you simply modified the code to add the following to the `dd`: - Code:
-
overflow:scroll;
That's what I was trying to avoid because it adds the scrollbar even if it doesn't need it, making it look uglier but yes that should work. I would highly prefer it not to show if it isn't needed. However if it can be set to match the theme I wouldn't mind, but I doubt that is possible since the shoutbox's scroll bar doesn't match themes. Also, could you make it display on the member's profile as well?
Edited by Kankuro, Mar 6 2014, 07:55 PM.
|
|
|
| |
|
Ferby
|
Mar 7 2014, 06:50 AM
Post #19
|
- Posts:
- 1,604
- Group:
- Members
- Member
- #391,527
- Joined:
- January 14, 2012
|
As much as I would love to help kankuro865, I've got a lot on my plate to do so I'm not able to keep tailouring the script but any other coder is free to. Sorry I can't help
|
|
|
| |
|
Kankuro
|
Mar 7 2014, 01:53 PM
Post #20
|
- Posts:
- 1,092
- Group:
- Members
- Member
- #608,916
- Joined:
- May 25, 2013
- I'm Browsing With
- Chrome
- My Board URL
- http://gamesandanime.net/index/
- Latest Design
- http://if.invisionfree.com/topic/5195959/
|
- Ferby
- Mar 7 2014, 06:50 AM
As much as I would love to help kankuro865, I've got a lot on my plate to do so I'm not able to keep tailouring the script but any other coder is free to. Sorry I can't help  No problem.
|
|
|
| |
|
DaPizzaMan
|
Mar 7 2014, 06:08 PM
Post #21
|
#TeamSupport
- Posts:
- 5,109
- Group:
- Support Team
- Member
- #386,619
- Joined:
- September 28, 2010
- I'm Browsing With
- Safari · Chrome
- My Board URL
- http://s4.zetaboards.com/zbThemes/index/
|
- kankuro865
- Mar 6 2014, 07:04 PM
- Ferby
- Mar 6 2014, 07:02 PM
- DaPizzaMan
- Mar 6 2014, 06:34 PM
Note to Ferby, it would be easier for him if you simply modified the code to add the following to the `dd`: - Code:
-
overflow:scroll;
That's what I was trying to avoid because it adds the scrollbar even if it doesn't need it, making it look uglier but yes that should work.
I would highly prefer it not to show if it isn't needed. However if it can be set to match the theme I wouldn't mind, but I doubt that is possible since the shoutbox's scroll bar doesn't match themes.
Also, could you make it display on the member's profile as well? I don't think it does add a scrollbar unless necessary. But when it does add it, no it can't be modified unless you use some code from online.
Replace the code in the first <script> tag with the following (this is for adding the badges to the profile): - Code:
-
function addBadge(uid, name, desc, image, date) { var sysName = "Badges"; if ((location.href.indexOf('/topic/') || location.href.indexOf('/single/')) !== -1) { $("td.c_username a[href*=/" + uid + "/]").parent().parent().next().find('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "'></dd>"); } else if (location.href.indexOf('/profile/' + uid) !== -1) { $('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "'></dd>"); }
$("dl.user_info dd[name=badge-" + uid + "]").prepend("<a href='#' onmousedown=\"badgePopup('" + name + "','" + desc + "','" + image + "','" + date + "')\"><img src='" + image + "' alt='Badge' style='height:20px;width:20px' /></a>"); }
function badgePopup(n, d, img, da) { $("body").append("<div class='FpopupBG'><div class='Fpopup'><table><tr><th colspan='2' style='text-align:center'>" + n + "</th></tr><tr><td colspan='2' style='text-align:center'><img src='" + img + "' style='max-height:200px;max-width:200px' /></td></tr><tr><td>Name:</td><td>" + n + "</td></tr><tr><td>Description:</td><td>" + d + "</td></tr><tr><td>Date:</td><td>" + da + "</td></tr><tr><td colspan='2' style='text-align:center;'><a href='#' onmousedown='closeBadgePopup()'>Close</a></td></tr></table></div></div>"); }
function closeBadgePopup() { $(".FpopupBG, .Fpopup").remove(); }
|
|
|
| |
|
Kankuro
|
Mar 7 2014, 06:17 PM
Post #22
|
- Posts:
- 1,092
- Group:
- Members
- Member
- #608,916
- Joined:
- May 25, 2013
- I'm Browsing With
- Chrome
- My Board URL
- http://gamesandanime.net/index/
- Latest Design
- http://if.invisionfree.com/topic/5195959/
|
- DaPizzaMan
- Mar 7 2014, 06:08 PM
- kankuro865
- Mar 6 2014, 07:04 PM
- Ferby
- Mar 6 2014, 07:02 PM
- DaPizzaMan
- Mar 6 2014, 06:34 PM
Note to Ferby, it would be easier for him if you simply modified the code to add the following to the `dd`: - Code:
-
overflow:scroll;
That's what I was trying to avoid because it adds the scrollbar even if it doesn't need it, making it look uglier but yes that should work.
I would highly prefer it not to show if it isn't needed. However if it can be set to match the theme I wouldn't mind, but I doubt that is possible since the shoutbox's scroll bar doesn't match themes.
Also, could you make it display on the member's profile as well?
I don't think it does add a scrollbar unless necessary. But when it does add it, no it can't be modified unless you use some code from online. Replace the code in the first <script> tag with the following (this is for adding the badges to the profile): - Code:
-
function addBadge(uid, name, desc, image, date) { var sysName = "Badges"; if ((location.href.indexOf('/topic/') || location.href.indexOf('/single/')) !== -1) { $("td.c_username a[href*=/" + uid + "/]").parent().parent().next().find('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "'></dd>"); } else if (location.href.indexOf('/profile/' + uid) !== -1) { $('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "'></dd>"); }
$("dl.user_info dd[name=badge-" + uid + "]").prepend("<a href='#' onmousedown=\"badgePopup('" + name + "','" + desc + "','" + image + "','" + date + "')\"><img src='" + image + "' alt='Badge' style='height:20px;width:20px' /></a>"); }
function badgePopup(n, d, img, da) { $("body").append("<div class='FpopupBG'><div class='Fpopup'><table><tr><th colspan='2' style='text-align:center'>" + n + "</th></tr><tr><td colspan='2' style='text-align:center'><img src='" + img + "' style='max-height:200px;max-width:200px' /></td></tr><tr><td>Name:</td><td>" + n + "</td></tr><tr><td>Description:</td><td>" + d + "</td></tr><tr><td>Date:</td><td>" + da + "</td></tr><tr><td colspan='2' style='text-align:center;'><a href='#' onmousedown='closeBadgePopup()'>Close</a></td></tr></table></div></div>"); }
function closeBadgePopup() { $(".FpopupBG, .Fpopup").remove(); }
Holy crap lol

- Code:
-
<script type="text/javascript"> function addBadge(uid, name, desc, image, date) { var sysName = "Badges"; if ((location.href.indexOf('/topic/') || location.href.indexOf('/single/')) !== -1) { $("td.c_username a[href*=/" + uid + "/]").parent().parent().next().find('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "'></dd>"); } else if (location.href.indexOf('/profile/' + uid) !== -1) { $('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "'></dd>"); }
$("dl.user_info dd[name=badge-" + uid + "]").prepend("<a href='#' onmousedown=\"badgePopup('" + name + "','" + desc + "','" + image + "','" + date + "')\"><img src='" + image + "' alt='Badge' style='height:20px;width:20px' /></a>"); }
function badgePopup(n, d, img, da) { $("body").append("<div class='FpopupBG'><div class='Fpopup'><table><tr><th colspan='2' style='text-align:center'>" + n + "</th></tr><tr><td colspan='2' style='text-align:center'><img src='" + img + "' style='max-height:200px;max-width:200px' /></td></tr><tr><td>Name:</td><td>" + n + "</td></tr><tr><td>Description:</td><td>" + d + "</td></tr><tr><td>Date:</td><td>" + da + "</td></tr><tr><td colspan='2' style='text-align:center;'><a href='#' onmousedown='closeBadgePopup()'>Close</a></td></tr></table></div></div>"); }
function closeBadgePopup() { $(".FpopupBG, .Fpopup").remove(); } </script> <script type="text/javascript"> addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); addBadge(3793724,"Test","Testing","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); </script>
|
|
|
| |
|
DaPizzaMan
|
Mar 7 2014, 06:24 PM
Post #23
|
#TeamSupport
- Posts:
- 5,109
- Group:
- Support Team
- Member
- #386,619
- Joined:
- September 28, 2010
- I'm Browsing With
- Safari · Chrome
- My Board URL
- http://s4.zetaboards.com/zbThemes/index/
|
My mistake, I removed a check that Ferby made. Once again, replace the content of the first <script> tag: - Code:
-
function addBadge(uid, name, desc, image, date) { var sysName = "Badges"; if ($('dl.user_info:nth-of-type(1) dd[name="badge-' + uid + '"]').length === 0) { if ((location.href.indexOf('/topic/') || location.href.indexOf('/single/')) !== -1) { $("td.c_username a[href*=/" + uid + "/]").parent().parent().next().find('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "'></dd>"); } else if (location.href.indexOf('/profile/' + uid) !== -1) { $('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "'></dd>"); } } $("dl.user_info dd[name=badge-" + uid + "]").prepend("<a href='#' onmousedown=\"badgePopup('" + name + "','" + desc + "','" + image + "','" + date + "')\"><img src='" + image + "' alt='Badge' style='height:20px;width:20px' /></a>"); }
function badgePopup(n, d, img, da) { $("body").append("<div class='FpopupBG'><div class='Fpopup'><table><tr><th colspan='2' style='text-align:center'>" + n + "</th></tr><tr><td colspan='2' style='text-align:center'><img src='" + img + "' style='max-height:200px;max-width:200px' /></td></tr><tr><td>Name:</td><td>" + n + "</td></tr><tr><td>Description:</td><td>" + d + "</td></tr><tr><td>Date:</td><td>" + da + "</td></tr><tr><td colspan='2' style='text-align:center;'><a href='#' onmousedown='closeBadgePopup()'>Close</a></td></tr></table></div></div>"); }
function closeBadgePopup() { $(".FpopupBG, .Fpopup").remove(); }
And why exactly do you have the same award being given to the same user so many times?
|
|
|
| |
|
Kankuro
|
Mar 7 2014, 06:26 PM
Post #24
|
- Posts:
- 1,092
- Group:
- Members
- Member
- #608,916
- Joined:
- May 25, 2013
- I'm Browsing With
- Chrome
- My Board URL
- http://gamesandanime.net/index/
- Latest Design
- http://if.invisionfree.com/topic/5195959/
|
- DaPizzaMan
- Mar 7 2014, 06:24 PM
My mistake, I removed a check that Ferby made. Once again, replace the content of the first <script> tag: - Code:
-
function addBadge(uid, name, desc, image, date) { var sysName = "Badges"; if ($('dl.user_info:nth-of-type(1) dd[name="badge-' + uid + '"]').length === 0) { if ((location.href.indexOf('/topic/') || location.href.indexOf('/single/')) !== -1) { $("td.c_username a[href*=/" + uid + "/]").parent().parent().next().find('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "'></dd>"); } else if (location.href.indexOf('/profile/' + uid) !== -1) { $('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "'></dd>"); } } $("dl.user_info dd[name=badge-" + uid + "]").prepend("<a href='#' onmousedown=\"badgePopup('" + name + "','" + desc + "','" + image + "','" + date + "')\"><img src='" + image + "' alt='Badge' style='height:20px;width:20px' /></a>"); }
function badgePopup(n, d, img, da) { $("body").append("<div class='FpopupBG'><div class='Fpopup'><table><tr><th colspan='2' style='text-align:center'>" + n + "</th></tr><tr><td colspan='2' style='text-align:center'><img src='" + img + "' style='max-height:200px;max-width:200px' /></td></tr><tr><td>Name:</td><td>" + n + "</td></tr><tr><td>Description:</td><td>" + d + "</td></tr><tr><td>Date:</td><td>" + da + "</td></tr><tr><td colspan='2' style='text-align:center;'><a href='#' onmousedown='closeBadgePopup()'>Close</a></td></tr></table></div></div>"); }
function closeBadgePopup() { $(".FpopupBG, .Fpopup").remove(); }
And why exactly do you have the same award being given to the same user so many times? To test the scroll feature.
Also is the var maxheight = "40px"; not needed?[/i] It doesn't produce a scroll box
Edited by Kankuro, Mar 7 2014, 06:28 PM.
|
|
|
| |
|
DaPizzaMan
|
Mar 7 2014, 06:29 PM
Post #25
|
#TeamSupport
- Posts:
- 5,109
- Group:
- Support Team
- Member
- #386,619
- Joined:
- September 28, 2010
- I'm Browsing With
- Safari · Chrome
- My Board URL
- http://s4.zetaboards.com/zbThemes/index/
|
- kankuro865
- Mar 7 2014, 06:26 PM
Also is the var maxheight = "40px"; not needed?[/i]
It doesn't produce a scroll box  Yes, do add that in. I took the code from the opening post rather than the post later on. Do you have a Mac?
|
|
|
| |
|
Kankuro
|
Mar 7 2014, 06:30 PM
Post #26
|
- Posts:
- 1,092
- Group:
- Members
- Member
- #608,916
- Joined:
- May 25, 2013
- I'm Browsing With
- Chrome
- My Board URL
- http://gamesandanime.net/index/
- Latest Design
- http://if.invisionfree.com/topic/5195959/
|
- DaPizzaMan
- Mar 7 2014, 06:29 PM
- kankuro865
- Mar 7 2014, 06:26 PM
Also is the var maxheight = "40px"; not needed?[/i]
It doesn't produce a scroll box 
Yes, do add that in. I took the code from the opening post rather than the post later on. Do you have a Mac? Nope, PC.
And I added it but still no scroll box. Had the same result as the above screenshot.
|
|
|
| |
|
DaPizzaMan
|
Mar 8 2014, 04:10 PM
Post #27
|
#TeamSupport
- Posts:
- 5,109
- Group:
- Support Team
- Member
- #386,619
- Joined:
- September 28, 2010
- I'm Browsing With
- Safari · Chrome
- My Board URL
- http://s4.zetaboards.com/zbThemes/index/
|
- Code:
-
function addBadge(uid, name, desc, image, date) { var sysName = "Badges", maxHeight = "40px"; if ($('dl.user_info:nth-of-type(1) dd[name="badge-' + uid + '"]').length === 0) { if ((location.href.indexOf('/topic/') || location.href.indexOf('/single/')) !== -1) { $("td.c_username a[href*=/" + uid + "/]").parent().parent().next().find('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "' style='max-height:" + maxHeight + "; overflow:auto;'></dd>"); } else if (location.href.indexOf('/profile/' + uid) !== -1) { $('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "' style='max-height:" + maxHeight + "; overflow:auto;'></dd>"); } } $("dl.user_info dd[name=badge-" + uid + "]").prepend("<a href='#' onmousedown=\"badgePopup('" + name + "','" + desc + "','" + image + "','" + date + "')\"><img src='" + image + "' alt='Badge' style='height:20px;width:20px' /></a>"); }
function badgePopup(n, d, img, da) { $("body").append("<div class='FpopupBG'><div class='Fpopup'><table><tr><th colspan='2' style='text-align:center'>" + n + "</th></tr><tr><td colspan='2' style='text-align:center'><img src='" + img + "' style='max-height:200px;max-width:200px' /></td></tr><tr><td>Name:</td><td>" + n + "</td></tr><tr><td>Description:</td><td>" + d + "</td></tr><tr><td>Date:</td><td>" + da + "</td></tr><tr><td colspan='2' style='text-align:center;'><a href='#' onmousedown='closeBadgePopup()'>Close</a></td></tr></table></div></div>"); }
function closeBadgePopup() { $(".FpopupBG, .Fpopup").remove(); } There you go.
|
|
|
| |
|
Kankuro
|
Mar 8 2014, 04:56 PM
Post #28
|
- Posts:
- 1,092
- Group:
- Members
- Member
- #608,916
- Joined:
- May 25, 2013
- I'm Browsing With
- Chrome
- My Board URL
- http://gamesandanime.net/index/
- Latest Design
- http://if.invisionfree.com/topic/5195959/
|
- DaPizzaMan
- Mar 8 2014, 04:10 PM
- Code:
-
function addBadge(uid, name, desc, image, date) { var sysName = "Badges", maxHeight = "40px"; if ($('dl.user_info:nth-of-type(1) dd[name="badge-' + uid + '"]').length === 0) { if ((location.href.indexOf('/topic/') || location.href.indexOf('/single/')) !== -1) { $("td.c_username a[href*=/" + uid + "/]").parent().parent().next().find('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "' style='max-height:" + maxHeight + "; overflow:auto;'></dd>"); } else if (location.href.indexOf('/profile/' + uid) !== -1) { $('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "' style='max-height:" + maxHeight + "; overflow:auto;'></dd>"); } } $("dl.user_info dd[name=badge-" + uid + "]").prepend("<a href='#' onmousedown=\"badgePopup('" + name + "','" + desc + "','" + image + "','" + date + "')\"><img src='" + image + "' alt='Badge' style='height:20px;width:20px' /></a>"); }
function badgePopup(n, d, img, da) { $("body").append("<div class='FpopupBG'><div class='Fpopup'><table><tr><th colspan='2' style='text-align:center'>" + n + "</th></tr><tr><td colspan='2' style='text-align:center'><img src='" + img + "' style='max-height:200px;max-width:200px' /></td></tr><tr><td>Name:</td><td>" + n + "</td></tr><tr><td>Description:</td><td>" + d + "</td></tr><tr><td>Date:</td><td>" + da + "</td></tr><tr><td colspan='2' style='text-align:center;'><a href='#' onmousedown='closeBadgePopup()'>Close</a></td></tr></table></div></div>"); }
function closeBadgePopup() { $(".FpopupBG, .Fpopup").remove(); }
There you go. This is exactly how I wanted it  Thank you so much <3
1 final question though, would it be possible to add css to style the scroll bar? I can easily make icons for it, just need to know if it's possible to style it or not. (Shoutbox scroll bar too)
|
|
|
| |
|
DaPizzaMan
|
Mar 8 2014, 04:57 PM
Post #29
|
#TeamSupport
- Posts:
- 5,109
- Group:
- Support Team
- Member
- #386,619
- Joined:
- September 28, 2010
- I'm Browsing With
- Safari · Chrome
- My Board URL
- http://s4.zetaboards.com/zbThemes/index/
|
- kankuro865
- Mar 8 2014, 04:56 PM
1 final question though, would it be possible to add css to style the scroll bar? I can easily make icons for it, just need to know if it's possible to style it or not. (Shoutbox scroll bar too) That's a bit off topic. PM me.
|
|
|
| |
|
Kankuro
|
Mar 8 2014, 06:32 PM
Post #30
|
- Posts:
- 1,092
- Group:
- Members
- Member
- #608,916
- Joined:
- May 25, 2013
- I'm Browsing With
- Chrome
- My Board URL
- http://gamesandanime.net/index/
- Latest Design
- http://if.invisionfree.com/topic/5195959/
|
- DaPizzaMan
- Mar 8 2014, 04:57 PM
- kankuro865
- Mar 8 2014, 04:56 PM
1 final question though, would it be possible to add css to style the scroll bar? I can easily make icons for it, just need to know if it's possible to style it or not. (Shoutbox scroll bar too)
That's a bit off topic. PM me. I should have tested it before I said it was complete.
The scroll box appears but now the name isn't displayed when you hover and the whole pop up feature isn't working at all.
If you wish to test it go here and go to any thread "Kankuro" posted in and I have an award there.
- Code:
-
<script type="text/javascript"> function addBadge(uid, name, desc, image, date) { var sysName = "Badges", maxHeight = "40px"; if ($('dl.user_info:nth-of-type(1) dd[name="badge-' + uid + '"]').length === 0) { if ((location.href.indexOf('/topic/') || location.href.indexOf('/single/')) !== -1) { $("td.c_username a[href*=/" + uid + "/]").parent().parent().next().find('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "' style='max-height:" + maxHeight + "; overflow:auto;'></dd>"); } else if (location.href.indexOf('/profile/' + uid) !== -1) { $('dl.user_info:nth-of-type(1)').append("<dt>" + sysName + ":</dt><dd name='badge-" + uid + "' style='max-height:" + maxHeight + "; overflow:auto;'></dd>"); } } $("dl.user_info dd[name=badge-" + uid + "]").prepend("<a href='#' onmousedown=\"badgePopup('" + name + "','" + desc + "','" + image + "','" + date + "')\"><img src='" + image + "' alt='Badge' style='height:20px;width:20px' /></a>"); } function badgePopup(n, d, img, da) { $("body").append("<div class='FpopupBG'><div class='Fpopup'><table><tr><th colspan='2' style='text-align:center'>" + n + "</th></tr><tr><td colspan='2' style='text-align:center'><img src='" + img + "' style='max-height:200px;max-width:200px' /></td></tr><tr><td>Name:</td><td>" + n + "</td></tr><tr><td>Description:</td><td>" + d + "</td></tr><tr><td>Date:</td><td>" + da + "</td></tr><tr><td colspan='2' style='text-align:center;'><a href='#' onmousedown='closeBadgePopup()'>Close</a></td></tr></table></div></div>"); } function closeBadgePopup() { $(".FpopupBG, .Fpopup").remove(); } </script>
<script type="text/javascript"> addBadge(3793724,"Award's Name Here","Description Goes Here","http://z5.ifrm.com/30294/18/0/f5260827/Nav.png","0/0/00"); </script>
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|