Joomla Template generieren

techniker · Jun 25, 2006

Hallo,
ich muss dringend ein fertiges Design in ein Joomla Template "wandeln".
Das bedeutet, das Template soll dann genau die Vorgaben des Entwurfs erfüllen.

Ich hatte es bereits mit einem Plugin für GoLive probiert, was nicht funktioniert hat...
Kennt jemand da ein Tool oder Plugin?

Danke
tec

BasicAvid · Jun 25, 2006

Hallo,

mach es doch von Hand, falls das Design schon in eine HTML-Seite umgesetzt wurde, ist das ganze kein großer akt. Schau Dir doch am besten ein Joomla Template an. Du musst im prinzip ja nur die Komponenten an der richtigen Stelle platzieren und die Stylesheet's anpassen.

techniker · Jun 25, 2006

Ich hab mir das ganze mal angeschaut, bekomme die php datei aber nicht angezeigt (wie auch ohne webserver) wie soll ich denn jetzt das html design in das php template konvertieren?
gibts da kein konverter tool?

BasicAvid · Jun 25, 2006

PHP:

<?php echo "<?xml version=\"1.0\"?".">"; 
session_start();

$menu = array(	array('normal' => false,'over' => false,'element' => false),
				array('normal' => "templates/".$cur_template."/images/he_wir_ueber_uns.jpg",'over' =>"templates/".$cur_template."/images/he_wir_ueber_uns_over.jpg",'element' => "over1"),
				array('normal' => "templates/".$cur_template."/images/he_leistungen.jpg",'over' =>"templates/".$cur_template."/images/he_leistungen_over.jpg",'element' => "over2"),
				array('normal' => "templates/".$cur_template."/images/he_online_dienste.jpg",'over' =>"templates/".$cur_template."/images/he_online_dienste_over.jpg",'element' => "over3"),
				array('normal' => "templates/".$cur_template."/images/he_internet_links.jpg",'over' =>"templates/".$cur_template."/images/he_internet_over.jpg",'element' => "over4")
			  );

if(isset($_GET['aid']) && !empty($_GET['aid']))
{
	$_SESSION['aid'] = $_GET['aid'];
}
			  
function MenuCheck($pos,$aktiv)
{
	global $menu;
	
	if(isset($_GET['aid']) && !empty($_GET['aid']))
	{
		$_SESSION['aid'] = $_GET['aid'];
		
		if($_SESSION['aid'] == $pos)
		{
			return $menu[$pos]['over'];
		}
		else
		{
			return $menu[$pos]['normal'];
		}		
	}
	elseif(isset($_SESSION['aid']) && !empty($_SESSION['aid']))
	{
		if($_SESSION['aid'] == $pos)
		{
			return $menu[$pos]['over'];
		}
		else
		{
			return $menu[$pos]['normal'];
		}
	}
	else
	{
		if($aktiv == 1)
		{
			return $menu[$pos]['over'];
		}
		else
		{
			return $menu[$pos]['normal'];
		}
	}		
	
}

function MouseOver($pos)
{
	global $menu;
	$strMouseOver = "onmouseover=\"ImageOver('".$menu[$pos]['over']."','".$menu[$pos]['element']."');\" onmouseout=\"ImageOver('".$menu[$pos]['normal']."','".$menu[$pos]['element']."');\"";
	
	if($_SESSION['aid'] == $pos || $_GET['aid'] == $pos)
	{
		return "";
	}
	else
	{
		return $strMouseOver;
	}
}

?>
<?defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );?>
<!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">
<head>
<title><?php echo $mosConfig_sitename; ?></title>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php include ("includes/metadata.php"); ?>
<link href="templates/<?php echo $cur_template; ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="templates/<?php echo $cur_template; ?>/templates/<?php echo $cur_template; ?>/images/favicon.ico" />
<style type="text/css">
<!--

.mainpage 	{	font-family: Verdana,  Arial, Helvetica, sans-serif;
				font-size: 	12px;
				text-align: left;
				color: 		#333333;
				width: 		535px;
				position:	left;
				display:	block;
				
			}
				
div					{		font-family		: Verdana,  Arial, sans-serif;
							font-size		: 12px;
							text-align		: left;
							color			: #333333;
														
					}
.componentheading 	{
						  	font-family    	: Verdana, Arial, Helvetica, sans-serif;
						  	font-size      	: 12px;
						  	font-weight    	: bold;
						  	
					}

.contentpane		{		font-family		: Verdana,  Arial, sans-serif;
							font-size		: 12px;
							text-align		: left;
							color			: #333333;
					}
					
table				{		font-family		: Verdana,  Arial, sans-serif;
							font-size		: 12px;
							text-align		: left;
							color			: #333333;
					}
							
