[ABD] Header Menu jQuery

Any abandoned MODs will be moved to this forum.

WARNING: MODs in this forum are not currently being supported or maintained by the original MOD author. Proceed at your own risk.
Forum rules
IMPORTANT: MOD Development Forum rules

WARNING: MODs in this forum are not currently being supported nor updated by the original MOD author. Proceed at your own risk.
User avatar
Galandas
Registered User
Posts: 768
Joined: Thu Jul 23, 2009 4:11 pm
Location: Italy
Name: Rey

[ABD] Header Menu jQuery

Post by Galandas »

Modification Name : Header Menu jQuery
Author : Galandas
Modification Description : This menu in jQuery will make the forum more appealing aesthetically because it has a very nice effect to disappear, the menu will place the header merging with it.
Modification Version : 1.0.2
Works With: 3.0.11

MOD Format:
Image
Image

Feature List:
The Directors may, Enable or Disable from ACP
Users can enable or disable it from UCP

Video :
http://www.youtube.com/watch?v=fIUt0IPo6SI

Demo URL : NA

Modification Download :
Header_menu_jQuery_v1.0.2.zip
Last edited by Galandas on Thu May 16, 2013 11:32 am, edited 6 times in total.
English is not my native language My CDB Contributions My RC extensions
SwT-CarbonzZ
Registered User
Posts: 575
Joined: Tue Oct 12, 2010 7:17 am

Re: [RC] Header Menu jQuery

Post by SwT-CarbonzZ »

This is nice should i use it on my site http://www.psntrophies.netlike you see i already have links in my header so mybe i can replce the code?
User avatar
Galandas
Registered User
Posts: 768
Joined: Thu Jul 23, 2009 4:11 pm
Location: Italy
Name: Rey

Re: [RC] Header Menu jQuery

Post by Galandas »

certainly do what you want
English is not my native language My CDB Contributions My RC extensions
User avatar
FranckTH
Registered User
Posts: 364
Joined: Thu Jul 28, 2011 12:14 pm
Location: France
Name: Franck

Re: [RC] Header Menu jQuery

Post by FranckTH »

Thanks for this nice mod ;)

Translation in French :
French Header Menu
Free Flash & HTML5 Games for Phpbb 3.2.2 + Extension Relax Arcade Pro
Free Flash & HTML5 Games for Relax Arcade Pro
User avatar
Galandas
Registered User
Posts: 768
Joined: Thu Jul 23, 2009 4:11 pm
Location: Italy
Name: Rey

Re: [RC] Header Menu jQuery

Post by Galandas »

and thanks to you
for the translation
English is not my native language My CDB Contributions My RC extensions
SwT-CarbonzZ
Registered User
Posts: 575
Joined: Tue Oct 12, 2010 7:17 am

Re: [RC] Header Menu jQuery

Post by SwT-CarbonzZ »

I can say this mod is in conflict with other JQUERY

Mods i use that have it: jquery login and Social Network

Social Network was the first one i had after that i installed jquery login after tweaking and info from other people it now works together now its the problem to get this mod to work.

Also can you put in some guide how to add images what code we need etc.
User avatar
Galandas
Registered User
Posts: 768
Joined: Thu Jul 23, 2009 4:11 pm
Location: Italy
Name: Rey

Re: [RC] Header Menu jQuery

Post by Galandas »

I do not know what other js on your own forum
but there may be a conflict between them
regard to images
can change it as you wish
is located in the menu folder (kwicks_sprite2.png)
English is not my native language My CDB Contributions My RC extensions
User avatar
FranckTH
Registered User
Posts: 364
Joined: Thu Jul 28, 2011 12:14 pm
Location: France
Name: Franck

Re: [RC] Header Menu jQuery

Post by FranckTH »

Hi,

Find :

Code: Select all

<!-- IF S_HMR_ENABLED and S_HMR_UCP_ENABLED -->
<script type='text/javascript' src='{T_SUPER_TEMPLATE_PATH}/menu/jquery-1.2.6.min.js'></script>
<script type='text/javascript' src='{T_SUPER_TEMPLATE_PATH}/menu/kwicks.js'></script>
<script type='text/javascript' src='{T_SUPER_TEMPLATE_PATH}/menu/custom.js'></script>
<!-- ENDIF -->
In-Line delete :

Code: Select all

<script type='text/javascript' src='{T_SUPER_TEMPLATE_PATH}/menu/jquery-1.2.6.min.js'></script>
and tell me if you have now the problem with JQuery...

Todo :
  • <center> is not valid
[/b]
Free Flash & HTML5 Games for Phpbb 3.2.2 + Extension Relax Arcade Pro
Free Flash & HTML5 Games for Relax Arcade Pro
SwT-CarbonzZ
Registered User
Posts: 575
Joined: Tue Oct 12, 2010 7:17 am

Re: [RC] Header Menu jQuery

Post by SwT-CarbonzZ »

