Transition Buttons: iFrame

Subject: Re: Transition Buttons: iFrame Mon Jun 01, 2015 5:35 pm

Thank you Pantone :3

__________________________________

Role : Designer & Coder Location : Indianapolis, IN, USA

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!

__________________________________

CanvasTutorials
ADMIN

Human Resources │ Account Activation │ Ban Control
"May the Force be with you."

Role : Designer & Coder Location : New York City

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;

__________________________________

CanvasTutorials
ADMIN

Technician | Theft Council | Forum Design
"Love Truth and Pardon Error."

Role : Designer & Coder Location : Indianapolis, IN, USA

^ Thank you Val!
We got to get that one back up in thread form. ^_^

__________________________________

CanvasTutorials
ADMIN

Human Resources │ Account Activation │ Ban Control
"May the Force be with you."

Subject: Re: Transition Buttons: iFrame Tue Jun 02, 2015 8:11 pm

Thank you :3 I'll be testing this out

__________________________________

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:

__________________________________

Role : Designer & Coder Location : New York City

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;

__________________________________

CanvasTutorials
ADMIN

Technician | Theft Council | Forum Design
"Love Truth and Pardon Error."

Subject: Re: Transition Buttons: iFrame Thu Jun 04, 2015 7:23 pm

xD Nevermind, I got it now. I just forgot to add selectors to my CSS :p9:

__________________________________

Role : Designer & Coder Location : Indianapolis, IN, USA

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

__________________________________

CanvasTutorials
ADMIN

Human Resources │ Account Activation │ Ban Control
"May the Force be with you."

Role : Designer & Coder Location : Kingdom Hearts

Haha, this is late but the way I do it is newbie... I make multiple of the same set.

EXAMPLE {CLICKY}:

(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.

Role : Designer & Coder Location : OK

Perf. *D* I feel so dumb, I forgot to put "target="inlineframe"" after the link, hah. But, I figured it out. :3

__________________________________

Moderator
Semi-Hiatus, Please message/tag another moderator for a prompter response. Thank you!
My Status Thread.

My Timezone: CT / Central