Announcement

#1 2013-09-11 10:58:12

raymond1965
Member
2013-09-05
83

header manager

Hi,
What is the best way to add a logo in the left side of the header and align the header banner to the right?


Thanks
Ray

Offline

 

#2 2013-09-11 11:02:26

flop25
Piwigo Team
2006-07-06
6895

Re: header manager

Hi
use html and inline CSS  in the header (option page), like <div style='float:left' ....


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#3 2013-09-11 11:06:15

jessepunter
Member
England
2013-04-23
44

Re: header manager

Hi raymond1965,

I do something similar and have a logo on the left of the header, an image across the middle and a shopping cart icon on the right.

I do this all in the Page Banner field within the configuration -> Options admin page.

My banner is like this:

Code:

<div style="background-color: #ffffff; width:100%; text-align:center; padding-top:10px; margin-top: 20px; min-width: 800px; vertical-align:top;">
  <div style="width:200px; text-align:center; float:left;">
    <a href="http://www.blahblah.co.uk/core/piwigo/index.php" title="Home Page">
    <img height="125px" src="http://www.blahblah.co.uk/core/images/logo.png" alt="Logo" />
    </a>
  </div>
  <div style="width:200px; height: 150px; text-align:center; float:right; position: relative">
    <div style="position: absolute; bottom: 0%; right: 10%;">
      <a href="http://www.blahblah.co.uk/core/piwigo/index.php?/page/Cart" title="View Basket">
      <input type="text" id="cartContents"; style="width:100px; height:100%; border:0; background-color:white; text-align:right" value="" readonly>
      <img height="48px" style="vertical-align: bottom;" src="http://www.blahblah.co.uk/core/images/cart.png" alt="View Cart" />
      </a>
    </div>
  </div>
  <div style="text-align:center; width:500px; margin: auto;">
    <a href="http://www.......link to page" title="My Website"><img height="150" src="http://www.blahbalh.co.uk/core/images/mainimage.png" alt="Welcome To My Website" />
    </a>
  </div>
</div>

I hope that helps!

Last edited by flop25 (2013-09-11 11:13:52)


I'm no expert, I'm basically a beginner with an alter ego!
My sites:
My First Piwigo Site
My Hobby Site

Offline

 

#4 2013-09-11 14:35:58

raymond1965
Member
2013-09-05
83

Re: header manager

Hi,
I added the script to see what I get and it's works. (original)

Only I tried change things and I don't get it view correctly.

When I change to logo it's shows correct.
The only two things is the banner and the cart.
The cart should be deleted and the banner should stand there right side

Maybe you can help me out

The logo is w235px x h114px h and the banner is w800px x w200px

Thanks

Ray

Offline

 

#5 2013-09-11 15:07:42

jessepunter
Member
England
2013-04-23
44

Re: header manager

I'll try Ramond! :)

So are you left with something like this:

<div style="background-color: #ffffff; width:100%; text-align:center; padding-top:10px; margin-top: 20px; min-width: 800px; vertical-align:top;">
  <div style="width:235px; text-align:center; float:left;">
    <a href="http://www.blahblah.co.uk/core/piwigo/index.php" title="Home Page">
    <img height="114px" src="http://www.blahblah.co.uk/core/images/logo.png" alt="Logo" />
    </a>
  </div>
  <div style="text-align:center; width:800px; margin: auto;">
    <a href="http://www.......link to page" title="My Website"><img height="200" src="http://www.blahbalh.co.uk/core/images/mainimage.png" alt="Welcome To My Website" />
    </a>
  </div>
</div>

?

Do you want to send me your current code and I'll play about with it, also any screen shots so I can see your problem?


I'm no expert, I'm basically a beginner with an alter ego!
My sites:
My First Piwigo Site
My Hobby Site

Offline

 

#6 2013-09-11 15:11:06

flop25
Piwigo Team
2006-07-06
6895

Re: header manager

Post a direct link to your gallery, and also play with Firebug as stated in our doc


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

#7 2013-09-11 15:14:24

jessepunter
Member
England
2013-04-23
44

Re: header manager

Good point flop25, firebug helps so much with being able to play with style and settings within a page so you can see the impact of changes. I used it to get my header working properly.


I'm no expert, I'm basically a beginner with an alter ego!
My sites:
My First Piwigo Site
My Hobby Site

Offline

 

#8 2013-09-12 22:03:49

raymond1965
Member
2013-09-05
83

Re: header manager

Hi
Thanks for your information

I solved it a different way.

I used css to add the logo (bg) and used a table the add the banners....

Offline

 

#9 2013-09-12 22:07:42

jessepunter
Member
England
2013-04-23
44

Re: header manager

High Five!


I'm no expert, I'm basically a beginner with an alter ego!
My sites:
My First Piwigo Site
My Hobby Site

Offline

 

Board footer

Powered by FluxBB

github twitter facebook google+ newsletter Donate Piwigo.org © 2002-2019 · Contact