Yes that works another guy on Social Network forum told the same solution and i was thinking on that to , it seems that this line comes in every mod so it has to be announced if u have one jquery mod you have to look for something like this line.

Im still have to do some tweaking to get it on the wrigth place in the header. Lets hope its all working ok soon.
User avatar
Galandas
Registered User
Posts: 768
Joined: Thu Jul 23, 2009 4:11 pm
Location: Italy
Name: Rey

Re: [RC] Header Menu jQuery

Post by Galandas »

@thanks FranckTH

open: styles/your style/theme/menutr2_js.css

Find:

Code: Select all

.kwicks {  
    list-style: none;  
    position: relative;  
    margin: 0;  
    padding: 0; 
	/* background-image:url(no_flicker.jpg); */ /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
 } 
Replace with:

Code: Select all

.kwicks {  
    list-style: none;  
    position: relative;  
    margin-left: 460px;  
    padding: 0; 
	/* background-image:url(no_flicker.jpg); */ /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
 }
adjust the margins for your needs

Open: styles/your style/template/overall_header.html

Find:

Code: Select all

<!-- IF S_HMR_ENABLED and S_HMR_UCP_ENABLED --><center><!-- INCLUDE menu/menutr2_js.html --></center><!-- ENDIF -->
Replace with:

Code: Select all

<!-- IF S_HMR_ENABLED and S_HMR_UCP_ENABLED --><!-- INCLUDE menu/menutr2_js.html --><!-- ENDIF -->
English is not my native language My CDB Contributions My RC extensions
User avatar
Galandas
Registered User
Posts: 768
Joined: Thu Jul 23, 2009 4:11 pm
Location: Italy
Name: Rey

Re: [RC] Header Menu jQuery

Post by Galandas »

mod updated
English is not my native language My CDB Contributions My RC extensions
SwT-CarbonzZ
Registered User
Posts: 575
Joined: Tue Oct 12, 2010 7:17 am

Re: [RC] Header Menu jQuery

Post by SwT-CarbonzZ »

Whats updated? No update file included.
User avatar
Galandas
Registered User
Posts: 768
Joined: Thu Jul 23, 2009 4:11 pm
Location: Italy
Name: Rey

Re: [RC] Header Menu jQuery

Post by Galandas »

I updated this
js files are the same
English is not my native language My CDB Contributions My RC extensions
SwT-CarbonzZ
Registered User
Posts: 575
Joined: Tue Oct 12, 2010 7:17 am

Re: [RC] Header Menu jQuery

Post by SwT-CarbonzZ »

Any idee where i can place my line you will i placed no around site name because its showing better there , im also willing to delete the custom top menu because i want to use the jquery menu there. Any tips what for code i can use to fit it around there.

Code: Select all

	<div class="headerbar">
		<div class="inner">
		
			<div id="site-name">
<!-- IF S_HMR_ENABLED and S_HMR_UCP_ENABLED --><center><!-- INCLUDE menu/menutr2_js.html --></center><!-- ENDIF -->
			</div>

			<ul class="linklist headerlinks">
				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>
                                <li class="rightside"><!-- INCLUDE body_language.html --></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			
			</ul>
			
			<ul class="custom_top_menu">
				<li><a href="http://www.facebook.com/pages/PSNtrophiesnet/323655791059921?ref=hl" target="_new"><img src="./styles/shadow/imageset/facebook.gif">Facebook</a>|<a href="http://www.psntrophies.net/forum/donate.php?ref=hl" target="_new">Donate</a>|<a href="#">Menu Item 3</a></li>
			</ul>

		</div>
	</div>

<div id="wrap">
    <div class="lwrap_border">
	<div class="rwrap_border">
	<div class="twrap_border">
	<div class="tlwrap_border">
	<div class="trwrap_border">
		<div class="inside" style="direction: {S_CONTENT_DIRECTION}; ">
			<a id="top" name="top" accesskey="t"></a>
			
	<div id="page-header">
http://www.psntrophies.net
User avatar
Galandas
Registered User
Posts: 768
Joined: Thu Jul 23, 2009 4:11 pm
Location: Italy
Name: Rey

Re: [RC] Header Menu jQuery

Post by Galandas »

you have to play
with the margins
evidence so

Code: Select all

.kwicks {  
    list-style: none;  
    position: relative;  
    margin-left:-310px;  
    margin-top: -45px;
    padding: 0; 
	/* background-image:url(no_flicker.jpg); */ /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
 }
more you make this change
as I said above


Open: styles/your style/template/overall_header.html

Find:

Code: Select all

<!-- IF S_HMR_ENABLED and S_HMR_UCP_ENABLED --><center><!-- INCLUDE menu/menutr2_js.html --></center><!-- ENDIF -->
Replace with:

Code: Select all

<!-- IF S_HMR_ENABLED and S_HMR_UCP_ENABLED --><!-- INCLUDE menu/menutr2_js.html --><!-- ENDIF -->
English is not my native language My CDB Contributions My RC extensions

Return to “[3.0.x] Abandoned MODs”