Really like the new home page.
Am wondering how/which templater [header ?] to insert these nav links?
All my links will need to go to external pages similar to the footer nav.
I know how to create the links - but want to know exactly where to place the code.
Just like the new Piwigo Home is right now.
I use the default template [Yoga/Silvia]. Looked at your source code but does not really tell me how you got it so :purrrfect" :):):)
Offline
In the menu, I advice you to watch [extension by grum] Advanced Menu Manager
Offline
Simply based like demo is doing.
Admin > Configuration > General > Main tab > Page Banner:
<h1>Piwigo demonstration site</h1> <p>Welcome to the demonstration gallery. Browse categories, change theme on the fly...</p> <div id="verytopHeader"> <div id="backHome"><a href="http://piwigo.org">← Go back to piwigo.org homepage</a></div> </div> <style> #verytopHeader { position:fixed; top:0; left:0; width: 100%; z-index:99; line-height:35px; height:35px; vertical-align:middle; background-color:#464646; margin:0; text-align:left; color:#ccc; font-size:20px; padding-left:10px; border-bottom:2px solid #aaa; clear:both; } #themeSwitch { float:right; margin-right:10px; font-size:16px; font-family:Verdana,Arial,sans-serif; } #languageSwitch { float:right; margin-top:5px; } #themeSwitch select { font-size:14px; font-family:Verdana,Arial,sans-serif; background-color:#555 !important; color:#fff; border: 1px solid #aaa; } #themeSwitch option {font-size:14px; font-family:Verdana,Arial,sans-serif; background-color:#555; color:#fff;} #backHome {float:left; letter-spacing:2px;} #backHome A {color:#ff7700; border:none; text-decoration:none;} #backHome A:hover {color:#FF3333; border-bottom:1px solid #FF3363;} #the_page {background-position:left 35px} body {padding-top:35px !important;} </style> <script type="text/javascript" src="template/simple/js/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#verytopHeader").prependTo('body'); $("#themeSwitch").appendTo("#verytopHeader"); $("#languageSwitch").appendTo("#verytopHeader"); }); </script>
But this will not take care of jQuery upgrade and need to be adapted to your real need.
After if you need a customised Google search box that's another question.
;-)
@plg,
I made a little change in this code on verytopHeader block, I suggest to replace right:0 by width:100%
;-)
Offline
Thank you 'VDigital'. I try your first suggestion right now, will see how it goes.
Offline
did not work at all. I did exactly as stated in grum's plugin: that the 2.03 had to be installed first. Did that, then tried to install the menu manager, there it then said: cannot install because it needs the 3.0 classes.
So, I did that - and it produced a 'mess:
Fatal error: Call to undefined function pwg_db_fetch_row() .....galleries/plugins/GrumPluginClasses/classes/GPCCore.class.inc.php on line 161
So, wind up not having a menu manager at all anyway.
Is it possibly to simply hardcode my few links I want up there?
Offline
Which Piwigo version do you use?
If 2.0.9, you need 2.1.6 version for [extension by grum] Advanced Menu Manager and version 2.0.4 for [extension by grum] Grum Plugin Classes
Further versions are intended for the 2.1 RC Piwigo version
Offline
Thank you Tosca - appreciate it :)
Offline
Hi,
is it somehow possible that you can tell how you did this great header like in this forum here ? I would like to integrate this into my gallery. Especially the search function and the language switcher are perfect there. And could you just tell me where to enter the code. Thx in advance.
Offline
The language switcher is available as [extension by Piwigo Team] Language Switch.
Offline