This is a Hitskin.com skin preview
Install the skin • Return to the skin page
5 posters
forum link back ground
KCUF- Forumember
- Posts : 151
Reputation : 2
Language : english
- Post n°1
forum link back ground
how do i do the forums links back grounds
Sanket- ForumGuru
Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
- Post n°2
Re: forum link back ground
You need to explain more about your problem.
KCUF- Forumember
- Posts : 151
Reputation : 2
Language : english
- Post n°3
Re: forum link back ground
i forgot sorry i mean is there a way to make the forum links like i have my forum name ally codes and is there a way to do this :
a[href="/u34"]{
text-decoration: none !important;
text-shadow: 0 0 0.2em cyan, 0 0 0.2em cyan, 0 0 0.2em white;
background-image:url(https://i.servimg.com/u/f43/16/83/10/33/63536010.gif);}
for forums?
a[href="/u34"]{
text-decoration: none !important;
text-shadow: 0 0 0.2em cyan, 0 0 0.2em cyan, 0 0 0.2em white;
background-image:url(https://i.servimg.com/u/f43/16/83/10/33/63536010.gif);}
for forums?
Sanket- ForumGuru
Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
- Post n°4
Re: forum link back ground
Considering you are using phpbb2 as mentioned in your profile.
Add this code to your css.
Add this code to your css.
- Code:
a.forumlink:link{
text-decoration: none !important;
text-shadow: 0 0 0.2em cyan, 0 0 0.2em cyan, 0 0 0.2em white;
background-image:url(http://i43.servimg.com/u/f43/16/83/10/33/63536010.gif);
}
KCUF- Forumember
- Posts : 151
Reputation : 2
Language : english
- Post n°5
Re: forum link back ground
one more thing is there anyway to make the forum links like move side to side ?? and that code isnt working
Last edited by KCUF on September 20th 2012, 10:14 pm; edited 1 time in total
Sanket- ForumGuru
Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
- Post n°6
Re: forum link back ground
How are they now? Forum URL?
darkgoku- Forumember
- Posts : 340
Reputation : 3
Language : English
- Post n°7
Re: forum link back ground
yes there is a code if i can remember correctly or a module
KCUF- Forumember
- Posts : 151
Reputation : 2
Language : english
- Post n°8
Re: forum link back ground
http://greenxclan.forumotion.com this is my site link go there and look and my name on there it has the animations behind the names i want my forum links like that
Sanket- ForumGuru
Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
- Post n°9
Re: forum link back ground
Just use this code instead.
- Code:
a.forumlink:link{
-moz-text-blink: none !important;
-moz-text-decoration-color: -moz-use-text-color !important;
-moz-text-decoration-line: none !important;
-moz-text-decoration-style: solid !important;
background-image: url("http://i43.servimg.com/u/f43/16/83/10/33/63536010.gif");
text-shadow: 0 0 0.2em cyan, 0 0 0.2em cyan, 0 0 0.2em #FFFFFF;
}
KCUF- Forumember
- Posts : 151
Reputation : 2
Language : english
- Post n°10
Re: forum link back ground
okay it worked thanks and would this be a java script to make to script link move like side to side like the scroll txt announcement but make it go right to left ?
Sanket- ForumGuru
Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
- Post n°11
Re: forum link back ground
The codes i gave you are the css. Its not javascript. What do you want to do exactly?
KCUF- Forumember
- Posts : 151
Reputation : 2
Language : english
- Post n°12
Re: forum link back ground
like the main categories forum name move like right to left the word shifts to left for 5 sec and shifts back to left 5 seconds
Last edited by KCUF on September 22nd 2012, 2:59 am; edited 1 time in total (Reason for editing : forgot something)
DarkGlow- Forumember
Posts : 629
Reputation : 92
Language : English | Hebrew | Arabic
Location : Israel
- Post n°13
Re: forum link back ground
Ugh, I could of gotten you wrong, but I doubt that's possible. ![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
KCUF- Forumember
- Posts : 151
Reputation : 2
Language : english
- Post n°14
Re: forum link back ground
if it is possible it would be a java script tho not a css
nextlevelgaming- Forumember
Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York
- Post n°15
Re: forum link back ground
Are you trying to make it like a marquee? KCUF... or you could use this jQuery, very easy bank of variables and function.
create a new js file with this code in it and mark it ALL PAGES
Let me know how it works, seems cool for a site.
- Code:
$(document).ready(function() {
$("a").hover(function () {
$(this).effect("shake", { times:4 }, 600);
});
});
create a new js file with this code in it and mark it ALL PAGES
Let me know how it works, seems cool for a site.
KCUF- Forumember
- Posts : 151
Reputation : 2
Language : english
- Post n°16
Re: forum link back ground
i made a new java script file and pasted that code that u gave me nextlevelgaming and it didnt work for my categories names
nextlevelgaming- Forumember
Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York
- Post n°17
Re: forum link back ground
Here is a code that does work, now I just have to figure out why it is not working. Maybe LG can help you, or ill try again tomorrow.
The code working,
http://jsfiddle.net/zP4sy/
EDIT: Just check FF and it is working, it just seems to be not working for IE for some reason???
EDIT:Just added to your site, nothing occurs, I have it on mine, and it is working. www.pimpkings.com
- Code:
// #############################################
(function($) {
$(document).ready(function() {
window.pulse_image = null;
window.pulse_continue_loop = false;
$('a').mouseover(function() {
// User is hovering over the image.
window.pulse_continue_loop = true;
window.pulse_image = $(this);
PulseAnimation(); // start the loop
}).mouseout(function() {
window.pulse_continue_loop = false;
window.pulse_image.stop();
window.pulse_image.css('opacity',1);
});
});
})(jQuery);
// #############################################
function PulseAnimation()
{
var minOpacity = .33;
var fadeOutDuration = 100;
var fadeInDuration = 100;
window.pulse_image.animate({
opacity: minOpacity
}, fadeOutDuration, function() {
window.pulse_image.animate({
opacity: 1
}, fadeInDuration, function() {
if(window.pulse_continue_loop) {
PulseAnimation();
}
})
});
}
The code working,
http://jsfiddle.net/zP4sy/
EDIT: Just check FF and it is working, it just seems to be not working for IE for some reason???
EDIT:Just added to your site, nothing occurs, I have it on mine, and it is working. www.pimpkings.com
KCUF- Forumember
- Posts : 151
Reputation : 2
Language : english
- Post n°18
Re: forum link back ground
well i just added this code to my site that u said that is working it isnt working on my site idk y tho
nextlevelgaming- Forumember
Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York
- Post n°19
Re: forum link back ground
I believe that since you already have a js file on your links and what note that it will not work. I'm sorry to state this. It was working on my site, I deleted it because i don't like it to much. So you won't see it anymore. So honestly, i believe you'll have to pick or chose which one you want.