Page 1 of 2

Navi-Linien weg oder umfärben - Breadcrumb Menü runter ;)

Posted: Tue 27. Jul 2004, 13:37
by Reineke
Liebe WCMSler,

ich bin nicht so fit im Coden (Redakteur, hehe) deshalb zwei Fragen:

Wie kann ich denn die Navilinien von der linken Hauptnavigation löschen oder zumindest anders einfärben?

Wie bekomme ich das Breadcrumb-Menü aus einer separaten Zeile weiter runter, sodass diese bündig mit dem ersten Hauptnavi-Punkt abschließt?

Beispiel: Image

Re: Navi-Linien weg oder umfärben - Breadcrumb Menü runter ;

Posted: Tue 27. Jul 2004, 14:12
by Jambafi
Reineke wrote:Liebe WCMSler,
Wie kann ich denn die Navilinien von der linken Hauptnavigation löschen oder zumindest anders einfärben?
Das kannst das ganze Menü in der conf.template_default.inc.php einstellen. Du findest diese Datei unter include/inc_conf/

Suche nach
$template_default["nav_table_struct"]["row_norm_bgcolor"]
(bei Zeile 53)

die von dir angesprochenen Linien kannst du ändern indem du nach
$template_default["nav_table_struct"]["row_space"] = 1;
suchst (bei Zeile 62)
und dort eine 0 eingibst oder in der Zeile direkt darunter eine andere Farbe wählst.

Posted: Tue 27. Jul 2004, 14:13
by Reineke
Vielen Dank erstmal. Um mein Problem noch genauer zu verdeutlichen: Beim vorigen Screenshot paßt schon alles. Der ist nicht von meiner Seite. Bei mir schaut es noch so aus:

Image

Das rot umrandete Feld mit dem BREADCRUMB-MENÜ soll bündig mit dem Firmenprofil erscheinen. Wie krieg ich das da runter?

Posted: Tue 27. Jul 2004, 14:28
by nekket
Du hast das Breadcrumb Menü im Kopf-Bereich der Seite definiert oder?
Wenn du es im Haupt-Bereich willst, also auf gleicher Höhe wie die Navigation links, würde ich dir raten, den HAUPT-Bereich so aufzubauen, dass du eine Tabelle mit zwei oder drei Zeilen anlegst und in die oberste das Breadcrumb einfügst, dann eine leere Zeile und in die unterste den Content.

Posted: Tue 27. Jul 2004, 14:31
by Reineke
Danke Nekket, bloß - hehe - wie mach ich das? Ich kenn mich mit dem Zeugs wirklich nicht gut aus. Soweit ich sehe ist das Breadcrumb-Menü im Kopfbereich definiert. Richtig? Wenn ich den dazugehörigen Code einfach in den Haupt-Bereich kopiere dann zerreißt es mir die ganze Seite.

Posted: Tue 27. Jul 2004, 14:32
by aleggs
Reineke wrote: Image

Das rot umrandete Feld mit dem BREADCRUMB-MENÜ soll bündig mit dem Firmenprofil erscheinen. Wie krieg ich das da runter?
Hi Reineke

Du musst die Abstände im Admin-Bereich von PHPWCMS in den beiden Blöcken "Links" und "Haupt" der Vorlage anpassen. Siehe auch hier:

http://www.phpwcms.de/index.php?id=11,0,0,1,0,0

Während die Navigation links im Block 3 (Left) steht, ist der Breadcrumb wohl in Block 2 (Main). Du musst drauf achten, dass in diesen Blöcken, die wie separate Tabellenspalten funktionieren, dieselben Abstände eingehalten werden.

OK? hoffe das war einigermassen verständlich :-)

Posted: Tue 27. Jul 2004, 14:49
by Reineke
Bahnhof! Hier meint Code aus der Kopfzeile:

<!--
---- Kopfzeile ----------------------------------------- //-->

<table width="750" border="0" cellpadding="0" cellspacing="0">

<tr>
<!-- Header-LOGO -->
<td width="180" align="center" valign="middle" bgcolor="#FFFFFF"><a href="index.php" target="_top">{IMAGE:bild1.jpg}</a></td>

<!-- Header-BILD-->
<td width="570" bgcolor="#999999"><img src="picture/bild2.jpg" width="570" height="126" alt="" /></td>
</tr>

<!-- Breadcrumb-Menue -->
<tr><td height="20" colspan="5" bgcolor="#efefef" class="breadcrumb">{SPACER:197x1}{BREADCRUMB}</td></tr>

