Clan Themes, We Make Clans Look Good!

www.clan-themes.co.uk :: View topic - Top dropdown menu with/without scrolling message & image

Welcome To Clan Themes
	As the board grows please remember the Search Option and we hope you find our community useful. We also monitor Private Messages to stop members from abusing our sites system. If you are asking for assistance please provide your site link and nuke version, Thanks.

Top dropdown menu with/without scrolling message & image

3 Replies / 969 Views


www.clan-themes.co.uk Forum Index » Post Your Mods/Hacks	View previous topic :: View next topic

DreAdeDcoRpSE
Reputation: 736.8
votes: 5
Local time: 1:43 AM
Location: Back of your Mind

Status: Offline
1.13 posts per day
Medals: 2 (View more...)

Forums Moderator

Joined: Sep 22, 2007
Last Visit: 21 Nov 2008
Posts: 481
Points: 11260

Top dropdown menu with/without scrolling message & image Posted: Mon May 19, 2008 2:24 am
Shop Purchases:Enemy Territory Theme (Aviator) for PHP Nuke

Because of the "CODE" not displaying the  , ALL @ will mean  

I been to a few sites and I see that they are now doing the same thing I am. I had this on my site a while ago and I see various versions of this so I am going to break it all down into sections so you can build or create your own look. Evidently, you will be able to create what is shown in the circles below or you can go to my website, http://www.headshotdomain.com and see it for your self.

Image Has Been Resized, Click To Enlarge.

All codes will be supplied in this following tutorial on this hack. Everything is fairley simple. Basic knowledge of HTML is required and a good imagination.

All these codes found in this hack would be inserted at the very beginning of your ROOT/themes/YOUR_THEME/Header.php --- or Header.html

All 3 things I am going to discuss can be seen on my site at the top, I mean the very very top of the site, you will see a scrolling Marquee, 2 Drop Down navigation, and an image. Eventually I may make this into a module, but I am rather new to writing the whole SQL section. Editing it is not a problem for me all to much, its just creating it. so for now i will give you the hack to do it manually.

Section 1, Marquee
*************************************************************************************************************
First thing I am going to go over is the Marquee

The code I will be using is as follows,

Code:

<table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr valign="middle">
<td width="100%" height="20" align="right" valign="middle" background="images/NarrowBG.gif">
<marquee scrolldelay="125"><span style="color: #FFFFFF; font-size: 14px;">

ENTER YOUR MESSAGE HERE!!!

</span></marquee>
</td>
</tr>
</table>

Order of Operation to make this work.

1.) Open up ROOT/themes/YOUR THEME/header.php -----------Could be header.html

2.) At the very very top, Paste the code as you your first section of your header

3.) If you look, you will see in the <TD> section, I have a background image, The image I have and you can use is here

All you will have to do is "Save Image" onto your desktop, and upload it to your ROOT/images/ folder. thats it, you can change the color if you want.

4.) After your set on the color of the background you want to use, (Solid is best), You now need to edit the text color so you and others will be able to see it, that is in the section of the code marked as follows, <span style="color: #FFFFFF; font-size: 14px;"> Change the color, which here its FFFFFF which is white. Yes, it needs to be in Hex form.

5.) Edit where you see, ENTER MESSAGE HERE with what ever you want, Hint: Use   as a way to add spaces between sentences.
Example:

Quote:

     Welcome to our site...          Come Join Us on Our Forums!        

Section 2, Drop Down Menu's
*************************************************************************************************************

Now onto the drop-down menu/navigation

This one here is a little more difficult then the Marquee, We will be using some of what was explained in the Marquee's

The code we will be working off of is as follows... This is taken straight from our website, I left the links to show the breakdown better

Code:

Okay, here you will see several thing similar to the Marquee, as in using the   to create spaces to center the text. Remember the @ =  

Overall, the only thing you will need to edit is the <option value=""></option>

If you want it to be a linked text, you will need to enter a URL just like this example

<option value="http://www.headshotdomain.com">[HS] clan website</option>

