Announcement

#1 2010-04-28 00:56:39

mediapuck
Member
usa till nov - then Austria
2010-04-23
54

Great new 'homepage' - how to do that top nav like Piwigo?

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

 

#2 2010-04-28 06:56:19

ddtddt
Piwigo Team
Quetigny - France
2007-07-27
7202

Re: Great new 'homepage' - how to do that top nav like Piwigo?

In the menu, I advice you to watch [extension by grum] Advanced Menu Manager


You love Piwigo so don't hesitate to participate, learn more on the "Contribute to Piwigo" page. If you don't have much time for contribution, you can also help the project with a donation.

Offline

 

#3 2010-04-28 08:00:24

VDigital
Former Piwigo Team
Paris (FR)
2005-05-04
17680

Re: Great new 'homepage' - how to do that top nav like Piwigo?

Simply based like demo is doing.

Admin > Configuration > General > Main tab > Page Banner:

Code:

<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">&larr; 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%
;-)


Piwigo.com: Start and run your own photo gallery. Signup and get 30 days to try for free, no commitment.
8-)

Offline

 

#4 2010-04-28 10:16:43

mediapuck
Member
usa till nov - then Austria
2010-04-23
54

Re: Great new 'homepage' - how to do that top nav like Piwigo?

Thank you 'VDigital'. I try your first suggestion right now, will see how it goes.

Offline

 

#5 2010-04-28 11:06:30

mediapuck
Member
usa till nov - then Austria
2010-04-23
54

Re: Great new 'homepage' - how to do that top nav like Piwigo?

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

 

#6 2010-04-28 11:33:02

tosca
Former Piwigo Team
Cévennes (France)
2006-09-23
567

Re: Great new 'homepage' - how to do that top nav like Piwigo?

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


My galleries : Photos, Watercolours, Recipes

Offline

 

#7 2010-04-28 11:49:10

mediapuck
Member
usa till nov - then Austria
2010-04-23
54

Re: Great new 'homepage' - how to do that top nav like Piwigo?

Thank you Tosca - appreciate it :)

Offline

 

#8 2010-05-16 12:35:12

sonreir
Member
2009-05-03
27

Re: Great new 'homepage' - how to do that top nav like Piwigo?

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

 

#9 2010-05-16 12:49:55

tosca
Former Piwigo Team
Cévennes (France)
2006-09-23
567

Re: Great new 'homepage' - how to do that top nav like Piwigo?

The language switcher is available as [extension by Piwigo Team] Language Switch.


My galleries : Photos, Watercolours, Recipes

Offline

 

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2024 · Contact