Logo klikbaar maken

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
Esther79
Berichten: 41
Lid geworden op: 10 aug 2008, 20:27
Locatie: Rotterdam

Logo klikbaar maken

Bericht door Esther79 » 18 aug 2008, 18:05

Ik heb de template L_Antre gekozen voor mijn forum maar voorheen kon ik de banner bovenaan klikbaar maken naar een link buiten het forum.
Heb nu gemerkt dat het bij phpbb3 wat minder makkelijk is maar hoe kan ik het nu veranderen?
Hieronder de code zoals het origineel is

Code: Selecteer alles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<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>

<!--
	phpBB style name: L_Antre
	Based on style:   prosilver (this is the default phpBB3 style)
	Original author:  Tom Beddard ( http://www.subBlue.com/ )
	Modified by:  Morgyanne ( http://morgyanne.free.fr/forum/ )      
	
	NOTE: This page was generated by phpBB, the free open-source bulletin board package.
	      The phpBB Group is not responsible for the content of this page and forum. For more information
	      about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
	var jump_page = '{LA_JUMP_PAGE}:';
	var on_page = '{ON_PAGE}';
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';
	var style_cookie = 'phpBBstyle';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- ENDIF -->

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

	/**
	* New function for handling multiple calls to window.onload and window.unload by pentapenguin
	*/
	window.onload = function()
	{
		for (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

	window.onunload = function()
	{
		for (var i = 0; i < onunload_functions.length; i++)
		{
			eval(onunload_functions[i]);
		}
	}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
	<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="banner">
			<div class="inner"><span class="corners-top"><span></span></span>

			<span class="corners-bottom"><span></span></span></div>
		</div>

		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo"></a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
			</div>

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

			<span class="corners-bottom"><span></span></span></div>
		</div>

		<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull; 
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><li class="icon-login"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and not S_REGISTER_ENABLED --><li class="icon-login"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
					<!-- IF S_USER_LOGGED_IN --><li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	</div>

	<a name="start_here"></a>
	<div id="page-body">
		
		 <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) --> 
		<div id="message" class="rules">
			<div class="inner"><span class="corners-top"><span></span></span>
				<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->

Jim
Berichten: 3900
Lid geworden op: 21 feb 2007, 14:53
Locatie: Groningen
Contacteer:

Re: Logo klikbaar maken

Bericht door Jim » 18 aug 2008, 18:30

Een link naar je forum zou fijn zijn. ;)
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!

Esther79
Berichten: 41
Lid geworden op: 10 aug 2008, 20:27
Locatie: Rotterdam

Re: Logo klikbaar maken

Bericht door Esther79 » 18 aug 2008, 18:39

http://www.konijnenforum.nl zoals je ziet heb ik bovenaan een sponsor staan en ik zou graag de volledige header klikbaar maken (in een nieuwe pagina) naar hun.
Voorheen kon ik het zelf aanpassen zonder dat ik php kennis nodig had maar nu lukt me dat niet meer.

Jim
Berichten: 3900
Lid geworden op: 21 feb 2007, 14:53
Locatie: Groningen
Contacteer:

Re: Logo klikbaar maken

Bericht door Jim » 18 aug 2008, 19:02

Probeer het volgende, ik heb dit niet getest maar het zou moeten werken. ;)

Open: styles/L_Antre/template/overall_header.html
Zoek:

Code: Selecteer alles

<div class="headerbar">
En verander het in:

Code: Selecteer alles

<div class="headerbar" onclick="window.open('http://www.google.com');">
Vergeet niet de link te veranderen en hierna de buffer te legen.
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!

Esther79
Berichten: 41
Lid geworden op: 10 aug 2008, 20:27
Locatie: Rotterdam

Re: Logo klikbaar maken

Bericht door Esther79 » 18 aug 2008, 19:34

Heb het op verschillende manieren geprobeerd (ook de buffer al tig keer geleegt) en ook mijn internetbestanden weggegooit enz maar hij is nieteens klikbaar.

Jim
Berichten: 3900
Lid geworden op: 21 feb 2007, 14:53
Locatie: Groningen
Contacteer:

Re: Logo klikbaar maken

Bericht door Jim » 18 aug 2008, 19:38

Okay, ik zie mijn fout. Ondoe die verandering van net en voer dan de volgende uit.
Zoek:

Code: Selecteer alles

<div class="banner" a href="http://www.dierenverblijf.com" target="_blank">
En verander het in:

Code: Selecteer alles

<div class="banner" onclick="window.open('http://www.dierenverblijf.com');">
En leeg daarna de buffer, dan zal het moeten werken. ;)
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!

Esther79
Berichten: 41
Lid geworden op: 10 aug 2008, 20:27
Locatie: Rotterdam

Re: Logo klikbaar maken

Bericht door Esther79 » 18 aug 2008, 19:53