The "value" is the URL where you want the text to send the user. Think of it like doing a html link, <a href="URL HERE">TEXT OF URL</a>

If you don't want the option to send people to a link, and just have it set up in a category like how I have the coding above, where we have it say Friendly Clans, Hosting, ect... the just leave the "value" empty.

The very first <option value=""></option> sill be the one that is displayed at exact page refresh, so don't make it a link.

Section 3, Combination of the two

***********************************************************************************************************

Okay, lets say you wanted to combine the 2 together, how can you do this, Very simple.

Just do this, I will break them apart into there 2 sections below, but it will be all one code, starting from top to bottom.

Marquee

Code:

<script>
function change(url) {
if(url != "") {
location = url;
}
}
</script>


<table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr valign="middle">
<td width="100%" height="20" align="right" valign="middle" background="images/NarrowBG.gif">
<marquee scrolldelay="125"><span style="color: #FFFFFF; font-size: 14px;">

ENTER YOUR MESSAGE HERE!!!

</span></marquee>
</td>

DropDown Box

Code:

<td height="20" align="right" valign="middle" background="images/NarrowBG.gif">
<select style="background: rgb(30, 30, 30) none repeat scroll 0%; width: 230px; font-size: 11px; color: white; border-color: #FFFFFF;" onChange="return change(this.options[this.selectedIndex].value);">

<option value="">Select one of our Frinedly Sites</option>
<option value=""></option>
         <option value="">******************************</option>
<option value="">@@@@@@@@@Official Friendly Clan Sites</option>
<option value="">******************************</option>
<option value="http://www.clandom.net">Clans Domain</option>
<option value="http://www.mil-clan.tk/">Clan M!L</option>
<option value="http://www.allroundelites.com/">Clan ARE</option>
         <option value=""></option>
<option value="">******************************</option>
<option value="">@@@@@@@@@@@@Hosting Sites</option>
<option value="">******************************</option>
<option value="http://hosting.s4ndmod.com/">S4NDMOD Hosting</option>
         <option value=""></option>
         <option value="">******************************</option>
         <option value="">@@@@@@@@@@@@@Great PhpNuke Sites</option>
<option value="">******************************</option>
<option value="http://www.clan-themes.co.uk/">Clan-Themes</option>
         <option value="http://www.disipal.net">Disipal Designs</option>

</select>

</td>
</tr>

</table>

All I did was move the <Style> Above the Marquee code, also removed the table, and the <tr> from the Dropdown box and made them into one, Also removed the Close out tags from the Marquee except for the </td>

Section 4, Marquee with 2 DropDown Menu's
************************************************************************************************************

Lets say I wanted the Marquee and 2 drop down boxes, Again, its very simple. this time I will Break it up into 3 sections.

Marquee

Code:

Middle Dropdown

Code:

Far Right DropDown Box

Code:

All I did was remove the </tr> and the </table> closing tags from the left dropdown box.

Section 5, Left Banner, Marquee, 2 Drop Down Menu's
**************************************************************************************************************

Now lets say I want to add a little banner to it, lets say on the left, while I have the Marquee in the middle and the 2 Drop down boxes on the right. It would be almost the exact same thing found above with one little extra code in there. I will explain more.

Code:

That there is the extra piece of the code you will be entering. You will add that in, inside the marquee section just after the <tr> section and above the first <td> section.

So where you see the section,

Code:

You would added in extra section as follows

Code:

NOTE: you want to keep the banner image at the size of
Height = 20px
Width = Between 150 - 250

I did mine at 170 px.

I hope you enjoy this and have fun with it, there are many things you can do with it and many looks, Enjoy

Last edited by DreAdeDcoRpSE on Wed Aug 13, 2008 11:34 pm; edited 3 times in total

Donations for custom work is appreciated at [HS]

Bayler
Reputation: 748
votes: 9
Local time: 1:43 AM

Status: Offline
0.71 posts per day
Medals: 1 (View more...)

