header hoger maken, hoe?

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
Gebruikersavatar
Imense
Berichten: 794
Lid geworden op: 22 apr 2006, 19:50
Contacteer:

header hoger maken, hoe?

Bericht door Imense » 12 jan 2009, 15:49

Ik heb deze style;
http://imense.sweetlovetalk.eu/index.ph ... d8fd140b42

En zoals je ziet is de overall_header erg smal waardoor een fatsoenlijke banner niet past.

Hoe kan ik die hoger maken?
Laatst gewijzigd door Imense op 09 feb 2009, 16:40, 1 keer totaal gewijzigd.

Gebruikersavatar
Christophe
Berichten: 156
Lid geworden op: 23 jul 2008, 16:37
Locatie: Stekene, België
Contacteer:

Re: header breder maken, hoe?

Bericht door Christophe » 12 jan 2009, 23:55

Hallo,

Je wilt waarschijnlijk de hoogte veranderen. Dit kan in de common.css bij .headerbar geloof ik ... Ben niet zeker. :?

Als je forum wat bezoekers heeft, kom ik zeker eens een keertje neuzen. Ik heb onlangs een photoshop cs3 extended gekocht, maar kan er amper mee werken 8-) Ik had voor de nederlandse gekozen, maar heb er een beetje spijt van vermits de meeste online tutorials engels zijn :(

Groeten,
Christophe

Gebruikersavatar
Imense
Berichten: 794
Lid geworden op: 22 apr 2006, 19:50
Contacteer:

Re: header breder maken, hoe?

Bericht door Imense » 14 jan 2009, 19:37

Hoi Bedankt voor je reactie, helaas doen we niet veel meer met PSP maar zitten wel wat mensen die er veel verstand van hebben dus je bent welkom hoor ben ook ooit met een simpele bewerking begonnen.
Christophe schreef:Je wilt waarschijnlijk de hoogte veranderen. Dit kan in de common.css bij .headerbar geloof ik ... Ben niet zeker.
Ja dat is idd de bedoeling, ik vraag mij of dit mogelijk is en zoja hoe kan ik dit aanpakken????
Iemand?

purekid
Berichten: 6
Lid geworden op: 30 dec 2008, 22:01

Re: header breder maken, hoe?

Bericht door purekid » 15 jan 2009, 21:52

http://www.spam.ext is een goede website voor vragen te stellen over photoshop ;)
Laatst gewijzigd door Paul op 16 jan 2009, 09:28, 2 keer totaal gewijzigd.
Reden: Dag spam

Gebruikersavatar
Paul
Beheerder
Beheerder
Berichten: 20315
Lid geworden op: 23 okt 2003, 11:38
Locatie: Utrecht
Contacteer:

Re: header breder maken, hoe?

Bericht door Paul » 16 jan 2009, 09:27

purekid, graag niet spammen, dit is niet toegestaan volgens de regels. Je bericht voegt verder niks toe aan dit onderwerp. Je url is verwijderd.

Gebruikersavatar
Imense
Berichten: 794
Lid geworden op: 22 apr 2006, 19:50
Contacteer:

Re: header breder maken, hoe?

Bericht door Imense » 18 jan 2009, 18:07

Iemand die me helpen kan??????

Gebruikersavatar
Imense
Berichten: 794
Lid geworden op: 22 apr 2006, 19:50
Contacteer:

Re: header breder maken, hoe?

Bericht door Imense » 02 feb 2009, 16:47

Iemand die mij helpen kan?

Gebruikersavatar
Kevin
Berichten: 1684
Lid geworden op: 06 nov 2007, 17:22
Locatie: Brabants schoon
Contacteer:

Re: header breder maken, hoe?

Bericht door Kevin » 02 feb 2009, 17:23

Ga eens kijken in de map met afbeeldingen van je stijl, waarschijnlijk staan daar de achtergrond afbeelding van de header in. Deze zal een vaste hoogte hebben en kun je waarschijnlijk niet met css zomaar vergroten zonder de boel te vervormen.

In het bestand imageset.cfg kun je de hoogte en breedte van de logo afbeelding wel aanpassen maar dan gaat dus die achtergrond niet mee.
Afbeelding
ForumHulp.nl kan u helpen met: Technisch onderhoud, Extensies installaties/aanpassingen en Webdesign.

Teammember op Afbeelding phpBBservice.nl Afbeelding , Winnaar in de phpBB awards 2009, 2010 en 2012 met AquaforA

Gebruikersavatar
Imense
Berichten: 794
Lid geworden op: 22 apr 2006, 19:50
Contacteer:

Re: header breder maken, hoe?

Bericht door Imense » 09 feb 2009, 16:35

Okay hier een copy van mn imageset.CFG echetr ik zie het plaatje van de overall_header nergens staan
zie ik hem over het hoofd? ZOdat ik hem eindelijk eens wat hoger kan maken ;)