</table>




Soweit so gut: Hier mein Code aus dem Hauptfeld:

<!--
---- Haupt --------------------------------------------- //-->

<!-- Content -->
{SPACER:1x10}<br />
{CONTENT}<br />
{SPACER:1x20}

<!-- Revisions-Text -->
<div align="left" class="revision">Revision: {DATE_ARTICLE} - {TIME_ARTICLE} - &copy; Muster GmbH</div>
{SPACER:500x8}



OK? Was muss ich jetzt ändern? Ich hoffe ich gehe Euch nicht auf die Nerven :)

Posted: Tue 27. Jul 2004, 14:58
by pepe
Hallo Reineke,

wie ich sehe hast du die Daten aus meiner Vorlage übernommen (War ja auch genau so gedacht).

Die Werte für {SPACER:1x10}
sind für einen Abstand von 10 px in vertikaler Richtung zuständig.

Du kannst die Werte verändern, oder die SPACER-Anweisung vollkommen rausschmeißen.


In den nächsten Tagen erweitere ich den Beispielcode um einige interessante Elemente.
Zusätzlich gehe ich auch auf solche Sachen wie die geheimnissvollen Abstände ein.

Bis dann auf meiner Site

Posted: Tue 27. Jul 2004, 15:00
by Reineke
Oh Mann Pepe, danke für deine Ersthilfe. Ohne die gings ja schon mal gar nicht. Aber du wirst sehen - ich mach dir keine Schande :? Ich wühl mich durch...

Posted: Tue 27. Jul 2004, 15:03
by Reineke
Ach ja Pepe, das mit dem Spacer-Zeugs geht wie genau? Ich habe nur eine Spacer-Anweisung. Die nämlich die sagt wo das Menü anfängt, z. B. ab Pixel 192.

Ich möchte das BREADCRUMB aber ins Hauptfeld verschieben. Geht das auch? Wenn ja wie? Ich verzweifle noch.

Posted: Tue 27. Jul 2004, 15:11
by pepe
Hab da was anderes für dich...


kopier mal das in deinen Hauptbereich:
-----------------------------------------------------------------------------
<!-- Breadcrumb-Menü -->
<div style="text-align:left; padding:10px 0px 0px 0px; margin:0;" class="update">{BREADCRUMB}</div>
<hr>

---------------------------------------------------------------------------------

Der Wert 10 stellt hier den Abstand nach oben in px dar.

Experimentier mal ein misschen rum.

Den alten Breadcrumbeintrag schmeißt du dann aus dem Kopf raus.

Posted: Tue 27. Jul 2004, 15:16
by pepe
Hier noch ein Häppchen für den Haupt-Bereich zum Spielen

-------------------------------------------------------------
<!-- Aktuelles Datum und Uhrzeit -->
<div style="text-align:right; padding:10px 0px 0px 0px; margin:0;" class="update">{DATE_LONG} - {TIME_SHORT}</div>
<hr>
--------------------------------------------------------------

Die <hr> - Anweisung macht ja eine Linie... kannst du ggf. rausschmeißen.


Zeig doch mal dein URL: (wenn du magst) Bin neugierig zu sehen, was du so machst :wink:
Freue mich, daß jemand mit meiner Arbeit was anfangen kann :lol:

Posted: Tue 27. Jul 2004, 15:28
by pepe
Bei der Angabe padding haben die 4 Zahlenangaben folgende Bedeutung:

padding:35px 10px 25px 15px bedeutet:Abstande OBEN - RECHTS - UNTEN - LINKS

35px = Abstand OBEN
10px = Abstand RECHTS
25px = Abstand UNTEN
15px = Abstand Links

Damit kannst du die Anordnung beliebig steuern

Posted: Tue 27. Jul 2004, 15:36
by aleggs
hey ihr hardcore-poster :) :)

übrigens .. es gäbe noch eine - passend dazu - hardcore-variante zur positionierung:

Code: Select all

<div style="position: absolute; left: 20px; top: 100px">{BREADCRUMB}</div>
so kann man pixelgenau positionieren. (Texte, Bilder, Navigationen, etc.)

cheers!

Posted: Tue 27. Jul 2004, 16:58
by Reineke
Vielen Dank an Euch alle. Hat hervorragend geklappt. Das fertige Resultat zeige ich sofort die Site fertig ist.