-->
</style>
<script language="JavaScript">

button1_a = new Image();
button1_a.src = "templates/<?php echo $cur_template; ?>/images/he_wir_ueber_uns_over.jpg";
button1_b = new Image();
button1_b.src = "templates/<?php echo $cur_template; ?>/images/he_wir_ueber_uns.jpg";

button2_a = new Image();
button2_a.src = "templates/<?php echo $cur_template; ?>/images/he_leistungen_over.jpg";
button2_b = new Image();
button2_b.src = "templates/<?php echo $cur_template; ?>/images/he_leistungen.jpg";

button3_a = new Image();
button3_a.src = "templates/<?php echo $cur_template; ?>/images/he_online_dienste_over.jpg";
button3_b = new Image();
button3_b.src = "templates/<?php echo $cur_template; ?>/images/he_online_dienste.jpg";

button4_a = new Image();
button4_a.src = "templates/<?php echo $cur_template; ?>/images/he_internet_links_over.jpg";
button4_b = new Image();
button4_b.src = "templates/<?php echo $cur_template; ?>/images/he_internet_links.jpg";

function ImageOver(bild,element)
{
	document.getElementsByName(element)[0].src = bild;	
}


</script>
</head>
<body>
<table width="924" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr> 
    <td width="462" rowspan="2" valign="top"><img src="templates/<?php echo $cur_template; ?>/images/header.jpg" width="525" height="200" /></td>
    <td width="399" height="47" valign="top">
<a href="./index.php?option=com_content&task=view&id=17&Itemid=29&aid=1" <?php echo MouseOver(1); ?> ><img name="over1" src="<?php echo MenuCheck(1,1);?>" width="95" height="47" /></a>
<a href="./index.php?option=com_content&task=view&id=18&Itemid=34&aid=2" <?php echo MouseOver(2); ?> ><img name="over2" src="<?php echo MenuCheck(2,0);?>" width="89" height="47" /></a>
<a href="./index.php?option=com_content&task=view&id=19&aid=3" <?php echo MouseOver(3); ?>><img name="over3" src="<?php echo MenuCheck(3,0);?>" width="109" height="47" /></a>
<a href="./index.php?option=com_content&task=view&id=36&aid=4" <?php echo MouseOver(4); ?>><img name="over4" src="<?php echo MenuCheck(4,0);?>" width="106" height="47" /></a>
</td>
  </tr>
  <tr> 
    <td height="152" valign="top"><img src="templates/<?php echo $cur_template; ?>/images/header-10.jpg" width="399" height="153" /></td>
 </tr>
</table>
<table width="924" border="0" cellpadding="0" cellspacing="0">
   <tr> 
	<td id="menu" width="204" height="256" valign="top"><?php mosLoadModules ( 'left' ); ?><img src="templates/<?php echo $cur_template; ?>/images/menu_ab.jpg" width="204" height="129" /></td>
	<td class="mainpage" width="538" valign="top"><?php mosMainBody(); ?></td>
    <td id="re_menu" width="183" valign="top"><a href="./index.php?option=com_contact&Itemid=3"><img src="templates/<?php echo $cur_template; ?>/images/re_kontakt.jpg" width="183" height="28" /></a><a href="./index.php?option=com_content&task=view&id=20"><img src="templates/<?php echo $cur_template; ?>/images/re_impressum.jpg" width="183" height="28" /></a><img src="templates/<?php echo $cur_template; ?>/images/re_menu_abschluss.jpg" width="183" height="22" /><p style="padding-left:10px;">Öffnungs- und<br/> Geschäftszeiten:<br/><br/>Montag bis Freitag jeweils<br/><br/>von 07.00 bis 12.00 Uhr<br/> und<br/>von 13.00 bis 17.00 Uhr</p></td>
  </tr>
  <tr>
  	<td height="1" colspan="3" valign="top"></td>
  </tr>
  <tr> 
    <td id="footer" height="16" colspan="3" valign="top"><img src="templates/<?php echo $cur_template; ?>/images/footer.jpg" width="188" height="16" /></td>
  </tr>
</table>
</body>
</html>

Ich war jetzt zu faul den Code noch anzupassen damit man nicht soviel Scrollen muss! Also Sorry!
Schau Dir dieses Template mal an, Du musst nur an den Stellen wo Du die Joomla Funktionen haben willst diese aufrufen. Das siehst Du z.B. in Zeile 172 und 173. In der Zeile 172 wird z.B. das linke Menü eingefügt.

Du brauchst eigentlich nur die HTML Datei umbenennen und dann die Joomla Funktionen einfügen.

Joomla Template generieren

techniker

0

BasicAvid

0

techniker

0

BasicAvid

0