Code: Selecteer alles

#
# phpBB Imageset Configuration File
#
# @package phpBB3
# @copyright (c) 2005 phpBB Group 
# @license http://opensource.org/licenses/gpl-license.php GNU Public License 
#
#
# At the left is the name, please do not change this
# At the right the value is entered
# For on/off options the valid values are on, off, 1, 0, true and false
#
# Values get trimmed, if you want to add a space in front or at the end of
# the value, then enclose the value with single or double quotes. 
# Single and double quotes do not need to be escaped.
#
#

# General Information about this style
name = SweetLoveTalk1
copyright = © 2008 Vjacheslav Trushkin
version = 2.0.0

# Images 
img_site_logo = site_logo.gif
img_upload_bar = spacer.gif*1*1
img_poll_left = poll_left.gif*12*4
img_poll_center = poll_center.gif*12*
img_poll_right = poll_right.gif*12*4
img_icon_friend =
img_icon_foe =

img_icon_contact_aim = icon_contact_aim.gif*13*34
img_icon_contact_icq = icon_contact_icq.gif*13*32
img_icon_contact_jabber = icon_contact_jabber.gif*13*48
img_icon_contact_msnm = icon_contact_msnm.gif*13*35
img_icon_contact_yahoo = icon_contact_yahoo.gif*13*34
img_icon_contact_www = icon_contact_www.gif*13*37
img_icon_user_warn = icon_user_warn.gif*13*11
img_icon_post_delete = icon_post_delete.gif*13*12
img_icon_post_info = icon_post_info.gif*13*12
img_icon_post_report = icon_post_report.gif*13*11

img_forum_link = forum_link.gif*27*26
img_forum_read = forum_read.gif*27*26
img_forum_read_locked = forum_read_locked.gif*27*26
img_forum_read_subforum = forum_read_subforum.gif*27*26
img_forum_unread = forum_unread.gif*27*26
img_forum_unread_locked = forum_unread_locked.gif*27*26
img_forum_unread_subforum = forum_unread_subforum.gif*27*26

img_topic_moved = topic_moved.gif*17*17

img_topic_read = topic_read.gif*17*17
img_topic_read_mine = topic_read_mine.gif*17*17
img_topic_read_hot = topic_read.gif*17*17
img_topic_read_hot_mine = topic_read_mine.gif*17*17
img_topic_read_locked = topic_read_locked.gif*17*17
img_topic_read_locked_mine = topic_read_locked_mine.gif*17*17

img_topic_unread = topic_unread.gif*17*17
img_topic_unread_mine = topic_unread_mine.gif*17*17
img_topic_unread_hot = topic_unread.gif*17*17
img_topic_unread_hot_mine = topic_unread_mine.gif*17*17
img_topic_unread_locked = topic_unread_locked.gif*17*17
img_topic_unread_locked_mine = topic_unread_locked_mine.gif*17*17

img_sticky_read = announce_read.gif*17*17
img_sticky_read_mine = announce_read_mine.gif*17*17
img_sticky_read_locked = announce_read_locked.gif*17*17
img_sticky_read_locked_mine = announce_read_locked_mine.gif*17*17
img_sticky_unread = announce_unread.gif*17*17
img_sticky_unread_mine = announce_unread_mine.gif*17*17
img_sticky_unread_locked = announce_unread_locked.gif*17*17
img_sticky_unread_locked_mine = announce_unread_locked_mine.gif*17*17

