Overal header aanpassen

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
halsiemp3
Berichten: 363
Lid geworden op: 10 mar 2005, 13:24

Overal header aanpassen

Bericht door halsiemp3 » 17 jan 2009, 13:59

hoi ik zou iemand me kunnen helpen om mijn logo over de hele breedte te krijgen zodat het er strak uit ziet..?
liefst logo vernoemen naar logo.gif in templates images map
Heb overal header toegevoegd.
groetjes Nick

screen van wat ik wil

Spoiler: bekijk

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 _mg_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="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript" src="{T_TEMPLATE_PATH}/scripts.js"></script>
<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 -->

// ]]>
</script>
<!--[if lt IE 7]>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/pngfix.js"></script>
<![endif]-->
</head>
<body class="{S_CONTENT_DIRECTION}">

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

<!-- <div id="wrapper"> -->
<div style="width:{$MG_GLOBAL_WIDTH};clear:both;margin: 0 auto;">
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td class="leftshadow" width="9" valign="top">&nbsp;</td>
	  <td class="np-body" width="100%" valign="top">

<div id="top_logo">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
  <td height="150" align="center" valign="middle"><a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo.gif" width="100%" height="100%" alt="logo" /></a></td>
  </tr>
<tr>
<td height="150" align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
</tr>
</table>
</div>

<p>
  <!-- INCLUDE menu_block.html -->
  
  <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN -->
  <span style="color:#CC3333;">{L_BOARD_DISABLED}</span>
  <!-- ENDIF -->
  </p>
<div id="wrapcentre">
  
  <!-- IF S_USER_PM_POPUP and S_NEW_PM -->
</p>
<div style="margin-top:50px;margin-bottom:50px;text-align:center;clear:both;"><div class="popuppm-new"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></div>
<!-- ENDIF -->
<!-- INCLUDE announcement_centre.html -->
Omhoog
Gebruikersavatar
Kevin
Berichten: 1684
Lid geworden op: 06 nov 2007, 17:22
Locatie: Brabants schoon
Contacteer:
Contacteer Kevin

Re: Overal header aanpassen

Bericht door Kevin » 18 jan 2009, 20:09

Probeer het zo eens.

Verwijder het volgende uit de overall_header.html

zoek

Code: Selecteer alles

<div id="top_logo">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
  <td height="150" align="center" valign="middle"><a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo.gif" width="100%" height="100%" alt="logo" /></a></td>
  </tr>
<tr>
<td height="150" align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
</tr>
</table>
</div>
en verwijder

Code: Selecteer alles

<td height="150" align="center" valign="middle"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
Open het bestand imageset.cfg uit de map imageset van jouw stijl en voer daar de juiste afmetingen in voor jouw nieuwe header. Er zal iets staan in de trant van " img_site_logo = logo.jpg*100*200"

Vergeet niet je cache te legen en je stijl templates en theme te vernieuwen in het beheerspaneel.
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
Omhoog
halsiemp3
Berichten: 363
Lid geworden op: 10 mar 2005, 13:24

Re: Overal header aanpassen

Bericht door halsiemp3 » 23 jan 2009, 20:21

hmm krijg het niet helemaal voor elkaar..:(
De tekst is weg.
maar ik krijg de groote niet full screen in me image map staat geen cfg bestand..:$

dit is hoe het er nu uit ziet

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

Re: Overal header aanpassen

Bericht door Kevin » 24 jan 2009, 09:27

Kun je is een live link geven? en welke stijl gebruik je?
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
Omhoog
halsiemp3
Berichten: 363
Lid geworden op: 10 mar 2005, 13:24

Re: Overal header aanpassen

Bericht door halsiemp3 » 25 jan 2009, 20:37

ik geef je de link ff in pb aangezien de site nog niet online is en er leden van onze site ook hierop zitten..;)
Omhoog
Gebruikersavatar
Kevin
Berichten: 1684
Lid geworden op: 06 nov 2007, 17:22
Locatie: Brabants schoon
Contacteer:
Contacteer Kevin

Re: Overal header aanpassen

Bericht door Kevin » 27 jan 2009, 08:41

Toch zie ik in een download van die stijl wel het bestand imageset.cfg staan. :roll: Die zal je toch moeten opzoeken omdat daar nu instaat dat de header afbeelding 150x150 moet worden.


Ik weet niet of dit de juiste is aangezien er veel variaties zijn op deze stijl en of je nog andere aanpassingen erin gedaan hebt maar dit zou de gehele inhoud moeten zijn van imageset.cfg

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 = Rainbow Pearl
copyright = Mighty Gorgon &copy; 2008
version = 1.4.5

