[gelöst] Brauche mal Hilfe für meine Navigation

Wie verwendet man Templates oder erstellt Navigationen und passt diese an.

[gelöst] Brauche mal Hilfe für meine Navigation

Beitragvon s-rosenkranz.de » 4. Mär 2009, 20:46

Hallo liebes Forum,

ich habe mein eigenes Template gebaut und die Navigations- und die Artikelcodes eingebaut. Funktioniert soweit alles ganz gut - solange ich nur eine eindimensionale Navigation hatte, sobald ich Unterkategorien anlege bekomme ich nur noch ein wides Kuddelmuddel in der Navigation. Die Subnavi würde ich gern als Kasten auf der rechten Seite haben. Kann mir vielleicht jemand weiterhelfen?

Hier mal der Code:

Code: Alles auswählen
<?php
// Notices ausschalten
// error_reporting(E_ALL ^ E_NOTICE);

// Allgemeine Navigation

$navTemplateId = "3";
// Code

$article = OOArticle::getArticleById($REX['START_ARTICLE_ID'], $REX['CUR_CLANG']);
$articleK = $article->getValue("_keywords");
$articleD = $article->getDescription();

// Einbinden des Navigation Template
$navTemplate = new rex_template($navTemplateId);
include $navTemplate->getFile();

if($this->getValue("description") != "") {
$meta_beschreibung = htmlspecialchars($this->getValue("description"));
} else {
$meta_beschreibung = htmlspecialchars($articleD);
}
if($this->getValue("keywords")!= "") {
$meta_suchbegriffe = htmlspecialchars($this->getValue("keywords"));
} else {
$meta_suchbegriffe = htmlspecialchars($articleK);
}
?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title><?php print $REX['SERVERNAME'].' | '.htmlspecialchars($this->getValue("name")); ?></title>
<meta name="keywords" content="<?php print htmlspecialchars($this->getValue("art_keywords")); ?>" />
<meta name="description" content="<?php print htmlspecialchars($this->getValue("art_description")); ?>   " />
<link rel="stylesheet" type="text/css" href="default.css" />
</head>
<body>

<div id="upbg"></div>

<div id="outer">


   <div id="header">
      <div id="headercontent">
         <h1><sub>sebastian</sub><br>ROSENKRANZ</h1>
         <div align=left><h2>it-beratung und it-controlling</h2></div>
      </div>
   </div>

<div id="search"><img src="images/sr-logo.jpg">

      </div>
   


   <div id="headerpic"></div>

   
   <div id="menu">
      <!-- HINT: Set the class of any menu link below to "active" to make it appear active -->
      <!--<ul>-->

<?
/* hier wird die Navigation eingebunden; */
print $navLeftCol;
?>




      <!--</ul>-->
   </div>
   <div id="menubottom"></div>

   
   <div id="content">

<?php
/* hier wird der artikelspezifische Inhalt eingebunden;
$this verweist dabei auf den jeweils aktuellen Artikel */

echo $this->getArticle();
?>

   </div>

   <div id="footer">
         <div class="left">&copy; 2009 Sebastian Rosenkranz. All rights reserved.</div>
         <!--<div class="right">Design by <a href="http://www.nodethirtythree.com/" target="_blank">NodeThirtyThree Design</a></div>-->
   </div>
   
</div>

</body>
</html>


Als Navigation (ID 3) wird die Standardnavi "navigation - vertical" eingebunden. Wenn ich die ID auf 2 für "navigation - horizontal - vertical" umstelle bekomme ich gar keine Navi mehr....

Ich weiß nicht mehr weiter.

Liebe Grüße
Sebastian[/code]
Zuletzt geändert von s-rosenkranz.de am 9. Mär 2009, 01:37, insgesamt 1-mal geändert.
s-rosenkranz.de
 
Beiträge: 4
Registriert: 4. Mär 2009, 20:36

Re: Brauche mal Hilfe für meine Navigation

Beitragvon maik@nordbahn » 4. Mär 2009, 21:22

kann man sich die Seite (frontend ) mal live ansehen?
Liebe Grüße
Maik
Benutzeravatar
maik@nordbahn
 
Beiträge: 166
Registriert: 29. Jan 2007, 15:10

Beitragvon s-rosenkranz.de » 6. Mär 2009, 19:44

Hallo Maik,

ja klar. Das Frontend ist derzeit unter
http://neu.rosenkranz-berlin.de
zu sehen. Da kannst du dir unter dem
Punkt Leistungen ein Bild von meiner
"missratenen" Navigation in der 2. Ebene
machen.

Gruß
Sebastian
s-rosenkranz.de
 
Beiträge: 4
Registriert: 4. Mär 2009, 20:36

Beitragvon Richard.Laing » 6. Mär 2009, 21:50

hi

das scheint am css zu liegen, oder der strukturaufbau im backend ist falsch. ich finde in deinem quelltest die ausgabe der horizontalen navi nicht

spich das hier:
Code: Alles auswählen
<?php print $navHeader;?>


der aufbau im backend müßte sein,

rootkategorien die die derzeit bei dir auf der seite oben waagerecht sind dann nach klick auf die kategorie erscheint dort erneut kategorie anlegen und dort einen untermenüpunkt (kategorie) anlegen für das untermenü.

gruß richy

ps: ich habe ein videotutorial dafür unter rexvideo.de angelegt, einfach mal reinschauen.
oder dein css der navigation mal hier posten.
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Beitragvon s-rosenkranz.de » 8. Mär 2009, 18:53

Hallo Richy,

danke für deine Antwort. Leider bekomme ich unter rexvideo.de nur ein "4u..coming soon" zu sehen, aber kein einziges video - oder muss ich dazu noch etwas machen?