Joined: Nov 01, 2007
Last Visit: 20 Aug 2008
Posts: 275
Points: 6636

Top dropdown menu with or without scrolling message & im Posted: Mon May 19, 2008 6:38 am

Not to sound condescending....

That has been done several times over...

Original can be found at www.evolutionclans.com ( Network Bar )

Upgraded one was build by myself which allowed you to have 2 network bars of your choice with the added marquee....since the data was stored .txt file, you could stream your data out to other sites...

When the Upgrade went out of date, people wanted more..so i did a plugin system to the SNAVI mod ( Site Navigator )
Demo can be found at the top of www.evolutionclans.com basically displays all 'Active' modules on your site including admin functions as well as add your own Network, which again, is stored .txt so it can be streamed out to other sites....in the case of this site, i used the network for a 'Clans' listings....

Only downfall, and you will find with yours as well....they dont like ( FLASH ) nor do they work well together..and since most sites have a flash header, they become useless very fast!

You will not recieve help from me if i have to go digging for your CMS information and version, If i have to take the time to play 21 questions, then you can take the time to google! No Copyright, no support either!

DreAdeDcoRpSE
Reputation: 736.8
votes: 5
Local time: 1:43 AM
Location: Back of your Mind

Status: Offline
1.13 posts per day
Medals: 2 (View more...)

Forums Moderator

Joined: Sep 22, 2007
Last Visit: 21 Nov 2008
Posts: 481
Points: 11260

Top dropdown menu with or without scrolling message & im Posted: Mon May 19, 2008 9:19 am
Shop Purchases:Enemy Territory Theme (Aviator) for PHP Nuke

I haven't had a problem with any of my flash headers. I have 4 themes with Flash, and not one of them is having a problem with it, well, for me. Retard

so I know not of what the error is.

Your not sounding condescending, but I am taking you didn't read it. I did state that its been done before. Serious 2

Second sentence, or the first complete paragraph. Just, I haven't see any place out there that explained how to do it, so I figured I write up how to do it and add it to there site, for Raven nuke and phpnuke does nto have those options, as I see thus far. I am new to Evolution as you know since I just started a test site for Evolution.

I had this originally on my old website, which went through many different changes over time. Where it ended up me removing this and adding a drop down dynamic menu, which I may try adding into nuke, which I have not see anything like it on any site thus far. Rolling Eyes

Far Cry 2

DreAdeDcoRpSE
Reputation: 736.8
votes: 5
Local time: 1:43 AM
Location: Back of your Mind

Status: Offline
1.13 posts per day
Medals: 2 (View more...)

Forums Moderator

Joined: Sep 22, 2007
Last Visit: 21 Nov 2008
Posts: 481
Points: 11260

Top dropdown menu with/without scrolling message & image Posted: Mon Oct 06, 2008 11:04 pm
Shop Purchases:Enemy Territory Theme (Aviator) for PHP Nuke

Okay, I been asked a quite a few times on how to do this, so I made a quick video tutorial on how to add this and edit it.

This does correspond with what I explained above. I hope this helps a little more.

You can watch the Video tutorial here

http://headshotdomain.net/movies/networkbar/networkbar.htm

As I said, here are the images that can be used.

and

These are blanks, you can use them and edit them.

Here is the Full script as a hole to use,

Click Here to SEE the script.

Good Luck...

Side note: I did not originally write this script nor am I taking credit for it. This has been done before and the ways I seen it done before were very sloppy. I made it so you don't have to edit all your themes and if you want to change it, you have to edit all of it in every theme, who wants to do that. I went a different root and works out great and I have not had any issues with it on any site I have installed this on. I wanted to post that before someone says anything stupid.[b]

www.clan-themes.co.uk Forum Index » Post Your Mods/Hacks

3 Replies / 969 Views
Page 1 of 1
All times are GMT

Display posts from previous:

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 cannot attach files in this forum
You cannot download files in this forum

Distributed by Raven PHP Scripts

Page Generation: 3.23 Seconds