Werkt nog niet maar ik geef het maar even op met deze template.
Kan goed uit de voeten met Photoshop maar om alle buttons opnieuw te maken daar zie ik op dit moment nog geen brood in.
Ga maar eens kijken of ik een nederlandse template kan vinden die een beetje leuk aan te passen is.
(anders vrees ik me te kunnen vermaken in Photoshop de eerste uren)

Dank je voor je antwoorden maar vrees dat deze template teveel gepuzzel nodig heeft voordat ie fatsoenlijk op een nederlandstalig forum werkt.
Op zich geen mega drama maar stap liever tijdig over ipv pas als ik er na een dag puzzelen achter kom dat het niks word.

Esther79
Berichten: 41
Lid geworden op: 10 aug 2008, 20:27
Locatie: Rotterdam

Re: Logo klikbaar maken

Bericht door Esther79 » 18 aug 2008, 20:10

Oke met het risico erg besluitloos over te komen, heb toch besloten deze template te blijven gebruiken mits ik die banner klikbaar krijg.
Of werkt dat gewoon echt niet met deze template?

Heb net maar even de image sets gekopieerd van het engels naar het nederlands die wijzig ik later wel.
Voor nu moet ik eerst die banner werkende krijgen anders moet ik toch een andere zoeken.

Jim
Berichten: 3900
Lid geworden op: 21 feb 2007, 14:53
Locatie: Groningen
Contacteer:

Re: Logo klikbaar maken

Bericht door Jim » 19 aug 2008, 06:46

Het werkt al zie ik? De header is nu klikbaar. ;)
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!

Esther79
Berichten: 41
Lid geworden op: 10 aug 2008, 20:27
Locatie: Rotterdam

Re: Logo klikbaar maken

Bericht door Esther79 » 19 aug 2008, 08:52

Ik heb een andere template gekozen maar met jouw tips hierboven heb ik die inderdaad klikbaar gekregen en de goede link kunnen toewijzen.
Je adviezen waren dus zeker niet voor niks, de vorige template had meer kleine problemen die 'm helaas onoverzichtelijk maakten in het gebruik.

Gebruikersavatar
Fridge
Berichten: 1028
Lid geworden op: 25 sep 2006, 19:22
Locatie: Rotterdam
Contacteer:

Re: Logo klikbaar maken

Bericht door Fridge » 19 aug 2008, 09:16

Een klein cosmetisch detailtje....

Het originele logo van die template is 900x150px
http://www.konijnenforum.nl/styles/Anna ... _naver.gif

De jouwe is 900x155px
http://www.konijnenforum.nl/styles/Anna ... e_logo.png

En dat geeft een raar effect aan de onderkant van het logo in je layout, ook zou ik om je afbeelding geen stroke gebruiken. misschien als je de stroke er alleen al afhaalt is het niet meer te zien trouwens.....

Esther79
Berichten: 41
Lid geworden op: 10 aug 2008, 20:27
Locatie: Rotterdam

Re: Logo klikbaar maken

Bericht door Esther79 » 19 aug 2008, 11:45

Ik zie nu wat je bedoelt Fridge. Wel vreemd want ik heb het 'blanco' logo gebruikt wat bij de template zat maar zal 'm later vandaag even aanpassen.

Esther79
Berichten: 41
Lid geworden op: 10 aug 2008, 20:27
Locatie: Rotterdam

Re: Logo klikbaar maken

Bericht door Esther79 » 19 aug 2008, 20:21

Fridge schreef:Een klein cosmetisch detailtje....

Het originele logo van die template is 900x150px
http://www.konijnenforum.nl/styles/Anna ... _naver.gif

De jouwe is 900x155px
http://www.konijnenforum.nl/styles/Anna ... e_logo.png

En dat geeft een raar effect aan de onderkant van het logo in je layout, ook zou ik om je afbeelding geen stroke gebruiken. misschien als je de stroke er alleen al afhaalt is het niet meer te zien trouwens.....
Heb die lijn er maar vanaf geshop't nu loopt het gewoon goed over.
Het is gek normaal struikel ik over iedere pixel en dit had ik even niet gezien :oops:

Gebruikersavatar
Fridge
Berichten: 1028
Lid geworden op: 25 sep 2006, 19:22
Locatie: Rotterdam
Contacteer:

Re: Logo klikbaar maken

Bericht door Fridge » 19 aug 2008, 20:25

Ziet er goed uit Afbeelding

Esther79
Berichten: 41
Lid geworden op: 10 aug 2008, 20:27
Locatie: Rotterdam

Re: Logo klikbaar maken

Bericht door Esther79 » 19 aug 2008, 20:31

Ben er ook erg blij mee, die upgrade is echt een grote verbetering en een nieuw jasje daarbij is geen overbodige luxe :mrgreen:

Plaats reactie