Page 1 of 1
[Fixed] 2.7 How to integrate image in header with link?
Posted: Thu Sep 22, 2011 11:15 am
by JochenS
I tried to integrate an image in the header for the version 2.7 and not use the text. If I do it like in 2.6, it works in general.
But it is
below the login box. So I waste height and on the 16:9 monitors this is not nice. Is there an solution? Here is my header section from index.tpl:
Code: Select all
<header id="header">
<a href="http://fdfaq.ge51.honeywell.de"><img src="/images/header_logo.gif" alt="Honeywell" title="" /></a>
<div id="loginBox">
{loginbox}
</div>
</header>
2.7 How to integrate image in header with link!
Posted: Fri Sep 23, 2011 2:32 pm
by JochenS
I have added some "floating" elements to achive this.
This one is now updated with
viewtopic.php?F2&t=13399
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Sat Sep 24, 2011 3:02 pm
by jason102178
Are changing all these files necessary to achive the problem with adding image to header, i downloaded and looked at all the files, and some had changes and others had no changes done to them.
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Sat Sep 24, 2011 7:53 pm
by jason102178
i do think some files dont need to be changed, you included the images folder and the send2friend sendmail, sitemap.tpl,tagcloud, translate favicon, all in which i know isnt for the above solution above... i would only make a zip file to fix the above problem with the image in header
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Sat Sep 24, 2011 9:13 pm
by jason102178
I would also just insert what files need to be edited and put the code in the FAQ, and leave the css and everything unaltered because i tried implementing this and my whole FAQ took up my whole screen because you also changed the width in the css of the layout....
this is what your changes made it looked like and i edited line 59 in index.tpl and inserted were my logo was and it didnt even insert the logo
https://www.jaysonberger.com/faq1/phpmyfaq.JPG
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Mon Sep 26, 2011 12:45 pm
by JochenS
Are you shocked? Nice for a large screen, is't it? See
https://github.com/thorsten/phpMyFAQ/issues/26
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Mon Sep 26, 2011 1:39 pm
by jason102178
yeah but it off sets the navigaton bar instead of keeping it centered
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Mon Sep 26, 2011 2:26 pm
by jason102178
is there just a simple code to use an image with a link and move it to left
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Tue Sep 27, 2011 12:18 pm
by JochenS
Updated: removed the try of bold format
To start from the default fileset you need the following changes:
1.) Add the following line to /css/style.css (e.g. in line 167)
Code: Select all
#header logoleft {
float: left; margin-top: -2.5em; }
Add the following line to index.php indexNewUser.tpl and indexLogin.tpl.
Adapt your text and logo.(line 60)
Code: Select all
<LogoLeft>
<a href="{faqHome}"><img src="/images/header_logo.gif" alt="text" title="" /></a>
</LogoLeft>
Adapt the offset of the nav bar with the
top parameter in the /css/style.css (approx. line 189)
Code: Select all
position: absolute; left: 0; top: 108px; width: 100%; background: url(../images/nav_background.png); }
Adapt the offset of the main content with the
margin-top parameter in the /css/style.css (approx. line 226)
Code: Select all
#content {
clear: both; margin-left: 2em; margin-top: 100p}
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Tue Sep 27, 2011 12:47 pm
by Thorsten
Hi,
this isn't valid HTML.
bye
Thorsten
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Tue Sep 27, 2011 3:19 pm
by JochenS
Thanks for the comment. (I tried to make the sufficient changed in bold) Entry is updated.
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Tue Sep 27, 2011 3:40 pm
by jason102178
so this wouldnt work for me ? to allow me to get rid of the text and add a logo with the link
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Wed Sep 28, 2011 6:47 am
by JochenS
Yes this is the procedure for this. Give it a try.
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Mon Jan 30, 2012 8:56 am
by toddb570
jason102178 wrote:is there just a simple code to use an image with a link and move it to left
Hi this wouldnt work for me as well,I want to add an image with a banner in left side , couple of link and a logo in right side, stuck on it now.
Re: [Fixed] 2.7 How to integrate image in header with link?
Posted: Fri Dec 07, 2012 4:00 pm
by Zumbulcik
Hi Jochen!
Which code has to be used to allign the header in the middle of the screen and where should I put it in? I am new and I dont know how to handle that
