Link einbinden in HTML-Part eines Templates

Adlerherz
Autor
Neues Mitglied

Mehr

09 Dez. 2008 22:14 #19360 von Adlerherz

Link einbinden in HTML-Part eines Templates wurde erstellt von Adlerherz

Hallo zusammen, höflich verneig, bin neu hier...

Ich bin learning-by-doing und habe so schon das eine oder andere Template erfolgreich anpassen können. Derzeit stehe ich aber an. Auf meiner Website [url:wgfck851] www.simone-steiger.ch [/url] habe ich das Problem, dass ich von der Frontseite nur über die Umfrage ins Menu komme. Und ich weiss nun leider wirklich nicht, wie ich im HTML (denn die Seite ist nicht unter Frontpage gelistet, so dass ich da nix verändern kann) das Bild mit der Angebots-Seite verlinken könnte, so dass man beim Drüberfahren (über das Bild) quasi per Mousover weiss, aha, ich muss nur klicken und dann dadurch auch reinkommt. Hmmm...

Der HTML-Code ist folgender:

Code:

<?php 
/**
 * @copyright	Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
 * @license		GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

<head>
	<jdoc:include type="head" />	
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/common.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template_css.css" type="text/css" />
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/overIE.js"></script>
		<style type="text/css" media="all">
			<?php if ($this->params->get('authorName')=='no') { ?>		.author {display:none}				<?php } ?>
			<?php if ($this->params->get('dateCreated')=='no') { ?>		.createdate {display:none}		<?php } ?>
			<?php if ($this->params->get('dateModified')=='no') { ?>	.modifydate {display:none}		<?php } ?>
			<?php if ($this->params->get('Buttons')=='no') { ?>	.buttons {display:none}		<?php } ?>
		</style>
</head>

<body id="body">
	<div id="wrapper">
		<div id="header">
			<div id="logo">
			<a href="<?php echo $this->baseurl ?>" title="Home">
			<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo.jpg" width="125" height="40" alt="PRAXIS für Gesundheit und Lebensfreude" />
			
			</div>
			<div id="menu"><jdoc:include type="modules" name="mainmenu" /></div>							
		</div>nd header div 

		<div id="wrapper_content">
			<?php if(JRequest::getVar('view') == 'frontpage') {?>
			<div id="home_img">
				<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/home_img.jpg" width="518" height="388" alt="PRAXIS für Gesundheit und Lebensfreude" />
			</div>
			<div id="home_module">
						<jdoc:include type="modules" name="center_header" style="xhtml" />
			</div>
			
			<?php } else { ?>
			<div id="in_img">
				<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/in_img.jpg" width="518" height="115" alt="PRAXIS für Gesundheit und Lebensfreude" />
			</div>
					<div id="left">
						<jdoc:include type="modules" name="left" style="xhtml" />
					</div>
					<div id="content">								
					<div id="content-padding">
						<div class="module-padding">
								<jdoc:include type="modules" name="abovemain" style="xhtml" />
						</div>
								<jdoc:include type="component" style="xhtml" />						
						<div class="module-padding">
								<jdoc:include type="modules" name="belowmain" style="xhtml" />
						</div>
					</div>
					</div>							
			<?php } ?>
			
				<div class="clear"></div>
			</div>nd wrapper_content div 
			<div id="right">
						<jdoc:include type="modules" name="right" style="xhtml" />
			</div>
			<div class="clear"></div>

			<div id="footer">
				<div id="footermenu">
						<jdoc:include type="modules" name="footer" style="xhtml" />
				</div>
			</div>			
		</div>nd wrapper div 
		<div class="space"></div>
</body>
</html>

Ich bin sehr dankbar für hilfreiche Tipps!..

Fröhliche Grüsse

Adlerherz

rluethi
Neues Mitglied

Mehr

10 Dez. 2008 03:20 #19362 von rluethi

rluethi antwortete auf Re: Link einbinden in HTML-Part eines Templates

Das Problem mit dem Link über das Bild, einen Link zu setzen, ist der das ein sogenannter Screensplash entsteht. Screensplashes sind jedoch nich unbedingt die Freunde der Suchmaschinen, weil man kaum Relevante Informationen im Bild mitliefern kann. Der Titel des Links sollte intern stets auch dem Titel der gelinkten Seite entsprechen. Man müsste dem Bild also auch einen Entsprechendes Alt Attribut übergeben, damit die Suchmaschine zumindest ein Bisschen Informationen erhält. Das Menü System von Joomla ist jedoch sehr gut geeignet um die Suchmaschinen optimal zu bedienen.
Das müsste jedoch gehen der in diesem Code-Fetzen beinhaltete Link führt direkt auf "Das Angebot":

Code:

<?php if(JRequest::getVar('view') == 'frontpage') {?>
         <div id="home_img">
            <a href="<?php echo $this->baseurl ?>/index.php?option=com_content&amp;view=article&amp;id=19&amp;Itemid=27" title="Das Angebot" >
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/home_img.jpg" width="518" height="388" alt="PRAXIS für Gesundheit und Lebensfreude" />
</div>

Zur Erläuterung:

Code:

<?php if(JRequest::getVar('view') == 'frontpage') {?>

Dieser PHP Code ist eine Kontrollstruktur, die dafür sorgt das der darauf Folgende Quellcode nur auf der Homepage (Frontpage) angezeigt wird.
Die & im Link sorgen dafür das der Link in validem XHTML ausgegeben werden, sie entsprechen dem &. Alles was innerhalb dieser geschweiften Klammern { } an HTML und PHP Code drin steckt wird nur auf der Frontseite verwendet. In den anderen Bereichen wird dann dass was hinter else steht gültig.

Doch Achtung nach einer Einstellung von Suchmaschinenfreundlichen URL's müsste das Template erneut wieder angepasst werden. Ich selbst bin kein Freund von Screensplashes, das mag daran liegen weil ich besonders Stolz bin auf die mittlerweilen vielen Seiten von mir die bei Google an der Spitze liegen.
Wichtig!! Vor der Änderung erst die index.php des Templates an anderer Stelle sichern.

Adlerherz
Autor
Neues Mitglied

Mehr

14 Dez. 2008 23:28 #19440 von Adlerherz

Adlerherz antwortete auf Re: Link einbinden in HTML-Part eines Templates

Vielen Dank!

Jetzt habe ich nur das Problem, dass der Rest auf der Frontseite ([url:1s5ung0r] www.simone-steiger.ch [/url]) verschoben wurde... kannst du mir vielleicht da noch helfen? Oder sonst jemand??

Fröhliche Grüsse

Adlerherz

Marco85
Neues Mitglied

Mehr

15 Dez. 2008 12:05 #19441 von Marco85

Marco85 antwortete auf Re: Link einbinden in HTML-Part eines Templates

Hallo Adlerherz

Füge mal in deiner CSS bei der Definition

Code:

#wrapper (line 46)

{

position: relative;

width: 740px;

margin-top: 0pt;

margin-right: auto;

margin-bottom: 0pt;

margin-left: auto;

text-align: left;

}

noch

Code:

float:left;

hinzu. Ausserdem sind die 740px breite nach meiner Ansicht viel zuviel

Adlerherz
Autor
Neues Mitglied

Mehr

15 Dez. 2008 13:51 #19442 von Adlerherz

Adlerherz antwortete auf Re: Link einbinden in HTML-Part eines Templates

Soweit so gut - ich hab's mit ein wenig Schieben hingekriegt, nicht nach unten versetzt zwar wie vorher, aber immerhin, schon viel besser... - vielen, vielen Dank!

Jetzt ist nur noch das Restproblemchen, dass die copyright-Angabe unten noch links zu stehen kommt... ??

Fröhliche Grüsse

Adlerherz

Marco85
Neues Mitglied

Mehr

15 Dez. 2008 14:03 #19443 von Marco85

Marco85 antwortete auf Re: Link einbinden in HTML-Part eines Templates

Probier mal

Code:

#footer .moduletable div {
text-align:center;}

Adlerherz
Autor
Neues Mitglied

Mehr

15 Dez. 2008 21:39 #19448 von Adlerherz

Adlerherz antwortete auf Re: Link einbinden in HTML-Part eines Templates

Ganz ganz viel Dankeschön euch beiden Helfern... Ihr habt mir viel viel Zeit für Ausprobieren und dann sehen wie's aussieht erspart. (So mache ich es nämlich normalerweise - so habe ich all das gelernt, was ich gelernt habe... )

In diesem Sinne - fröhliche Weihnachten!

Adlerherz

Moderatoren: Tribal6, RePao, Dragonlord, Chris Hoefliger, pascale, adiheutschi.ch

Joomla! Forum Schweiz wird Teil der D-A-CH Community

forum.joomla.de

Link einbinden in HTML-Part eines Templates