Navi-Linien weg oder umfärben - Breadcrumb Menü runter ;)
Navi-Linien weg oder umfärben - Breadcrumb Menü runter ;)
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:
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:
Re: Navi-Linien weg oder umfärben - Breadcrumb Menü runter ;
Das kannst das ganze Menü in der conf.template_default.inc.php einstellen. Du findest diese Datei unter include/inc_conf/Reineke wrote:Liebe WCMSler,
Wie kann ich denn die Navilinien von der linken Hauptnavigation löschen oder zumindest anders einfärben?
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.
Last edited by Jambafi on Tue 27. Jul 2004, 14:14, edited 2 times in total.
dere und bleibts xund
Jambafi
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.
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.
Hi ReinekeReineke wrote:
Das rot umrandete Feld mit dem BREADCRUMB-MENÜ soll bündig mit dem Firmenprofil erscheinen. Wie krieg ich das da runter?
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
--
Best regards, freundliche Grüsse
Alexander Dal Farra
http://www.dalfarra.ch
http://www.lidijaroos.com
Best regards, freundliche Grüsse
Alexander Dal Farra
http://www.dalfarra.ch
http://www.lidijaroos.com
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} - © Muster GmbH</div>
{SPACER:500x8}
OK? Was muss ich jetzt ändern? Ich hoffe ich gehe Euch nicht auf die Nerven
<!--
---- 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} - © Muster GmbH</div>
{SPACER:500x8}
OK? Was muss ich jetzt ändern? Ich hoffe ich gehe Euch nicht auf die Nerven
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
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
Last edited by pepe on Tue 27. Jul 2004, 15:00, edited 1 time in total.
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.
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.
Last edited by pepe on Tue 27. Jul 2004, 15:17, edited 1 time in total.
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
Freue mich, daß jemand mit meiner Arbeit was anfangen kann
-------------------------------------------------------------
<!-- 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
Freue mich, daß jemand mit meiner Arbeit was anfangen kann
hey ihr hardcore-poster
übrigens .. es gäbe noch eine - passend dazu - hardcore-variante zur positionierung:
so kann man pixelgenau positionieren. (Texte, Bilder, Navigationen, etc.)
cheers!
ü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>
cheers!
--
Best regards, freundliche Grüsse
Alexander Dal Farra
http://www.dalfarra.ch
http://www.lidijaroos.com
Best regards, freundliche Grüsse
Alexander Dal Farra
http://www.dalfarra.ch
http://www.lidijaroos.com