AW: Joomla: Seite anpassen
Mhm ich blicke überhaupt nicht durch bei Joomla
Ich habe es mittlerweile geschafft, dass im Startmenü die News angezeigt werden.
1)Da gibts allerdings schon das nächste Problem ... Ich möchte, dass sich der Inhalt vergrößert, wenn mehr Platz benötigt wird.
Da ich aber einen Rahmen um den Inhalt habe, kann ich nicht einfach das ganze Bild wiederholen. Ich habs also so gemacht, ich habe das Bild geteilt und in der Mitte einen 2px breiten Streifen eingefügt, der sich bei Bedarf wiederholen soll. Wie schaffe ich es aber, dass der Joomla Befehl für den Inhalt über alle 3 Divs zu sehen ist und nicht nur im oberen Abschnitt?
2) Wie kann ich die Buttons so verknüpfen, dass bei einem Klick auf einen Button der entsprechende Inhalt in der Mitte ausgegeben wird? (ich habe z.B. auf dem Button Galerie <jdoc:include modules="user1" style="xhtml" /> gesetzt, in dem Menü ist eine Flashgalerie. Aber diese wird dann nicht in der Mitte angezeigt, sondern irgendwie auf dem Button!?)
PHP:
<!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>
<jdoc:include type="head" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link href="/Joomla/templates/Homepage3/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="top">
<div id="header"></div>
<ul id ="buttons">
<li id="news"><a href=""><jdoc:include type="modules" name="left" style="none" /></a></li>
<li id="uber"><a href=""></a></li>
<li id="projekte"><a href=""></a></li>
<li id="galerie"><a href=""></a></li>
<li id="tutorials"><a href=""></a></li>
<li id="gastebuch"><a href=""></a></li>
<li id="kontakt"><a href=""></a></li>
</ul>
</div>
<div id="verlauf"></div>
<div id="inhalt">
<div id="inhalt_oben"><jdoc:include type="component" style="xhtml" />
<div id="variable"></div>
<div id="inhalt_unten"></div>
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
PHP:
html, body, ul, li {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
#wrapper {
width: 1000px;
height: auto;
}
#top {
background-image: url(/Joomla/templates/Homepage3/Bilder/top.jpg);
width: 1000px;
height: 150px;
}
#header {
background-image: url(/Joomla/templates/Homepage3/Bilder/header.jpg);
width: 300px;
height: 150px;
float: left;
}
#buttons {
width: 700px;
height: 150px;
float: left;
}
#news a {
background-image: url(/Joomla/templates/Homepage3/Bilder/news.jpg);
width: 100px;
height: 150px;
float: left;
}
#uber a {
background-image: url(/Joomla/templates/Homepage3/Bilder/ubermich.jpg);
width: 100px;
height: 150px;
float: left;
}
#projekte a {
background-image: url(/Joomla/templates/Homepage3/Bilder/projekte.jpg);
width: 100px;
height: 150px;
float: left;
}
#galerie a {
background-image: url(/Joomla/templates/Homepage3/Bilder/galerie.jpg);
width: 100px;
height: 150px;
float: left;
}
#tutorials a {
background-image: url(/Joomla/templates/Homepage3/Bilder/tutorials.jpg);
width: 100px;
height: 150px;
float: left;
}
#gastebuch a {
background-image: url(/Joomla/templates/Homepage3/Bilder/gastebuch.jpg);
width: 100px;
height: 150px;
float: left;
}
#kontakt a {
background-image: url(/Joomla/templates/Homepage3/Bilder/kontakt.jpg);
width: 100px;
height: 150px;
float: left;
}
#news a:hover {
background-image: url(/Joomla/templates/Homepage3/Bilder/newshover.jpg);
width: 100px;
height: 150px;
float: left;
}
#uber a:hover {
background-image: url(/Joomla/templates/Homepage3/Bilder/ubermichhover.jpg);
width: 100px;
height: 150px;
float: left;
}
#projekte a:hover {
background-image: url(/Joomla/templates/Homepage3/Bilder/projektehover.jpg);
width: 100px;
height: 150px;
float: left;
}
#galerie a:hover {
background-image: url(/Joomla/templates/Homepage3/Bilder/galeriehover.jpg);
width: 100px;
height: 150px;
float: left;
}
#tutorials a:hover {
background-image: url(/Joomla/templates/Homepage3/Bilder/tutorialshover.jpg);
width: 100px;
height: 150px;
float: left;
}
#gastebuch a:hover {
background-image: url(/Joomla/templates/Homepage3/Bilder/gastebuchhover.jpg);
width: 100px;
height: 150px;
float: left;
}
#kontakt a:hover {
background-image: url(/Joomla/templates/Homepage3/Bilder/kontakthover.jpg);
width: 100px;
height: 150px;
float: left;
}
#verlauf {
background-image: url(/Joomla/templates/Homepage3/Bilder/verlauf.jpg);
width: 1000px;
height: 10px;
clear: both;
}
#inhalt {
width: 1000px;
height: auto;
}
#inhalt_oben {
background-image: url(/Joomla/templates/Homepage3/Bilder/inhalt_oben.jpg);
height: 1000px;
height: 238px;
background-repeat: no-repeat;
}
#variable {
background-image: url(/Joomla/templates/Homepage3/Bilder/variable.jpg);
width: 1000px;
height: 2px;
background-repeat: repeat-y;
}
#inhalt_unten {
background-image: url(/Joomla/templates/Homepage3/Bilder/inhalt_unten.jpg);
width: 1000px;
height: 475px;
background-repeat: no-repeat;
}
#footer {
background-image: url(/Joomla/templates/Homepage3/Bilder/footer.jpg);
width: 1000px;
height: 25px;
}
Sorry für die dummen Fragen, aber ich werde auch aus den Tutorials im Internet nicht schlau :hmpf::'(
)
