Leerzeichen in der Navi einfügen

00eraser00

Hi,

wie kann man vor jedem Wort in der Navigation ein Leerzeichen einfügen? Habe selbst Icons erstellt und die liegen einfach zu nah an den Worten dran und das hätte ich gern geändert. So dass zwischen Icon und dem Wort noch Platz ist.
Wie mache ich das am besten?

Gomez

Hi,

ich denke das sollte die richtige Datei sein:
CMFPlone/skins/plone_portlets/portlet_navigation.pt

sejuma

Code

Wort

00eraser00

die datei? denke eher, dass müßte in das makro, dass die navi dynamisch erzeugt, wenn ich das beim portlet_navigation mache, macht er nur beim ersten wort (Startseite) ne leerzeile davor
aber an welche stelle in dem quellcode muß das?

mgraf

Morgen,
wieso willst du vor jeden Buchstaben ein Leerzeichen einfügen, machs mit CSS

Ich glaube, die Klasse heißt "visualIconPadding" die regelt den Abstand für die NavtreeIcons...

lg
michi

PS. hab keine plone-installation zur verfügung, wo ich genau nachsehen konnte!

PPS. wenn dann die "portlet_navtree_macro.pt"

00eraser00

aber wie muß ich dass dann im css schreiben?
einfach nur
x {

}

?das wirds ja wohl nicht sein, oder?

mgraf

wenn, dann eher mit http://de.selfhtml.org/css/eigenschaf…tm#before_after

aber margin-left/right müsste doch auch gehen oder?

00eraser00

ja das ist schon ne gute idee, aber in der ploneCustomCSS muß ich ja sowas wie:
body{
...
} angeben, was muß ich da bei der navi angeben, navigation-portlet-tree wahrscheinlich, aber wie sieht dann der css aus? auf der seite sieht man es ja nur wies dann in html aussieht

mgraf

Hi,
ohne dich jetzt beleidigen zu wollen, aber von CSS hast du nicht viel ahnung wie?

naja,
Erster Schritt - durchlesen:
http://www.webmaster-resource.de/tutorials/css/css-tutorial.php
http://www.webdesign-referenz.de/html_css.shtml

Zweiter Schritt:
in der ploneCustom.css folgendes einfügen:

Code

.navTreeItem .visualIconPadding {
   background-color: #000;
   padding-left: 50px;
}

Erklärung.
- das "background-color" kannst du rausnehmen (ist nur drinnen damit dir sofort auffällt, wo änderung gemacht wurden)
- das "padding-left" verschiebt den Text der Navi-Links einfach um die px Anzahl nach rechts... den genauen Wert musst halt dann durch rumprobieren herausfinden

Theoretisch sollte es so funktionieren

lg
michi

00eraser00

danke für den tipp, das hats gebracht

Tags