phpBB.nl

Nederlandstalige phpBB Support
https://www.phpbb.nl/forums/

header hoger maken, hoe?

https://www.phpbb.nl/forums/viewtopic.php?f=54&t=48903

Pagina 1 van 1

header hoger maken, hoe?

Geplaatst: 12 jan 2009, 15:49
door Imense
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?

Re: header breder maken, hoe?

Geplaatst: 12 jan 2009, 23:55
door Christophe
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

Re: header breder maken, hoe?

Geplaatst: 14 jan 2009, 19:37
door Imense
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?

Re: header breder maken, hoe?

Geplaatst: 15 jan 2009, 21:52
door purekid
http://www.spam.ext is een goede website voor vragen te stellen over photoshop ;)

Re: header breder maken, hoe?

Geplaatst: 16 jan 2009, 09:27
door Paul
purekid, graag niet spammen, dit is niet toegestaan volgens de regels. Je bericht voegt verder niks toe aan dit onderwerp. Je url is verwijderd.

Re: header breder maken, hoe?

Geplaatst: 18 jan 2009, 18:07
door Imense
Iemand die me helpen kan??????

Re: header breder maken, hoe?

Geplaatst: 02 feb 2009, 16:47
door Imense
Iemand die mij helpen kan?

Re: header breder maken, hoe?

Geplaatst: 02 feb 2009, 17:23
door Kevin
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.

Re: header breder maken, hoe?

Geplaatst: 09 feb 2009, 16:35
door Imense
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

Re: header hoger maken, hoe?

Geplaatst: 09 feb 2009, 16:41
door Imense
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 />

Re: header hoger maken, hoe?

Geplaatst: 10 feb 2009, 16:52
door Imense
Iemand, of zeg dat op zijn minst dat het niet mogelijk is, dan kan ik zoeken naar een andere style.

Re: header hoger maken, hoe?

Geplaatst: 10 feb 2009, 21:39
door Kevin
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.

Re: header hoger maken, hoe?

Geplaatst: 01 mar 2009, 19:14
door Imense
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?

Re: header hoger maken, hoe?

Geplaatst: 06 apr 2009, 08:13
door danny1969
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 ;)
Alle tijden zijn UTC+01:00
Pagina 1 van 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/