how can I add the image in header more bigger

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
Locked
maxterx
Registered User
Posts: 131
Joined: Fri Feb 27, 2009 1:44 pm

how can I add the image in header more bigger

Post by maxterx »

what I mean is this:
http://i40.tinypic.com/117uums.jpg
http://i40.tinypic.com/117uums.jpg

how can I enlarge it


I need these dimensions
846px × 100px

and add a link to the photo

help me
:( :(
Last edited by maxterx on Tue Jun 16, 2009 12:57 am, edited 1 time in total.

maxterx
Registered User
Posts: 131
Joined: Fri Feb 27, 2009 1:44 pm

Re: how can I add the image bigger style: prosilver_se

Post by maxterx »

help me please
:(

User avatar
Josh
Former Team Member
Posts: 1882
Joined: Sun Jan 25, 2009 3:08 pm
Location: Melbourne, AUS
Name: Josh Simpson
Contact:

Re: how can I add the image in header more bigger

Post by Josh »

If you want to widen the grey banner, you can adjust the forum width here:
common.css

Code: Select all

#wrap {
	padding: 0 20px;
	min-width: 650px;
	width: 900px;
	margin: 0 auto;
}
if you want to control the height, you can change it here:
common.css

Code: Select all

#site-description {
	float: left;
	width: 70%;
}
replace with:

Code: Select all

#site-description {
	float: left;
	width: 70%;
	height: 100px;
}
Josh Simpson- Formerly known as "HardStyle"
Styles: Submission Policy | Database | Knowledge Base | Demo
Please do not PM me for personal support.
Image

maxterx
Registered User
Posts: 131
Joined: Fri Feb 27, 2009 1:44 pm

Re: how can I add the image in header more bigger

Post by maxterx »

and how can i add a link to the photo?

maxterx
Registered User
Posts: 131
Joined: Fri Feb 27, 2009 1:44 pm

Re: how can I add the image in header more bigger

Post by maxterx »

sry....

i have

Code: Select all

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
	height: 100px;
}
corners have problems

look:
http://i42.tinypic.com/qozr50.jpg
http://i42.tinypic.com/qozr50.jpg

and bottom corners missing

:(

User avatar
Josh
Former Team Member
Posts: 1882
Joined: Sun Jan 25, 2009 3:08 pm
Location: Melbourne, AUS
Name: Josh Simpson
Contact:

Re: how can I add the image in header more bigger

Post by Josh »

for the corners problem
in common.css
search:

Code: Select all

#site-description {
	float:left;
	width:70%;
}
and replace with

Code: Select all

#site-description {
	float:left;
	width:70%;
	height: 90px;
}
for the link
in common.css
search:

Code: Select all

#site-description {
add BEFORE

Code: Select all

.header-link { width: 100%; height: 100%; display: block; }
in overall_header.html
search:

Code: Select all

<div id="site-description">
	<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>
replace with

Code: Select all

<div id="site-description">
	<a class="header-link" href="yourlink">
		<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
	</a>
</div>
Josh Simpson- Formerly known as "HardStyle"
Styles: Submission Policy | Database | Knowledge Base | Demo
Please do not PM me for personal support.
Image

Locked

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