img_announce_read = announce_read.gif*17*17
img_announce_read_mine = announce_read_mine.gif*17*17
img_announce_read_locked = announce_read_locked.gif*17*17
img_announce_read_locked_mine = announce_read_locked_mine.gif*17*17
img_announce_unread = announce_unread.gif*17*17
img_announce_unread_mine = announce_unread_mine.gif*17*17
img_announce_unread_locked = announce_unread_locked.gif*17*17
img_announce_unread_locked_mine = announce_unread_locked_mine.gif*17*17

img_global_read = announce_read.gif*17*17
img_global_read_mine = announce_read_mine.gif*17*17
img_global_read_locked = announce_read_locked.gif*17*17
img_global_read_locked_mine = announce_read_locked_mine.gif*17*17
img_global_unread = announce_unread.gif*17*17
img_global_unread_mine = announce_unread_mine.gif*17*17
img_global_unread_locked = announce_unread_locked.gif*17*17
img_global_unread_locked_mine = announce_unread_locked_mine.gif*17*17

img_subforum_read = 
img_subforum_unread = 

img_pm_read = topic_read.gif*17*17
img_pm_unread = topic_unread.gif*17*17

img_icon_back_top =

img_icon_post_target = icon_topic_latest.gif*9*13
img_icon_post_target_unread = icon_topic_newest.gif*9*13

img_icon_topic_attach = icon_topic_attach.gif*12*6
img_icon_topic_latest = icon_topic_latest.gif*9*13
img_icon_topic_newest = icon_topic_newest.gif*9*13
img_icon_topic_reported = icon_topic_reported.gif*17*17
img_icon_topic_unapproved = icon_topic_unapproved.gif*17*17

Gebruikersavatar
Imense
Berichten: 794
Lid geworden op: 22 apr 2006, 19:50
Contacteer:

Re: header hoger maken, hoe?

Bericht door Imense » 09 feb 2009, 16:41

Dit is een copy van mn overallheader;

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE ca_config.html -->
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} - <!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF T_STYLESHEET_LINK -->
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
<!-- ELSE -->
<style type="text/css">
{T_THEME_DATA}
</style>
<!-- ENDIF -->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ie7.css" />
<![endif]-->

<script type="text/javascript">
// <![CDATA[

<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var perpage = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page > 0)
	{
		document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * perpage);
	}
}

