Indexhibit Support

Impressum

header image

matlokgriffiths / 2013-01-25 09:03:45   

hello,
Apologies, I realise this topic has been addressed alot but i can't seem to work out where exactly in v2.0 to add the code to link to my header image.

I think I that the code should be something along the lines of

Do i edit it in the index.php document and if so what line do i add the aforementioned code to?

Thanks for a great service, regards,
matlok

arsondpi / 2013-01-25 09:22:43   

Hello!

Please use

<code>CODE GOES HERE</code>

and post your url so we get some idea of what you've managed so far.
It's pretty easy to be honest - this post is helpful: indexhibit.org/forum/thread/16421/

matlokgriffiths / 2013-01-25 11:26:12   

eeep, sorry- i thought i had.
my url is matlokgriffiths.com

and this is the code i thought i mentioned in the previous post

regarding that other post where it says

#index and #exhibit are nested in your #header

is that referring to a line in the index.php page?
thanks again,
mg

matlokgriffiths / 2013-01-25 11:27:06   

im sorry for some reason when i type the code in my reply it is not showing up

arsondpi / 2013-01-25 12:43:08   

yes you need to edit things in the index.php of your theme.

There's many ways doing this and I'm gonna post a simple but different solution:

Your index.php of your template should look like this:

  1. <!doctype html>
  2. <html lang='{{site_lang}}'>
  3. <head>
  4. <meta charset='utf-8'>
  5. <title><last:ndxz_title /> : {{obj_name}}</title>
  6. <last:page:meta />
  7. <link rel='alternate' type='application/rss+xml' title='RSS' href='{{baseurl}}/xml/' />
  8. <link rel='stylesheet' href='{{baseurl}}/ndxzsite/{{obj_theme}}/reset.css<last:page:version: />' type='text/css' />
  9. <link rel='stylesheet' href='{{baseurl}}/ndxzsite/{{obj_theme}}/base.css<last:page:version: />' type='text/css' />
  10. <link rel='stylesheet' href='{{baseurl}}/ndxzsite/{{obj_theme}}/style.css<last:page:version />' type='text/css' />
  11. <last:page:css />
  12. <last:page:javascript />
  13. <last:page:onready /><plugin:backgrounder />
  14. </head>
  15. <body class='{{object}} section-{{section_id}} exhibit-{{id}} format-{{format}}'>
  16. <div class='top'>{{obj_itop}}</div>
  17. <div id='index'>
  18. <div class='container'>
  19. <plugin:index:load_index />
  20. <div class='bot'>{{obj_ibot}}</div>
  21. <last:page:append_index />
  22. </div>
  23. </div>
  24. <div id='exhibit'>
  25. <div class='container'>
  26. <div class='top'><!-- --></div>
  27. <!-- text and image -->
  28. <plugin:page:exhibit />
  29. <!-- end text and image -->
  30. </div>
  31. </div>
  32. <plugin:page:append_page />
  33. <plugin:page:closing />
  34. </body>
  35. </html>

Now your Pre-nav area is your header area.
You need to define how it's going to look like by adding a css rule to your style.css, for example:

  1. .top {
  2.     background: yellow;
  3.     height: 50px;
  4.     position: relative;
  5.     width: 100%;
  6. }

Of course in the pre-nav area you can insert an image, an h1 tag, text or even a combination of all of the above.
Try it.

matlokgriffiths / 2013-01-27 00:23:35   

thanks Arson, it worked! I didnt realise the role the Pre-nav area in Theme played.
Thank you for help!

This thread has been closed, thank you.