Ravens PHP Scripts: Forums
 

 

View next topic
View previous topic
Post new topic   Reply to topic    Ravens PHP Scripts And Web Hosting Forum Index -> Blocks
Author Message
wrecit
Regular
Regular


Joined: Jan 27, 2008
Posts: 99

PostPosted: Fri Jan 09, 2009 7:47 pm Reply with quote

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.
 
View user's profile Send private message
spasticdonkey
RavenNuke(tm) Development Team


Joined: Dec 02, 2006
Posts: 1692
Location: Texas, USA

PostPosted: Sat Jan 10, 2009 10:33 am Reply with quote

  • 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
 
View user's profile Send private message Visit poster's website
Display posts from previous:       
Post new topic   Reply to topic    Ravens PHP Scripts And Web Hosting Forum Index -> Blocks

View next topic
View previous topic
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You can attach files in this forum
You can download files in this forum


Powered by phpBB © 2001-2007 phpBB Group
All times are GMT - 6 Hours
 
Forums ©