/**
* Find a member
*/
function find_username(url)
{
	popup(url, 760, 570, '_usersearch');
	return false;
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

if(navigator.userAgent && navigator.userAgent.indexOf('Mac OS X') > 0)
{
	document.write('<link rel="stylesheet" href="{T_THEME_PATH}/mac.css" type="text/css" />');
}

// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">

<a name="top"></a>

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
    <td id="mainrow" valign="top">

	<div id="logorow" align="center">
	    <div id="logo1"><div id="logo2">
	        <div id="logo-text">
    	        <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
            </div>            
	    </div></div>
    </div>

	<div class="navrow">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_USER_LOGGED_IN --><a href="{U_PROFILE}">{L_PROFILE}</a> &#8226; <!-- ENDIF -->
			<!-- IF S_USER_LOGGED_IN -->
				<!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> &#8226; <!-- ENDIF -->
			<!-- ELSEIF S_REGISTER_ENABLED --><a href="{U_REGISTER}">{L_REGISTER}</a> &#8226; <!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF U_RESTORE_PERMISSIONS --><a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a> &#8226; <!-- ENDIF -->
		<a href="{U_FAQ}">{L_FAQ}</a>
		<!-- IF S_DISPLAY_SEARCH --> &#8226; <a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_MEMBERLIST --> &#8226; <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
		<!-- ENDIF -->
		<!-- IF not S_IS_BOT --> &#8226; <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- ENDIF -->
	</div>

	<div id="contentrow">

<!-- IF not S_IS_BOT && not $CA_SKIP_PM_NOTIFY && S_USER_LOGGED_IN && S_DISPLAY_PM -->
	<!-- IF S_USER_NEW_PRIVMSG -->
		<div class="pm-notify-new"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
	<!-- ELSEIF S_USER_UNREAD_PRIVMSG -->
		<div class="pm-notify-unread"><div class="pm-notify-header">{L_PRIVATE_MESSAGES}</div><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a></div>
	<!-- ENDIF -->
<!-- ENDIF -->  

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
	<div class="pm-notify-new"><div class="pm-notify-header">{L_INFORMATION}</div>{L_BOARD_DISABLED}</div>
<!-- ENDIF -->

<table width="100%" cellspacing="0">
<tr>
	<td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
	<td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
</tr>
</table>

	<!-- IF S_DISPLAY_SEARCH -->
	<p class="searchbar">
		<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
		<!-- IF S_USER_LOGGED_IN -->
		<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->

	<br style="clear: both;" />

	<!-- INCLUDE breadcrumbs.html -->

	<br />

Gebruikersavatar
Imense
Berichten: 794
Lid geworden op: 22 apr 2006, 19:50
Contacteer:

Re: header hoger maken, hoe?

Bericht door Imense » 10 feb 2009, 16:52

Iemand, of zeg dat op zijn minst dat het niet mogelijk is, dan kan ik zoeken naar een andere style.

Gebruikersavatar
Kevin
Berichten: 1684
Lid geworden op: 06 nov 2007, 17:22
Locatie: Brabants schoon
Contacteer:

Re: header hoger maken, hoe?

Bericht door Kevin » 10 feb 2009, 21:39

Kijk is in de map imageset of je die achtergrond uit je header ziet staan? waarschijnlijk als je die hoger maakt ben je al een eind op weg.
Afbeelding
ForumHulp.nl kan u helpen met: Technisch onderhoud, Extensies installaties/aanpassingen en Webdesign.

Teammember op Afbeelding phpBBservice.nl Afbeelding , Winnaar in de phpBB awards 2009, 2010 en 2012 met AquaforA

Gebruikersavatar
Imense
Berichten: 794
Lid geworden op: 22 apr 2006, 19:50
Contacteer:

Re: header hoger maken, hoe?

Bericht door Imense » 01 mar 2009, 19:14

kevin1979 schreef:Kijk is in de map imageset of je die achtergrond uit je header ziet staan? waarschijnlijk als je die hoger maakt ben je al een eind op weg.
Helaas staat die er niet tussen anders was dit op te lossen idd

zie dit voorbeeld nu http://imense.sweetlovetalk.eu/

Hele logo wordt inelkaar gedrukt omdat er geen ruimte is, ik wil die ruimte gewoon wat hoher maken iemand die me helpen kan zodat ik dit eindelijk eens op kan lossen?

danny1969
Berichten: 377
Lid geworden op: 21 aug 2007, 19:09
Contacteer:

Re: header hoger maken, hoe?

Bericht door danny1969 » 06 apr 2009, 08:13

Hey ik heb ook ongeveer deze vraag gesteld maar nog zonder resultaat.

Ik heb wel eventueel een oplossing voor je, door je Search Box te verplaatsen vergroot je ook je header.

2) Open styles/prosilver/theme/common.css.
zoek:

Code: Selecteer alles

#search-box {
   color: #FFFFFF;
   position: relative;
   margin-top: 30px;
   margin-right: 5px;
   display: block;
   float: right;
   text-align: right;
   white-space: nowrap; /* For Opera */
}
Als je daar nu de "margin-top: 30px;" groter maakt, zakt je search box waardoor de header groter wordt. Plaats dit op het aantal pixels van je afbeelding. Misschien dat dit een oplossing voor je is? Ik wacht ook nog af of dit op een andere manier kan zodat de search box weg kan.

Groetjes, Danny ;)

Plaats reactie