# Images
img_site_logo = sitelogo_small.png*150*150
img_upload_bar = upload_bar.gif*16*280
img_poll_left = poll_left.gif*12*5
img_poll_center = poll_center.gif*12*
img_poll_right = poll_right.gif*12*5
img_icon_friend =
img_icon_foe =

img_forum_link = forum_link.png*31*31
img_forum_read = forum_read.png*31*31
img_forum_read_locked = forum_read_locked.png*31*31
img_forum_read_subforum = forum_read_subforum.png*31*31
img_forum_unread = forum_unread.png*31*31
img_forum_unread_locked = forum_unread_locked.png*31*31
img_forum_unread_subforum = forum_unread_subforum.png*31*31

img_topic_moved = topic_moved.png*17*17

img_topic_read = topic_read.png*17*17
img_topic_read_mine = topic_read_mine.png*17*17
img_topic_read_locked = topic_read_locked.png*17*17
img_topic_read_locked_mine = topic_read_locked_mine.png*17*17
img_topic_unread = topic_unread.png*17*17
img_topic_unread_mine = topic_unread_mine.png*17*17
img_topic_unread_locked = topic_unread_locked.png*17*17
img_topic_unread_locked_mine = topic_unread_locked_mine.png*17*17

img_topic_read_hot = topic_read_hot.png*17*17
img_topic_read_hot_mine = topic_read_hot_mine.png*17*17
img_topic_unread_hot = topic_unread_hot.png*17*17
img_topic_unread_hot_mine = topic_unread_hot_mine.png*17*17

img_sticky_read = important_read.png*17*17
img_sticky_read_mine = important_read_mine.png*17*17
img_sticky_read_locked = important_read_locked.png*17*17
img_sticky_read_locked_mine = important_read_locked_mine.png*17*17
img_sticky_unread = important_unread.png*17*17
img_sticky_unread_mine = important_unread_mine.png*17*17
img_sticky_unread_locked = important_unread_locked.png*17*17
img_sticky_unread_locked_mine = important_unread_locked_mine.png*17*17

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

img_global_read = announce_global_read.png*17*17
img_global_read_mine = announce_global_read_mine.png*17*17
img_global_read_locked = announce_global_read_locked.png*17*17
img_global_read_locked_mine = announce_global_read_locked_mine.png*17*17
img_global_unread = announce_global_unread.png*17*17
img_global_unread_mine = announce_global_unread_mine.png*17*17
img_global_unread_locked = announce_global_unread_locked.png*17*17
img_global_unread_locked_mine = announce_global_unread_locked_mine.png*17*17

img_subforum_read =
img_subforum_unread =

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

img_icon_back_top =

img_icon_post_target = icon_post_target.gif*9*7
img_icon_post_target_unread = icon_post_target_unread.gif*9*7

img_icon_topic_attach = icon_topic_attach.gif*16*16
img_icon_topic_latest = icon_topic_latest.gif*9*18
img_icon_topic_newest = icon_topic_newest.gif*9*18
img_icon_topic_reported = icon_topic_reported.png*17*17
img_icon_topic_unapproved = icon_topic_unapproved.png*17*17

Dit stukje zou je moeten aanpassen naar het formaat van je bannerafbeelding.

Code: Selecteer alles

img_site_logo = sitelogo_small.png*150*150
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
Omhoog
halsiemp3
Berichten: 363
Lid geworden op: 10 mar 2005, 13:24

Re: Overal header aanpassen

Bericht door halsiemp3 » 28 jan 2009, 14:29

heb het wel gevonden was gewoon scheeeeel maar krijg hem nog steeds niet groot daarmee..:(
Omhoog
Jim
Berichten: 3900
Lid geworden op: 21 feb 2007, 14:53
Locatie: Groningen
Contacteer:
Contacteer Jim

Re: Overal header aanpassen

Bericht door Jim » 28 jan 2009, 14:34

Heb je daarna ook je afbeeldingensets vernieuwd?

Beheerderspaneel -> Stijlen -> Afbeeldingensets -> Vernieuw
Jim Mossing Holsteyn - Beheerder
Documentatie | Algemene voorwaarden | Wiki

Heb je suggesties over het verbeteren van phpBB.nl of andere site-gerelateerde vragen? Stuur me een PB!
Omhoog
halsiemp3
Berichten: 363
Lid geworden op: 10 mar 2005, 13:24

Re: Overal header aanpassen

Bericht door halsiemp3 » 28 jan 2009, 17:16

dat was het probleem dus had ik niet gedaan thanxx nu nog een vraag is het ook mogelijk zo instellen dat hij tabel vullend is..??
want nu scheelt het bij elk beeldformaat hoe de banner eruit ziet..:$
ik heb nog streepje over terwijl mede admin nu een balk onderin heeft..:$
Omhoog
Plaats reactie

Terug naar “3.0 Stijlen”