A precision about Header +Banner

plocploc / 2012-10-24 11:56:25   

Hello

I'm trying to put a header above my index+exhibit areas

I've followed differents threads available in this forum but it doesn't work

1/ What have I to write in the index.php template

just that ? But where ?


And if I want to refer to a picture where I have to specify the path ? in Style.css ?

I seems to be simple but I'm lost. Any help would be greatly appreciated !

All the best

arsondpi / 2012-10-24 15:59:32   

Did you read this thread?
indexhibit.org/forum/thread/16421/

If so, at which stage did you get stuck?
Show us a url address so we can see and help you continue your customisation...

plocploc / 2012-10-24 17:26:14   

Yes I followed the thread

I wrote

In index.php

And try to customize the style.css with my header picture...

Once I managed to see my banner image but it was visible just on the first page and disappeared when i clicked on my exhibit.

I'll try in a couple of hours to do it again

aymericvergnon.net

Cheers

plocploc / 2012-10-24 18:53:56   

So here is the code I wrote inside index.php

  1. /base.css<last:page:version: />' type='text/css' />
  2. <link rel='stylesheet' href='{{baseurl}}/ndxzsite/{{obj_theme}}/style.css<last:page:version />' type='text/css' />
  3. <last:page:css />
  4. <last:page:javascript />
  5. <last:page:onready /><plugin:backgrounder />



{{obj_itop}}

{{obj_ibot}}

And here what I wrote inside style.css

  1. header {
  2.         background:url('aymericvergnon/files/dimgs/…') no-repeat;
  3.           width:1920px;
  4.           height:250px;
  5. }

What's wrong ?

plocploc / 2012-10-24 18:56:22   

Sorry first code isn't complete

Here it is

  1. </head>
  1. <body class='{{object}} section-{{section_id}} exhibit-{{id}} format-{{format}}'>
  2. <div id='header'> </div>
  3. <div id='index'>
  4. <div class='container'>
Off course I've just add but I wanted to show where i wrote it

Thanks again

plocploc / 2012-10-26 08:57:01   

No idea ?
Thanks if you can help me !

arsondpi / 2012-10-26 09:34:58   

try something like this (some properties reset stuff you changed...)

  1. #header { position: fixed; 
  2.     background: url("CORRECT_PATH_TO_IMAGE") no-repeat;
  3.     height: 250px;
  4.     width: 1920px; 
  5.     top: 0;
  6.     left: 0;
  7.     z-index: 9999;
  8. }
  9. #index { height: auto; top: 250px; } 
  10. #exhibit { position: relative; top: auto; right:auto; margin: 250px 0 0 250px; }
plocploc / 2012-10-26 09:49:40   

Sorry but nothing happens !

In index.php do I have to write something else than ?

Thanks again

arsondpi / 2012-10-26 10:15:48   

I don't see the css rules above anywhere in your style.css

plocploc / 2012-10-26 15:29:23   

Deeply sorry I made a mistake
I took of the "#" before Header and forgot to check carefully the path to my image.
I works now, just have to fixe some cosmetic detail

Thanks very much and I do apologize for not having properly write the rules

All the best

This thread has been closed, thank you.