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.

Flash Menu Navibar

View previous topic View next topic Go down

Flash Menu Navibar

Post by DemonWreckage on May 15th 2011, 1:50 am

Hello, i got some problems when trying to make
these Flash buttons work.

i got the Html (im not the best at html, still learning)
But basicly this is how its supposed to look alike.


i've tried diffrent versions like PhpBB3 - PunBB
but doesnt seem, like i can get it correct.

Maybe someone in here, knows more about this than me.

Regards
Demon

DemonWreckage
Forumember

Male Posts : 415
Reputation : 229
Language : English
Location : Denmark

http://help.forumotion.com/

Back to top Go down

Re: Flash Menu Navibar

Post by Mike on May 15th 2011, 2:06 am

go to Templates where the Nav bar is and place this code there instead.

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Re: Flash Menu Navibar

Post by DemonWreckage on May 15th 2011, 2:18 am

Ah thanks a bunch, where looking the wrong place - need to fix the html though
all the images doesnt work (Broken image)

but thanks again!

DemonWreckage
Forumember

Male Posts : 415
Reputation : 229
Language : English
Location : Denmark

http://help.forumotion.com/

Back to top Go down

Re: Flash Menu Navibar

Post by kirk on May 15th 2011, 4:47 am

are these swf images? if so you will have to create the code on what ever flash software you are using, then add the swf file hosted link and link for were it's supposed to click to with in the provided coding.

Your going to have to create tables to have them lined up as you wish as well.


kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Flash Menu Navibar

Post by DemonWreckage on May 15th 2011, 10:16 am

@kirk wrote:are these swf images? if so you will have to create the code on what ever flash software you are using, then add the swf file hosted link and link for were it's supposed to click to with in the provided coding.

Your going to have to create tables to have them lined up as you wish as well.

My friend, did upload them as PNG's that might need to be changed
but im having a hard time with the html Thanks for the help
i know how to upload it now, didn't before Smile

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Forum-buttons-black-2.vbprj</title>
<meta http-equiv="content-type" content="text/html" />
<!-- Begin HEAD SECTION id=vbUL_w77ip-->
<link href="Forum-buttons-black-5-files/styles_w77ip.css" type="text/css" rel="stylesheet"/>
<style type="text/css">A#vbUL_w77ipa{display:none}</style>
<!-- End HEAD SECTION -->
</head>
<body>
<!-- Begin BODY SECTION id=vbUL_w77ip-->

<table id="vista-buttons_com_idw77ip" width="0" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right:0px" title ="Forum">
<a onmouseover='xpe("w77ipo");xpshow("w77ip",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("w77ipc");'><img id="xpi_w77ip" src="http://imageshack.us/m/825/1093/forum0.png" name="vbw77ip" width="100" height="48" border="0" alt="Forum" /></a><div>
<ul id="vbUL_w77ip" class="vbULw77ip">
<li><a href="http://www.gamersaddicted.net/f1-official-announcements" title="Official Announcements">OfficialAnnouncements</a></li>
<li class="separator"><span></span></li>
<li><a href="http://www.gamersaddicted.net/f5-rank-applications" title="Rank Applications">RankApplications</a></li>
<li class="separator"><span></span></li>
<li><a href="http://www.gamersaddicted.net/f10-the-staff" title="The Staff">TheStaff</a></li></ul></div></td><td style="padding-right:0px" title ="F.A.Q">
<a onmouseover='xpe("477ipo");' onmouseout='xpe("477ipn");' onmousedown='xpe("477ipc");'><img id="xpi_477ip" src="http://imageshack.us/m/685/8337/faq0.png" name="vb477ip" width="100" height="48" border="0" alt="F.A.Q" /></a></td><td style="padding-right:0px" title ="Search">
<a onmouseover='xpe("z77ipo");' onmouseout='xpe("z77ipn");' onmousedown='xpe("z77ipc");'><img id="xpi_z77ip" src="Forum-buttons-black-5-files/btz77ip_0.png" name="vbz77ip" width="100" height="48" border="0" alt="Search" /></a></td><td style="padding-right:0px" title ="Members">
<a onmouseover='xpe("u77ipo");' onmouseout='xpe("u77ipn");' onmousedown='xpe("u77ipc");'><img id="xpi_u77ip" src="Forum-buttons-black-5-files/btu77ip_0.png" name="vbu77ip" width="100" height="48" border="0" alt="Members" /></a></td><td style="padding-right:0px" title ="Groups">
<a onmouseover='xpe("v77ipo");xpshow("v77ip",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("v77ipc");'><img id="xpi_v77ip" src="Forum-buttons-black-5-files/btv77ip_0.png" name="vbv77ip" width="100" height="48" border="0" alt="Groups" /></a><div>
<ul id="vbUL_v77ip" class="vbULw77ip">
<li><a href="http://www.gamersaddicted.net/g2-member" title="Members">Members</a></li>
<li class="separator"><span></span></li>
<li><a href="http://www.gamersaddicted.net/g6-operator" title="Admins">Admins</a></li>
<li class="separator"><span></span></li>
<li><a href="http://www.gamersaddicted.net/g1-administrators" title="Forum Administrators">ForumAdministrators</a></li></ul></div></td><td style="padding-right:0px" title ="Profile">
<a onmouseover='xpe("y77ipo");xpshow("y77ip",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("y77ipc");'><img id="xpi_y77ip" src="http://imageshack.us/m/219/8076/profile0.png" name="vby77ip" width="100" height="48" border="0" alt="Profile" /></a><div>
<ul id="vbUL_y77ip" class="vbULw77ip">
<li><a href="http://www.gamersaddicted.net/profile?mode=editprofile&page_profil=avatars" title="Avatar">Avatar</a></li>
<li class="separator"><span></span></li>
<li><a href="http://www.gamersaddicted.net/profile?mode=editprofile&page_profil=signature" title="Signature">Signature</a></li>
<li class="separator"><span></span></li>
<li><a href="http://www.gamersaddicted.net/profile?mode=editprofile&page_profil=preferences" title="Preferences">Preferences</a></li>
<li class="separator"><span></span></li>
<li><a href="http://www.gamersaddicted.net/profile?mode=editprofile&page_profil=informations" title="Change Password">ChangePassword</a></li></ul></div></td><td style="padding-right:0px" title ="Logout">
<a onmouseover='xpe("x77ipo");' onmouseout='xpe("x77ipn");' onmousedown='xpe("x77ipc");'><img id="xpi_x77ip" src="http://imageshack.us/m/806/5592/logout0.png" name="vbx77ip" width="100" height="48" border="0" alt="Logout" /></a></td><td style="padding-right:0px" title ="Support">
<a onmouseover='xpe("l77ipo");xpshow("l77ip",0,this);xpsmover(this);' onmouseout='xpsmout(this);' onmousedown='xpe("l77ipc");'><img id="xpi_l77ip" src="http://imageshack.us/m/35/5464/support0.png" name="vbl77ip" width="110" height="48" border="0" alt="Support" /></a><div>
<ul id="vbUL_l77ip" class="vbULw77ip">
<li><img src="Forum-buttons-black-5-files/sm477ip.png" alt="Contact us" /><a title="Contact us">Contactus</a></li>
<li><img src="Forum-buttons-black-5-files/smw77ip.png" alt="How to contact" /><a title="How to contact">Howtocontact</a></li></ul></div></td></tr></table><script type="text/javascript"> var vbImgPath="Forum-buttons-black-5-files/"</script>
<script type="text/javascript" src="Forum-buttons-black-5-files/scw77ip.js"></script>
<!-- End BODY SECTION -->
</body>
</html>

that is as far, i've come so far (the images work) but not the correct way, and the line is messed up
im no shark at html and javascript.

DemonWreckage
Forumember

Male Posts : 415
Reputation : 229
Language : English
Location : Denmark

http://help.forumotion.com/

Back to top Go down

Re: Flash Menu Navibar

Post by kirk on May 15th 2011, 11:18 am

i'll take a look at it.

hers a blank table code.
you would place each tabs/nav image in the indicated numbers.

you have seven so one through seven, then i made a space for the box you have in the screen shot to.


Oh put your body parts in the numbered and your head content would go in the head the same way

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb();"
 alink="#" link="#" vlink="#">
<br>
<table
 style="width: 606px; height: 73px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: center;">

1

      </td>
      <td style="text-align: center;">

