The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

forum link back ground

View previous topic View next topic Go down

forum link back ground

Post by KCUF on September 20th 2012, 8:05 am

how do i do the forums links back grounds

KCUF
Forumember

Posts : 151
Reputation : 2
Language : english

Back to top Go down

Re: forum link back ground

Post by Sanket on September 20th 2012, 10:29 am

You need to explain more about your problem.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: forum link back ground

Post by KCUF on September 20th 2012, 9:28 pm

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://i43.servimg.com/u/f43/16/83/10/33/63536010.gif);}

for forums?

KCUF
Forumember

Posts : 151
Reputation : 2
Language : english

Back to top Go down

Re: forum link back ground

Post by Sanket on September 20th 2012, 9:56 pm

Considering you are using phpbb2 as mentioned in your profile.

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);
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: forum link back ground

Post by KCUF on September 20th 2012, 10:09 pm

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

KCUF
Forumember

Posts : 151
Reputation : 2
Language : english

Back to top Go down

Re: forum link back ground

Post by Sanket on September 20th 2012, 10:11 pm

How are they now? Forum URL?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: forum link back ground

Post by darkgoku on September 20th 2012, 10:14 pm

yes there is a code if i can remember correctly or a module

darkgoku
Forumember

Posts : 340
Reputation : 3
Language : English

Back to top Go down

Re: forum link back ground

Post by KCUF on September 20th 2012, 10:17 pm

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

KCUF
Forumember

Posts : 151
Reputation : 2
Language : english

Back to top Go down

Re: forum link back ground

Post by Sanket on September 20th 2012, 10:22 pm

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;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: forum link back ground

Post by KCUF on September 20th 2012, 11:13 pm

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 ?

KCUF
Forumember

Posts : 151
Reputation : 2
Language : english

Back to top Go down

Re: forum link back ground

Post by Sanket on September 21st 2012, 5:29 am

The codes i gave you are the css. Its not javascript. What do you want to do exactly?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: forum link back ground

Post by KCUF on September 22nd 2012, 2:44 am

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)

KCUF
Forumember

Posts : 151
Reputation : 2
Language : english

Back to top Go down

Re: forum link back ground

Post by DarkGlow on September 22nd 2012, 3:40 am

Ugh, I could of gotten you wrong, but I doubt that's possible. Wink

DarkGlow
Forumember

Male Posts : 629
Reputation : 92
Language : English | Hebrew | Arabic
Location : Israel

Back to top Go down

Re: forum link back ground

Post by KCUF on September 22nd 2012, 4:12 am

if it is possible it would be a java script tho not a css

KCUF
Forumember

Posts : 151
Reputation : 2
Language : english

Back to top Go down

Re: forum link back ground

Post by nextlevelgaming on September 22nd 2012, 5:09 am

Are you trying to make it like a marquee? KCUF... or you could use this jQuery, very easy bank of variables and function.

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.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: forum link back ground

Post by KCUF on September 22nd 2012, 5:31 am

i made a new java script file and pasted that code that u gave me nextlevelgaming and it didnt work for my categories names

KCUF
Forumember

Posts : 151
Reputation : 2
Language : english

Back to top Go down

Re: forum link back ground

Post by nextlevelgaming on September 22nd 2012, 6:46 am

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.

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

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: forum link back ground

Post by KCUF on September 23rd 2012, 2:46 am

well i just added this code to my site that u said that is working it isnt working on my site idk y tho

KCUF
Forumember

Posts : 151
Reputation : 2
Language : english

Back to top Go down

Re: forum link back ground

Post by nextlevelgaming on September 23rd 2012, 6:15 am

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.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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