Das sind die CSS-Einstellungen aus der eingebundenen default.css:

Code: Alles auswählen
*
{
padding: 0em;
margin: 0em;
}

body
{ background: #000000 url(images/back1.jpg) repeat-x; padding: 35px 0; }

body,input
{ font-size: 10pt; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; }

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

a
{
color: #B96D00;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}


h3 span
{
font-weight: normal;
}

h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h3
{
font-size: 1.7em;
padding-right: 34px;
background-image: url('images/db1.gif');
}

h4
{
font-size: 1.2em;
padding-right: 28px;
background-image: url('images/db2.gif');
}

.contentarea
{
padding-top: 1.3em;
}

img
{
border: solid 1px #6F5230;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

.divider1
{
position: relative;
background: #fff url('images/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('images/icon-printerfriendly.gif');
}

.post ul.controls li a.comments
{
background-image: url('images/icon-comments.gif');
}

.post ul.controls li a.more
{
background-image: url('images/icon-more.gif');
}

.box
{
position: relative;
background: #FDFCF6 url('images/boxbg.gif') repeat-x;
left: -1.5em;
top: -1.5em;
padding: 1.5em;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}

#upbg
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 275px;
background: #fff url(images/back1.jpg) repeat-x;
z-index: 1;
}

#outer
{
z-index: 2;
position: relative;
/*
   The width value below controls the overall width of the design. By default it's set to 82%
   (so it'll take up 82% of the browser window's width). You can set it to a different percentage
   value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 82%;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

#header
{
position: relative;
width: 100%;
height: 9.0em;
background: #2B2B2B url('images/topbg.gif') repeat-x;
margin-bottom: 2px;
}

#headercontent
{
position: absolute;
bottom: 0em;
padding: 0em 2.0em 1.3em 2.0em;
}

#headercontent h1
{
font-weight: normal;
color: #fff;
font-size: 2.5em;
}

#headercontent h1 sub
{ color: #777; font-size: smaller; font-variant: small-caps; }

#headercontent h2
{ font-size: 1em; font-weight: normal; color: #aaa; font-variant: small-caps; }

#search
{ position: absolute; top: 1em; right: 2em; padding-right: 0; }

#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
border-top: solid 1px #000000;
border-right: 0px;
border-bottom: solid 1px #777777;
border-left: 0px;
padding: 0.15em;
width: 10.0em;
}

#search input.submit
{
background: red url(images/buttonbg.gif) repeat-x;
border: solid 1px #5f6800;
font-weight: bold;
padding: 0.25em;
font-size: 0.8em;
color: #f2f3de;
vertical-align: middle;
}

#headerpic
{
position: relative;
height: 109px;
background: #fff url(images/hdrpic.jpg) no-repeat left top;
margin-bottom: 2px;
}

#menu
{
position: relative;
background: red url(images/menubg.gif) repeat-x left top;
height: 3.5em;
padding: 0 1em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1em 0.9em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li a.active
{
background: red url(images/menuactive.gif) repeat-x left top;
}

#menubottom
{
background: #fff url('images/border1.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#content
{
padding: 0em 2.0em 0em 2.0em;
}

#primarycontainer
{
float: left;
margin-right: -18.0em;
width: 100%;
}

#primarycontent
{
margin: 1.5em 22.0em 0em 0em;
}

#secondarycontent
{
margin-top: 1.5em;
float: right;
width: 18.0em;
}

#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url('images/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}
.floatLeft { text-align: left; left: inherit; float: right; clear: right; margin: 0.25em 1em; }
#nav2nd
{
position: relative;
background: url(images/menubg.gif)red url(images/menubg.gif) repeat-x left top;
height: 3.5em;
padding: 0 1em;
margin-bottom: 2px;
}
#nav2nd ul
{
position: absolute;
top: 1.1em;
}
#nav2nd ul li
{
position: relative;
display: inline;
}
#nav2nd ul li a
{
padding: 0.5em 1em 0.9em;
color: orange;
text-decoration: none;
}
#nav2nd ul li a:hover
{
text-decoration: underline;
}
#nav2nd ul li a.active
{
background: url(images/menuactive.gif)red url(images/menuactive.gif) repeat-x left top;
}


Ich hoffe, ihr könnt mir weiterhelfen :roll:

Liebe Grüße
Sebastian
s-rosenkranz.de
 
Beiträge: 4
Registriert: 4. Mär 2009, 20:36

Beitragvon Richard.Laing » 8. Mär 2009, 19:15

hi bin gerade etwas im stress :)

http://www.rexvideo.de/Tutorials/Eigenes-Template/

lösche bitte deinen Browsercache die seite die bei dir angezeigt wird gibt es nicht mehr.
oder klicke glcih auf den link oben
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Beitragvon s-rosenkranz.de » 9. Mär 2009, 01:36

Mit Hilfe des Videos von Richy und einigen PHP-, HTML- und CSS-Anpassungen steht meine Seite nun so wie sie soll. :D

Es fehlte die Einbindung der 2. Navigationsstufe im Haupttemplate und im Navi-Template habe ich nur alle Formatierungen rausschmeißen müssen, da genau diese bereits im CSS gemacht wurden und mir nur alles zerschossen haben. Logischerweise dann nur noch das Finetuning der CSS. Aber nun steht das Design.

Herzlichen Dank an alle!
s-rosenkranz.de
 
Beiträge: 4
Registriert: 4. Mär 2009, 20:36

Beitragvon Richard.Laing » 9. Mär 2009, 07:26

Herzlichen Glückwunsch.

Das freut mich das ich Dir mit dem Video Tutorial den richtigen Weg ebnen konnten.

Gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland


Zurück zu Templates/Navigationen [R4]

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast