[Fixed] 2.7 How to integrate image in header with link?

You made an own skin or theme for phpMyFAQ. You can share it here with others!

Moderator: Thorsten

Post Reply
JochenS
Posts: 120
Joined: Wed Feb 16, 2011 3:51 pm
Location: Schönaich
Contact:

[Fixed] 2.7 How to integrate image in header with link?

Post by JochenS » Thu Sep 22, 2011 11:15 am

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>
Last edited by JochenS on Fri Sep 23, 2011 2:33 pm, edited 1 time in total.
Our public FAQ is proudly powered by phpMyFAQ: http://vhtfaq.ge51.honeywell.de/

JochenS
Posts: 120
Joined: Wed Feb 16, 2011 3:51 pm
Location: Schönaich
Contact:

2.7 How to integrate image in header with link!

Post by JochenS » Fri Sep 23, 2011 2:32 pm

I have added some "floating" elements to achive this.

This one is now updated with viewtopic.php?F2&t=13399
You do not have the required permissions to view the files attached to this post.
Our public FAQ is proudly powered by phpMyFAQ: http://vhtfaq.ge51.honeywell.de/

jason102178
Posts: 200
Joined: Tue Nov 02, 2010 9:08 am
Location: United States-Ohio
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by jason102178 » Sat Sep 24, 2011 3:02 pm

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.
phpMyFAQ Quality Assurance / Forum Moderator
Amazon.com Wishlist

jason102178
Posts: 200
Joined: Tue Nov 02, 2010 9:08 am
Location: United States-Ohio
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by jason102178 » Sat Sep 24, 2011 7:53 pm

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
phpMyFAQ Quality Assurance / Forum Moderator
Amazon.com Wishlist

jason102178
Posts: 200
Joined: Tue Nov 02, 2010 9:08 am
Location: United States-Ohio
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by jason102178 » Sat Sep 24, 2011 9:13 pm

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
phpMyFAQ Quality Assurance / Forum Moderator
Amazon.com Wishlist

JochenS
Posts: 120
Joined: Wed Feb 16, 2011 3:51 pm
Location: Schönaich
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by JochenS » Mon Sep 26, 2011 12:45 pm

Are you shocked? Nice for a large screen, is't it? See https://github.com/thorsten/phpMyFAQ/issues/26
Our public FAQ is proudly powered by phpMyFAQ: http://vhtfaq.ge51.honeywell.de/

jason102178
Posts: 200
Joined: Tue Nov 02, 2010 9:08 am
Location: United States-Ohio
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by jason102178 » Mon Sep 26, 2011 1:39 pm

yeah but it off sets the navigaton bar instead of keeping it centered
phpMyFAQ Quality Assurance / Forum Moderator
Amazon.com Wishlist

jason102178
Posts: 200
Joined: Tue Nov 02, 2010 9:08 am
Location: United States-Ohio
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by jason102178 » Mon Sep 26, 2011 2:26 pm

is there just a simple code to use an image with a link and move it to left
phpMyFAQ Quality Assurance / Forum Moderator
Amazon.com Wishlist

JochenS
Posts: 120
Joined: Wed Feb 16, 2011 3:51 pm
Location: Schönaich
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by JochenS » Tue Sep 27, 2011 12:18 pm

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; }
2.) 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>
3.) 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); }
4.) 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} 
Last edited by JochenS on Tue Sep 27, 2011 3:18 pm, edited 1 time in total.
Our public FAQ is proudly powered by phpMyFAQ: http://vhtfaq.ge51.honeywell.de/

Thorsten
Posts: 14431
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by Thorsten » Tue Sep 27, 2011 12:47 pm

Hi,

this isn't valid HTML.

bye
Thorsten
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist

JochenS
Posts: 120
Joined: Wed Feb 16, 2011 3:51 pm
Location: Schönaich
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by JochenS » Tue Sep 27, 2011 3:19 pm

Thanks for the comment. (I tried to make the sufficient changed in bold) Entry is updated.
Our public FAQ is proudly powered by phpMyFAQ: http://vhtfaq.ge51.honeywell.de/

jason102178
Posts: 200
Joined: Tue Nov 02, 2010 9:08 am
Location: United States-Ohio
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by jason102178 » Tue Sep 27, 2011 3:40 pm

so this wouldnt work for me ? to allow me to get rid of the text and add a logo with the link
phpMyFAQ Quality Assurance / Forum Moderator
Amazon.com Wishlist

JochenS
Posts: 120
Joined: Wed Feb 16, 2011 3:51 pm
Location: Schönaich
Contact:

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by JochenS » Wed Sep 28, 2011 6:47 am

Yes this is the procedure for this. Give it a try.
Our public FAQ is proudly powered by phpMyFAQ: http://vhtfaq.ge51.honeywell.de/

toddb570
Posts: 4
Joined: Mon Jan 30, 2012 1:19 am

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by toddb570 » Mon Jan 30, 2012 8:56 am

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.

Zumbulcik
Posts: 2
Joined: Fri Dec 07, 2012 3:56 pm

Re: [Fixed] 2.7 How to integrate image in header with link?

Post by Zumbulcik » Fri Dec 07, 2012 4:00 pm

JochenS wrote:Are you shocked? Nice for a large screen, is't it? See https://github.com/thorsten/phpMyFAQ/issues/26
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 :(

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests