Antworten zum Thema „template anpassung klappt net“

homerunjack · 01.01.2007

hi community, ich mach grade nen template für joomla, wie kann ich denn die tabellen so beschreiben, das sie in die breite fest definiert sind und in die höhe variabel sind, das template sieht bisher so aus

was muss ich im code ändern damit es so aussieht wie die psd datei

ich hab die css datei erstma weggelassen, deshalb siehts auch noch nich so toll aus(die schrift mein ich), aba die grafik muss ja erstma stimmen :lol:

[php:1:d117f61dc2]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); // needed to seperate the ISO number from the language file constant _ISO $iso = split( '=', _ISO ); // xml prolog echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>'; ?>
<title>[pombearen@work] Homepage</title>

<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>">

</head>

<body leftmargin="0" topmargin="0" style="background-image: url(images/hintergrund.jpg);" marginheight="0" marginwidth="0">

<table border="1" cellpadding="0" cellspacing="0" height="768" width="1024">

<tbody>

<tr height="22">

<td background="images/index_01.jpg" width="22">
</td>

<td background="images/index_02.jpg" width="136"><?php mosLoadModules ( 'top' ); ?>
</td>

<td background="images/index_03.jpg" width="357">
</td>

<td background="images/index_04.jpg" width="139">
</td>

<td background="images/index_05.jpg" width="186">
</td>

</tr>

<tr height="95">

<td background="images/index_06.jpg" width="206">
</td>

<td background="images/index_07.jpg" width="136">
</td>

<td background="images/index_08.jpg" width="357">
</td>

<td background="images/index_09.jpg" width="139">
</td>

<td background="images/index_10.jpg" width="186">
</td>

</tr>

<tr height="10">

<td background="images/index_11.jpg" width="206">
</td>

<td background="images/index_12.jpg" width="136"><?php mosLoadModules('pathway'); ?>
</td>

<td background="images/index_13.jpg" width="357">
</td>

<td background="images/index_14.jpg" width="139">
</td>

<td background="images/index_15.jpg" width="186">
</td>

</tr>

<tr height="9">

<td background="images/index_16.jpg" width="206">
</td>

<td background="images/index_17.jpg" width="136">
</td>

<td background="images/index_18.jpg" width="357">
</td>

<td background="images/index_19.jpg" width="139">
</td>

<td background="images/index_20.jpg" width="186">
</td>

</tr>

<tr height="553">

<td background="images/index_21.jpg" width="206">
</td>

<td background="images/index_22.jpg" width="136"><?php mosLoadModules('left'); ?>
</td>

<td background="images/index_23.jpg" width="357">
<table>

<tbody>

<tr>

<td width="5"></td>

<td><?php mosMainBody(); ?></td>

</tr>

</tbody>
</table>

</td>

<td background="images/index_24.jpg" width="139"><?php mosLoadModules('right'); ?>
</td>

<td background="http://pombaeren.po.funpic.de/templates/pomb07-1/images/index_25.jpg" width="186"> </td>

</tr>

<tr height="51">

<td background="images/index_26.jpg" width="206">
</td>

<td background="images/index_27.jpg" width="136">
</td>

<td background="images/index_28.jpg" width="357">
</td>

<td background="images/index_29.jpg" width="139">
</td>

<td background="images/index_30.jpg" width="186">
</td>

</tr>

<tr height="28">

<td background="images/index_31.jpg" width="206">
</td>

<td background="images/index_32.jpg" width="136">
</td>

<td background="images/index_33.jpg" width="357"><?php mosLoadModules('user4'); ?></td>

<td background="images/index_34.jpg" width="139">
</td>

<td background="images/index_35.jpg" width="186">
</td>

</tr>

</tbody>
</table>

</body>
</html>
[/php:1:d117f61dc2]

Guest · 01.01.2007

homerunjack schrieb:
was muss ich im code ändern damit es so aussieht wie die psd datei

wat fürn code denn?
hier haste was zu lesen, wenn du gleich schlafen gehst. ansonsten beschäftige dich mal mit html.. oder du nimmst eine forlage von der deutschen joomlawebseite.

http://www.galileocomputing.de/openbook/joomla

homerunjack · 01.01.2007

was haste denn gegen den code ??? ich hab die psd gesliced, dann als optimierte version gespeichert und die grafiken als hintergrund der zellen eingestellt....wasn daran falsch, sone joomla bücher habe ich schon viele durchgelesen....was mach ichn nun wenn ich nich nochmal html lernen will...

Guest · 01.01.2007

was mach ichn nun wenn ich nich nochmal html lernen will...

nochmal? wie oft schon? musste doch nicht lernen , musste dich nur ein bischen für html interessieren, weniger cs spielen.

homerunjack · 01.01.2007

der code is doch eigentlich in ordnung, oder? nur die breite muss eingestellt werden, was muss ichn hinschreiben damit die breite nicht veränderbar ist?

jonas93 · 01.01.2007

Wenn dich HTML wirklich interessiert,
einfach mal ein bisschen auf http://de.selfhtml.org/ lesen, z.B mit 'Wie fange ich an?' anfangen, da lernt man das echt gut und nicht aufgeben

homerunjack · 01.01.2007

mensch leude ich kann doch html, sogar schon php(na hab nen buch gelesen), ich wees nur net wie man die tabelle inna breite absolut definiert, sodass die breite sich nich verändert !!!

dinic · 07.01.2007

Die Tabelle ist doch schon definiert

<table border="1" cellpadding="0" cellspacing="0" height="768" width="1024">

Aberich würde das auch lieber mit CSS machen. Musste halt "div" Bereiche anlegen und denen dann explizit die Angaben vergeben

rey · 09.01.2007

fehlen da nicht die richtigen tags für php?

ich habe nur mosLoadModules('right'); ?> gesehen aber es muss doch <? mosLoadModules('right'); ?> heissen oder?

genau so bei den anderen mosload

svhresi · 14.06.2007

AW: template anpassung klappt net

Moinsään,
ich mache für einen Bekannten gerade eine Jommlaseite. Nach wochenlangem Lehrvideo und Buch (Galileo) stöbern, verstehe ichglaube ich den größten Teil. Nun habe ich ein Tamplate nach dem Tutorial erstellt.
Folgendes Problem stellt sich mir nun:
Die Linkeigenschaften, die ich css erstelt habe, gelten immer für die ganze Seite. D.h. Die Eigenschaften der Links im Menü haben die gleiche wie im Content, obwohl ich unterschiedlich Klassen habe. (Bsp.: Menülinks sollen rote Schrift haben und Links im Content gelbe).

html code:

Code:

<?php 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">
<title><?php echo $mosConfig_sitename; ?></title>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php include ("includes/metadata.php"); ?>
<?php include_once ("editor/editor.php"); ?>
<script language="JavaScript" type="text/javascript"><!--function MM_reloadPage(init) {  //reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();} MM_reloadPage(true);//--></script>
<?php initEditor(); ?>
</body>
<link href="http://vincentz-immobilienservices.de/cms/templates/mv/css/template_css.css" rel="stylesheet" type="text/css" />
<div align="center">
  <table width="75%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="150" colspan="3" valign="bottom"><div align="center"><img src="/cms/templates/mv/images/logo.jpg" alt="MV_Logo" width="385" height="149" /></div></td>
    </tr>
    <tr>
      <td width="150" align="left" valign="top"><?php mosLoadModules ( 'left' ); ?></td>
      <td class="content" align="left" valign="top" bordercolor="#666666" bgcolor="#FFFFFF"><a href="#" class="content">
      <?php include ("mainbody.php"); ?><span class="contentpaneopen">sadasddda</span></a></td>
      <td width="150" align="left" valign="top"><?php mosLoadModules ( 'right' ); ?></td>
    </tr>
    <tr>
      <td colspan="3"><div align="center">(c) Vincetz Immobilienservices 2007</div></td>
    </tr>
  </table>
</div>
</html>

css code:

Code:

 body {
	background-color: #77263c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
}
h1 {
        text-decoration: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;    
}
a:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #77263c;
	text-decoration: none;
	background-color: #CCCCCC;
	font-weight: bold;
}
a:active {
	color: #77263c;
	background-color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
a.content:link {
        color: #ffffff;
	text-decoration: none;
}
a.content:visited {
        color: #ffffff;
	text-decoration: none;
}
a.content:hover {
	color: #CCCCCC;
	text-decoration: none;
	background-color: #77263c;
}
.moduletable {
	color: 000000;
	background-image: url(../images/96-homer.png);
	background-repeat: no-repeat;
	padding: 10px;
}
.content {
	color: #000000;
	padding: 10px;
}
.contentheading {
        text-decoration: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #000000;
        
}

Link zu Seite:

woran liegt das? Kann mir da einer helfen?

Danke schonmal & reinhaun

PS: Das CSS-Wiki und CSS-Guide von Joomla helfen mir nicht weiter.

grunz88 · 26.06.2007

AW: template anpassung klappt net

Link zu Seite:

woran liegt das? Kann mir da einer helfen?

Danke schonmal & reinhaun

PS: Das CSS-Wiki und CSS-Guide von Joomla helfen mir nicht weiter.[/quote]

Hi,

also erst einmal solltest du in deinem html Code auch in der Spalte in der sich dein Menü befindet eine Klasse einfügen. (Bsp.: class="menue")
Klassen kannst du in den Elementen <table>,<tr>,<td> oder besser noch in <div> Elementen einfügen.
Da du noch dabei bist dich in Joomla einzuarbeiten würde ich dir empfehlen ein vorgefertigtes Template (Joomla CMS Downloads - Templates und Erweiterungen) zu verwenden. Da siehst du dann wie alles funktioniert und kannst es nach deinen Vorstellungen ändern. Das ist leichter als ganz von vorne zu beginnen und sieht rein designtechnisch auch immer besser aus.

:rolleyes: