# Cool buttons

**URL:** <https://forum.kirupa.com/t/cool-buttons/113244>\
**Category:** Uncategorized\
**Created:** [June 16, 2004, 8:23am UTC](https://forum.kirupa.com/t/cool-buttons/113244 "2004-06-16T08:23:37Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![red\_A](https://avatars.discourse-cdn.com/v4/letter/r/48db29/32.png) [@red\_A](https://forum.kirupa.com/u/red_A)\
**Post date:** [June 16, 2004, 8:23am UTC](https://forum.kirupa.com/t/cool-buttons/113244/1 "2004-06-16T08:23:37Z")

</div>

ok i have a problem with making this button, i have text and i want to make it a button (done that) and i also want to add a an effect upon a rollover…(did that) but now im having truble cause you have to have your mouse exactly over some part of the text in order work, even if your mouse hits that gaps between the letters, the link wont work, and this is annoying!!

what can i do?

i wana have an effect kinda like the one at [http://www.2advanced.com/flashindex.htm](http://www.2advanced.com/flashindex.htm) with the buttons on the top of the main window!

-Albert

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 11:15am UTC](https://forum.kirupa.com/t/cool-buttons/113244/2 "2004-06-16T11:15:43Z")

</div>

in the hit frame create a box around the text (where you want the mouse to find the button)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 11:18am UTC](https://forum.kirupa.com/t/cool-buttons/113244/3 "2004-06-16T11:18:42Z")

</div>

> [@spud99](#):
>
> in the hit frame create a box around the text (where you want the mouse to find the button)

so like a transperant box, since i dont want anything else to be see besides the text, yet i want a transition like effect when a user mouse overs it!?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 11:39am UTC](https://forum.kirupa.com/t/cool-buttons/113244/4 "2004-06-16T11:39:11Z")

</div>

no, not a transparent box… it has to be a solid box.

the hit frame doesn’t actually show up visibly, but it just defines what area the button takes up, which is exactly what you want. So, in your button, go to the hit frame, make sure it’s a keyframe and draw a filled rectangle covering the area of the button you want…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 11:49am UTC](https://forum.kirupa.com/t/cool-buttons/113244/5 "2004-06-16T11:49:00Z")

</div>

ok you know when you open a button theres Up, Over, Down, Hit put a blank keyframe in the hit frame put in a rectangle the size you want the button (dosnt have to be transparent). the transition effect would be on the over frame (i put a small effect on up frame for koolness) thats about it.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 11:55am UTC](https://forum.kirupa.com/t/cool-buttons/113244/6 "2004-06-16T11:55:26Z")

</div>

spud99!! that’s exactly what i needed!! but how do i make so that when a user clicks on it, it opens a new website or goes to the next page…???

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 12:02pm UTC](https://forum.kirupa.com/t/cool-buttons/113244/7 "2004-06-16T12:02:29Z")

</div>

add some AS to it  
on (release) {  
getURL(“[http://www.SiteName.com](http://www.SiteName.com)”, “\_blank”);  
}

in the “\_blank” space you can open it in differnt styles blank opens a new window “\_self” opens in the same window. hope this helps (to add the script right click on your button then click actions and paste it in)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 12:55pm UTC](https://forum.kirupa.com/t/cool-buttons/113244/8 "2004-06-16T12:55:35Z")

</div>

umm where do i add that actionscript!?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 1:41pm UTC](https://forum.kirupa.com/t/cool-buttons/113244/9 "2004-06-16T13:41:17Z")

</div>

click the button  
press f9 to bring up the AS menu and put it in there

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 1:44pm UTC](https://forum.kirupa.com/t/cool-buttons/113244/10 "2004-06-16T13:44:10Z")

</div>

ah you might have it on normal mode if so open the actions panel click the little thing that looks like a book on the right hand side and change it to expert mode so you can paste in your own script.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 2:04pm UTC](https://forum.kirupa.com/t/cool-buttons/113244/11 "2004-06-16T14:04:29Z")

</div>

thank you!!!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2004, 2:30pm UTC](https://forum.kirupa.com/t/cool-buttons/113244/12 "2004-06-16T14:30:16Z")

</div>

anything to help 🙂
