| | Transition Buttons: iFrame |    |
|
|
AvaABlake
| |
| | |
Pantone
 Role : Designer & Coder
Location : Indianapolis, IN, USA
| | Subject: Re: Transition Buttons: iFrame Mon Jun 01, 2015 5:39 pm | |
| My pleasure!
As I am at work and my flash drives are at home, I went to Google to find something instead.
So, I found this explanation and coding - it looks fairly simple, but when I get home I can see if I can find the one one of our
older staff members wrote before they retired!
Let me know if that explanation worked - I will aim to re-publish/re-write the tutorial soon! |
|
| | |
Valoish
 Role : Designer & Coder
Location : New York City
| | Subject: Re: Transition Buttons: iFrame Tue Jun 02, 2015 3:53 pm | |
| The way I do it is I add a background to the button, and the make the measurements (width and height) match the original image's measurements.
All I add to the unhovered CSS is: - Code:
-
background-image: url(unhovered button image link);
background-repeat: no-repeat; And to the hovered CSS: - Code:
-
background-image: url(hovered button image link);
background-repeat: no-repeat; |
|
| | |
Pantone
Role : Designer & Coder
Location : Indianapolis, IN, USA
| |
| | |
AvaABlake
| |
| | |
AvaABlake
| | Subject: Re: Transition Buttons: iFrame Wed Jun 03, 2015 8:38 pm | |
| So what I wanted to do was a combination of image transition links and text transition links. But so far, all I've been able to do are the image links. And no matter what I do, I can't seem to position them where I want to. Edit: This is how I want to position them:  |
|
| | |
Valoish
Role : Designer & Coder
Location : New York City
| | Subject: Re: Transition Buttons: iFrame Thu Jun 04, 2015 5:33 pm | |
| Could you send me the code?
And you can easily do both image and text links c: Just keep the premade CSS we have now, and just add the image background CSS I posted earlier to it o; |
|
| | |
AvaABlake
| |
| | |
Pantone
Role : Designer & Coder
Location : Indianapolis, IN, USA
| | Subject: Re: Transition Buttons: iFrame Fri Jan 08, 2016 2:44 am | |
| Okay,
Got the hover to work and the buttons are clicking. (YAY!)
How do I get it to go horizontal? - I tried the "inline-table", and
just "inline" and nothing changed.
Halp?
@Kya / @Nickolas / @IKumaI |
|
| | |
dako
 Role : Designer & Coder
| | Subject: Re: Transition Buttons: iFrame Fri Jan 08, 2016 12:38 pm | |
| Haha, this is late but the way I do it is newbie... I make multiple of the same set.
- EXAMPLE {CLICKY}:
- Code:
-
#Nav1 { boop: 10px; }
#Nav2 {BOOP: 100px; }
#Nav3 {boop: 10px; }
etc.
(this always gives me 2 sets of style sheets {1 for nav buttons & 1 for main stuff like body/h1/h2 etc.} lol).
Since I was having problems with IMVU and the inline-table thing. |
|
| | |
Raavein
 Role : Designer & Coder
Location : OK
| | Subject: Re: Transition Buttons: iFrame Thu Aug 11, 2016 9:26 am | |
| Perf. *D* I feel so dumb, I forgot to put "target="inlineframe"" after the link, hah. But, I figured it out. :3 |
|
| | |
Sponsored content
| |
| | |
|
