Hallo,
ich möchte meine alte Website zukünftig mit modx zu verwalten und bin gerade dabei, das Aussehen in modx zu integrieren. Die alte Seite ist hier zu finden: www.saskia-brueckner.de/isabrue Die zukünftige bisher unter www.saskia-brueckner.de/cms
Jetzt habe ich folgende Probleme:
1. WayFinder-Menü:
Es soll jeweils rechts das Menü der "Oberkategorie" angezeigt werden. Das habe ich hinbekommen, wenn ich [[Wayfinder? &rowClass=`navigation`]] an entsprechende Stelle einfüge. Wenn ich jetzt auf "awards" klicke, bleibt das Menü nicht, sondern verschwindet. Wie bekomme ich das hin?
2. WayFinder-Menü:
Dann ist im Menü alles eingerückt. Es sollen allerdings alle Seiten zentriert untereinander dargestellt werden. Wie kann ich das hinbekommen?
3. Suchfunktion:
Oben habe ich das Suchfeld von meiner alten Seite. Wie kann ich den Inhalt des Suchfelds an die Suche übergeben?
Das ist meine erste modx-Seite und ich weiß gerade nicht weiter, wie ich das hinbekommen soll.
Vielen Dank im Voraus für eure Antworten,
Saskia
PS: Angehängt sind der Aufbau, das Template und die CSS-Datei. {{saskiasblock3}} beinhaltet nur [[Wayfinder...
<html>
<head>
<title>[(site_name)] - [*pagetitle*]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="title" content="saskia-brueckner.de">
<meta name="author" content="Saskia Brückner">
<meta name="publisher" content="saskia-brueckner.de">
<meta name="copyright" content="Saskia Brückner">
<meta name="revisit" content="after 10 days">
<meta name="page-topic" content="Design">
<meta name="page-topic" content="internet">
<meta name="audience" content="alle">
<meta name="robots" content="index,follow">
<meta name="language" content="deutsch">
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="[(base_url)]assets/templates/saskiabrueckner/style.css">
</head>
<body>
<div id="index-01">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_01.jpg" width=995 height=100 alt="" usemap="#navigation" border=0>
</div>
<div id="search">
<form action="index.php?txt=search" method="POST">
<input type="text" value="Suchbegriff" onfocus="this.value=''" class="input-search" style="width: 110px;" name="search">
<input type="submit" value="Suche starten" class="input-search" style="width: 100px;">
</form>
</div>
<div id="index-03">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_03.jpg" width=40 height=120 alt="" border=0>
</div>
<div id="index-04">
<a href="/cms/home">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_04.jpg" width=105 height=120 alt="" border=0 onmouseover="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_04_bw.jpg';" onmouseout="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_04.jpg';">
</a>
</div>
<div id="index-05">
<a href="/cms/website-design">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_05.jpg" width=105 height=120 alt="" border=0 onmouseover="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_05_bw.jpg';" onmouseout="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_05.jpg';">
</a>
</div>
<div id="index-06">
<a href="/cms/software-design">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_06.jpg" width=105 height=120 alt="" border=0 onmouseover="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_06_bw.jpg';" onmouseout="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_06.jpg';">
</a>
</div>
<div id="index-07">
<a href="/cms/freeware-downloads">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_07.jpg" width=105 height=120 alt="" border=0 onmouseover="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_07_bw.jpg';" onmouseout="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_07.jpg';">
</a>
</div>
<div id="index-08">
<a href="/cms/design-portfolio">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_08.jpg" width=105 height=120 alt="" border=0 onmouseover="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_08_bw.jpg';" onmouseout="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_08.jpg';">
</a>
</div>
<div id="index-09">
<a href="/cms/online-specials">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_09.jpg" width=105 height=120 alt="" border=0 onmouseover="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_09_bw.jpg';" onmouseout="javascript:this.src='[(base_url)]assets/templates/saskiabrueckner/img/index_09.jpg';">
</a>
</div>
<div id="index-10">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_10.jpg" width=30 height=120 alt="" border=0>
</div>
<div id="index-12">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_12.jpg" width=275 height=20 alt="">
</div>
<div id="index-13">
{{saskiasblock1}}
</div>
<div id="index-16">
<img name="index_16" src="[(base_url)]assets/templates/saskiabrueckner/img/16<?php echo $_GET['kat']; ?>.jpg" width=700 height=265 alt="">
</div>
<div id="index-17">
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_17.jpg" width=275 height=19 alt="">
</div>
<div id="index-18">
<table border=0 width=275 height=236><tr><td valign=middle align=center>
{{saskiasblock2}}
</td></tr></table>
</div>
<div id="index">
<p align=right><small>[!Breadcrumbs? &showCrumbsAtHome=`1` !]</small></p>
<p><font size=4><b>[*longtitle*]</font></b></p>
[*content*]
<p> </p>
</div>
<div id="index-21">
<table border=0 width=275 cellspacing=0 cellpadding=0>
<tr><td>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_21.jpg" width=275 height=20 alt="">
</td></tr>
<tr><td background="[(base_url)]assets/templates/saskiabrueckner/img/index_22.jpg">
<center>
<br>
{{saskiasblock3}}
</center>
</td></tr>
<tr><td>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_23.jpg" width=275 height=15 alt="">
</td></tr>
</table>
<center>
<font size=1 color=#a0a0a0 face="Verdana, Arial">{{saskiasfooter}}<br><br>
</font>
</center>
</div>
<!-- PRELOADER ONLY - FOR FASTER LOAD OF NAVIGATION -->
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_04_bw.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_05_bw.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_06_bw.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_07_bw.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_08_bw.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_09_bw.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_04.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_05.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_06.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_07.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_08.jpg" width=0 height=0>
<img src="[(base_url)]assets/templates/saskiabrueckner/img/index_09.jpg" width=0 height=0>
<map name="navigation">
<area shape="rect" coords="890,7,935,22" href="contact" alt="Kontakt" name="contact">
<area shape="rect" coords="937,7,990,22" href="impressum" alt="Impressum" name="about">
</map>
</body>
</html>
body {
background-color:#DFDFDF;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-image: URL("img/index_24.jpg");
background-repeat: repeat-y;
}
a {
text-decoration: none;
font-style: italic;
color: #000000;
}
a:hover {
text-decoration: underline;
font-weight: bold;
color: #000000;
}
table {
font-family: Verdana, Arial;
font-size: 10pt;
}
.navigation{
list-style-type: none;
background-image: URL("img/line.jpg");
background-repeat: no-repeat;
padding-top: 10px;
}
.input-search {
border-width: 0px;
border-style: solid;
background-color: transparent;
height: 18px;
font-family: Verdana, Arial;
font-size: 8pt;
color: #FFFFFF;
text-align: right;
}
.input-login {
border-width: 1px;
border-style: solid;
background-color: transparent;
width: 110px;
height: 17px;
font-family: Verdana, Arial;
font-size: 10pt;
color: #606060;
border-color: #606060;
}
#index-01 {
position:absolute;
left:0px;
top:0px;
width:995px;
height:100px;
}
#index-03 {
position:absolute;
left:0px;
top:100px;
width:40px;
height:120px;
}
#index-04 {
position:absolute;
left:40px;
top:100px;
width:105px;
height:120px;
}
#index-05 {
position:absolute;
left:145px;
top:100px;
width:105px;
height:120px;
}
#index-06 {
position:absolute;
left:250px;
top:100px;
width:105px;
height:120px;
}
#index-07 {
position:absolute;
left:355px;
top:100px;
width:105px;
height:120px;
}
#index-08 {
position:absolute;
left:460px;
top:100px;
width:105px;
height:120px;
}
#index-09 {
position:absolute;
left:565px;
top:100px;
width:105px;
height:120px;
}
#index-10 {
position:absolute;
left:670px;
top:100px;
width:30px;
height:120px;
}
#index-12 {
position:absolute;
left:720px;
top:100px;
width:275px;
height:20px;
}
#index-13 {
position:absolute;
left:720px;
top:120px;
width:275px;
height:100px;
background-image: URL('img/index_13.jpg');
font-family: Verdana, Arial;
font-size: 10pt;
color: #606060;
}
#index-16 {
position:absolute;
left:0px;
top:235px;
width:700px;
height:265px;
}
#index-17 {
position:absolute;
left:720px;
top:235px;
width:275px;
height:19px;
}
#index-18 {
position:absolute;
left:720px;
top:254px;
width:275px;
height:236px;
background-image: URL('img/index_18.jpg');
text-align: center;
}
#index-21 {
position:absolute;
left:720px;
top:500px;
width:275px;
height:20px;
}
#index-22 {
position:absolute;
left:720px;
top:520px;
width:275px;
height:143px;
}
#index-23 {
position:absolute;
left:720px;
top:663px;
width:275px;
height:15px;
}
#index-24 {
position:absolute;
left:0px;
top:678px;
width:1020px;
height:22px;
}
#search {
position: absolute;
left:770px;
top: 62px;
width: 300px;
height: 30px;
}
#index {
position:absolute;
left:40px;
top:500px;
width:625px;
text-align: justify;
font-family: Verdana, Arial;
font-size: 10pt;
color: #000000;
}