Adding search box in in the header using a custom template

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

The {SITE_LOGO_IMG} overlaps the non-clickable header, and puts the search box out of place. why is that happening? how should I anchor the header?

and is it possible to put a magnifying icon beside the search box? my custom template doesn't seem to have it.
n00b2010
Registered User
Posts: 21
Joined: Sat Feb 06, 2010 6:14 pm

Re: Adding search box in in the header using a custom templa

Post by n00b2010 »

Okay, just reverse everything i said. It looks like the logo is clickable.
User avatar
prototech
Former Team Member
Posts: 5406
Joined: Mon Mar 19, 2007 2:04 pm
Location: Southern California

Re: Adding search box in in the header using a custom templa

Post by prototech »

Upload the following images to:

imageset directory
top.gif
top.gif (948 Bytes) Viewed 320 times
theme/images directory
bg_header.gif
bg_header.gif (10.71 KiB) Viewed 320 times
In stylesheet.css, find:

Code: Select all

#logodesc {
   background: url("../imageset/top.gif") no-repeat 0 0;
Change to:

Code: Select all

#logodesc {
   background: url("./images/bg_header.gif") no-repeat 0 0;
In overall_header.html, find:

Code: Select all

   <div id="logodesc">
After, add:

Code: Select all

		<a href="{U_INDEX}" style="margin-left: 10px;">{SITE_LOGO_IMG}</a>
In imageset.cfg, find:

Code: Select all

img_site_logo = top.gif*100*978
Change to:

Code: Select all

img_site_logo = top.gif*52*96
Refresh your imageset and template - ACP => Styles => Imagesets/Templates.
Need help with MOD/style installations or other phpBB problems? Contact me for a quote.
n00b2010
Registered User
Posts: 21
Joined: Sat Feb 06, 2010 6:14 pm

Re: Adding search box in in the header using a custom templa

Post by n00b2010 »

Sorry to go off topic, but i like how the attachment scrolls to the right, is there a mod for BBcode images for this (3.0.6)? If not, i will request it. Not ReIMG Image Resizer.

It should be an easy css change with BBCode.html edit, right?? with max-width and auto scroll...
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

@prototech

Thank you very much sir! works perfectly! just one last thing, my search box looks too plain... here's a comparison pic.

Image

The upper pic is my search box, while the lower pic is what i want it to look like.
How do I add the search icon and the gradient 'search button'?
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

up
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

up
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

up
CaNNon_
Registered User
Posts: 392
Joined: Wed Apr 29, 2009 2:07 am

Re: Adding search box in in the header using a custom templa

Post by CaNNon_ »

Your image doesn't work. :idea:

Never mind it's showing on a refresh. :oops:
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

so, any idea how to do it?
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

up :(
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

up up and away.
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

up
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

up!
pinoynds
Registered User
Posts: 45
Joined: Thu Jan 07, 2010 5:15 pm

Re: Adding search box in in the header using a custom templa

Post by pinoynds »

up, please i think its simple enough. if someone could just point me in the right direction. -_-
Locked

Return to “[3.0.x] Styles Support & Discussion”