2

      </td>
      <td style="text-align: center;">

3

      </td>
      <td style="text-align: center;">

4

      </td>
      <td style="text-align: center;">

5


      </td>
      <td style="text-align: center;">

6


      </td>
      <td style="text-align: center;">

7


      </td>
    </tr>
  </tbody>
</table>
<table
 style="text-align: left; margin-left: auto; margin-right: auto; width: 408px; height: 50px;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: left; vertical-align: top;">


box
     


</td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>
 




Last edited by kirk on May 15th 2011, 11:34 am; edited 2 times in total

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Flash Menu Navibar

Post by DemonWreckage on May 15th 2011, 11:32 am

@kirk wrote:i'll take a look at it.

hers a blank table code.
you would place each tabs/nav image in the indicated numbers.

you have seven so one through seven, then i made a space for the box you have in the screen shot to.


Oh put your body parts in the numbered and your head content would go in the head the same way

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb();"
 alink="#" link="#" vlink="#">
<br>
<table
 style="width: 606px; height: 73px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: center;">

1

      </td>
      <td style="text-align: center;">

2

      </td>
      <td style="text-align: center;">

3

      </td>
      <td style="text-align: center;">

4

      </td>
      <td style="text-align: center;">

5


      </td>
      <td style="text-align: center;">

6


      </td>
      <td style="text-align: center;">

7


      </td>
    </tr>
  </tbody>
</table>
<table
 style="text-align: left; margin-left: auto; margin-right: auto; width: 408px; height: 50px;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="text-align: left; vertical-align: top;">


box
     


</td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>
 

Thanks alot kirk ^^ ill try work on it - im quite new on this area
so i had a hard time understanding where to put the 3 pictures of ex Home ^^

DemonWreckage
Forumember

Male Posts : 415
Reputation : 229
Language : English
Location : Denmark

http://help.forumotion.com/

Back to top Go down

Re: Flash Menu Navibar

Post by kirk on May 15th 2011, 11:34 am

Oh man i just looked at yours.
what are you creating this with, your missing the css and there should be a java file that has to be uploaded as well and added. either that or you just set the image links up wrong. i dont understand why all that text linking is in there?

you know it realy dose not have to be this difficult,

what kind of images are you using, are they animated at all or do you just have a main image then a mouse over image.

because i can create it for you the proper way but i need the images and links they are going to click to.

If they are animated and in png or gif then thats fine, but if they are swf images then that changes things and will have to try to do it all in my flash program i have.

but i need to see these images, if it's a main image then a mouse over. then thats simple and i can set it up for you fairly fast.

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Flash Menu Navibar

Post by DemonWreckage on May 15th 2011, 11:40 am

@kirk wrote:Oh man i just looked at yours.
what are you creating this with, your missing the css and there should be a java file that has to be uploaded as well and added. either that or you just set the image links up wrong. i dont understand why all that text linking is in there?

you know it realy dose not have to be this difficult,

what kind of images are you using, are they animated at all or do you just have a main image then a mouse over image.

because i can create it for you the proper way but i need the images and links they are going to click to.

If they are animated and in png or gif then thats fine, but if they are swf images then that changes things and will have to try to do it all in my flash program i have.

but i need to see these images, if it's a main image then a mouse over. then thats simple and i can set it up for you fairly fast.

yeah its a little messed ^^
well, they are all Png files, separate (i change from time to time, the styles of the buttons)
like these: Mouseover - and then i also got Submenus for it

DemonWreckage
Forumember

Male Posts : 415
Reputation : 229
Language : English
Location : Denmark

http://help.forumotion.com/

Back to top Go down

Re: Flash Menu Navibar

Post by kirk on May 15th 2011, 12:07 pm

Well here is a fast example i did. it's only one tab. but you get the idea if they was all across as the different ones.

http://www.forumsuccessors.com/h103-nav-test

but now where are the sub menus supposed to go?

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Flash Menu Navibar

Post by DemonWreckage on May 15th 2011, 12:13 pm

well, i made a few submenus
like under (forum Submenu - Official Announcements -link and nice by the way, seems like you have done this many times hehe.

DemonWreckage
Forumember

Male Posts : 415
Reputation : 229
Language : English
Location : Denmark

http://help.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