Can I use HTML buttons????

Regular Joined: Jan 27, 2008 Posts: 99

O.k. first I found this site on the net while surfing [ Only registered users can see links on this board! Get registered or login! ]

I thought hey cool. Now how can I make a block with this on Raven???

I would like to change out my modual block with a block using these. I would also like to create a secondary block that would have some external site pages (kind of like a direct link box)

I can HTML (basicly) and I can PHP (basicly) the question is how do I convert HTML to PHP for these buttons.

Here are the directions that are given with the item that I down loaded for the secondary box:

Quote:

This menu is made of the following :

A javascript file named menuscript.js, it contains all the code to create the sub menus and mouse over effect. In this file you can edit the text, links and targets of the sub menus.

A CSSstyle sheet file named menustyle.css, it is used to create the look of the sub menus. In this file you can change the colors and overall look of the sub menus.

8 PNG images files for the main menu buttons. Those files are in a folder called : buttons/

The present HTML file called open_me.html, with the CODES you need to put in your web page to display the menu.

CAUTION if you modify the provided HTML, CSS or
Javascript codes your menu may not work anymore.

Installation :

--------------------------------------------------------------------------------

1. Create the button's folder, and put button images in it.
The button's folder must be in the same directory as the web page that will display your menu. For example :

If your web page is here : [ Only registered users can see links on this board! Get registered or login! ]

Your button's folder must be here : [ Only registered users can see links on this board! Get registered or login! ]

--------------------------------------------------------------------------------

2. Put the menuscript.js and menustyle.css files in your web page folder.
The menuscript.js and menustyle.css files must be in the same directory as the web page that will display your menu. For example :

If your web page is here : [ Only registered users can see links on this board! Get registered or login! ]

Your menuscript.js file must be here : [ Only registered users can see links on this board! Get registered or login! ]

And your menustyle.css file must be here : [ Only registered users can see links on this board! Get registered or login! ]

--------------------------------------------------------------------------------

3. Insert the HTML tag for javascript and sub menus.
This is the HTML code that calls the javascript and CSS style sheet files ( menuscript.js and menustyle.css ). You must insert it in the HEAD part of your HTML document.

<script src="menuscript.js" language="javascript" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" />

--------------------------------------------------------------------------------

4. Insert the HTML tag to display the menu.
This is the HTML code to display the menu.
You must insert it in the BODY part of your HTML document.

<table border="0" cellpadding="0" cellspacing="0"><tr><td>
<a href="http://www.unlimitedallstars.org/" onmouseover="setOverImg('1','');" onmouseout="setOutImg('1','');" target=""><img src="buttons/button1up.png" border="0" id="button1" vspace="0" hspace="0"></a><br>
<a href="http://www.unlimitedallstars.org/rules.html" onmouseover="setOverImg('2','');" onmouseout="setOutImg('2','');" target=""><img src="buttons/button2up.png" border="0" id="button2" vspace="0" hspace="0"></a><br>
<a href="http://racingkart.tv/Allstars/modules.php?name=Content" onmouseover="setOverImg('3','');" onmouseout="setOutImg('3','');" target=""><img src="buttons/button3up.png" border="0" id="button3" vspace="0" hspace="0"></a><br>
<a href="http://racingkart.tv/Allstars/" onmouseover="setOverImg('4','');" onmouseout="setOutImg('4','');" target=""><img src="buttons/button4up.png" border="0" id="button4" vspace="0" hspace="0"></a><br>
</td></tr></table>

CAUTION if you modify the provided HTML, CSS or
Javascript codes your menu may not work anymore.

Posted: Sat Jan 10, 2009 10:33 am

you will need to edit includes/javascript.php to include menuscript.js
you will need to edit your style.css and add the contents of menustyle.css
then you can create a block thru the admin editor using the html they asked you to add in step 4