Kann ich mit TypoScript das Layout der Bulletzeichen verändern oder muss ich das über ein css machen ??? Ich verwende die Bullets für die Darstellung von Menüpunkten, welche dementsprechend durch eine Schleife laufen...
Bulletzeichen verändern
du kannst das zB ganz billig machen und das zeichen einfach ändern, oder übers setup mit zB
tt_content.bullets.20.3.wrap = |
tt_content.bullets.20.3.split.1.wrap = <div class="bullet"> <img height="8" width="16" src="media/bullets/arrow.png" alt="" /> | </div>
oder du kannst direkt über css das machen => http://de.selfhtml.org/css/eigenschaften/listen.htm
Das versteh ich ja gar nicht:
tt_content.bullets.20.3.wrap
Wop kommt das her ? tt_content spricht man damit nciht direkt die Datenbank an ? und was ist 20.3. ??? :o
das hat nix mit der DB zu tun!
geh mal auf dein root template=> template-ansicht => rechts obn im dropdown typoscript object browser auswählen!
hier siehst du, wie alles aufgebaut hat, und kannst auch hier die daten ändern
.3 => wenn du ein Element "Punktliste" anlegst, kannst du aus verschiedenen Layouts auswählen, und das müsste die Nr 3 sein
das macht man mit CSS.
.meinmenu UL {
list-style-image: url(images/bulletrd.gif);
}
habs im css gemacht, aber irgendwie ignoriert er meinem ul-inhalt ;(
was mache ich nur falsch ???
css:
ul {style="list-style-image:url(fileadmin/images/qadrat.gif)"}
html:
<ul>###SUBNAVIGATION###</ul>
template:
marks.SUBNAVIGATION.1 {
NO {
allWrap = <li>|</li>
.....
Könnte das Problem evtl sein, dass mein css nur im Template nicht aber im HTML eingebudnen ist!? #paralyzed#
egal wo du das css einbindest, es muss so ausschaun:
ul {list-style-image:url(list_style_image.gif);}
okay mein fehler. habs nochmal geändert:
html:
###SUBNAVIGATION###
css:
ul.subnavi {list-style-image:url(fileadmin/images/qadrat.gif); list-style-position:outside;}
hier mal den ganzen template-ausschnitt (vielelicht liegt ja da der fehler !?)
marks.SUBNAVIGATION = HMENU
marks.SUBNAVIGATION.entryLevel = 1
marks.SUBNAVIGATION.1 = TMENU
marks.SUBNAVIGATION.1.wrap = <ul class="subnavi">|</ul>
marks.SUBNAVIGATION.1 {
NO {
allWrap = <li>|</li>
ATagParams = class="sub"
}
ACT = 1
ACT {
allWrap = <li>|</li>
ATagParams = class="subaktiv"
}
}
funktioniert trotzdem nicht 🙁 mano!!!
wenn die css-datei zB in fileadmin/templates/ liegt, du dann das image mit fileadmin/images/qadrat.gif ansprichst, so müsste dies hier liegen: fileadmin/templates/fileadmin/images/qadrat.gif => tut es das?
und ob das ul.subnavi stimmt? wie wärs mit .subnavi ul ?
hää??? also das versteh ich jetzt beides nicht #angry# ich glaub, ich sollte nach hause gehen..
die css-datei liegt in fileadmin/css
die ausgabe im quelltext sieht übriegens okay aus:
<ul class="subnavi"><li><a href=".........</li></ul>
.subnavi ul wär vom syntax her falsch schau doch wie sein TS ist: <ul class="subnavi">|</ul>
dann eher so z.b. :
#content_menu ul.subnavi li {list-style-image: url(images/bulletrd.gif);}
link zum bild muss natürlich stimmen🙂
kannst das ansprechen des CSS ja mal testen durch setzten einer font farbe:
#content_menu ul.subnavi li {
list-style-image: url(images/bulletrd.gif);
color: red;
}
ähm das versteh ich nicht!
#content_menu ul.subnavi li
kann mir mal bitte jemand diese syntax erklären !?
und mir das vielleicht mal an meinem beispiel zeigen??
marks.SUBNAVIGATION = HMENU
marks.SUBNAVIGATION.entryLevel = 1
marks.SUBNAVIGATION.1 = TMENU
#marks.SUBNAVIGATION.1.wrap = <ul class="subnavi">|</ul>
marks.SUBNAVIGATION.1 {
NO {
allWrap = <il><br />|</il>
ATagParams = class="sub"
}
ACT = 1
ACT {
allWrap = <il><br />|</il>
ATagParams = class="subaktiv"
}
}
Ich komme hier einfach nicht weiter!! PLEASE HELP !!!! o.O
Es kann doch nicht so schwer sein, ein Menü in einer Liste darzustellen mit eigenen im css definierten Bullets, oder !? 😢
hallo,
am besten schaust du dir das _nicht_ im typo an sondern erstellst dir eine dummy-html seite mit dem editor deiner wahl und dann siehst du gleich wie sich was auswirktt!
#content_menu ul.subnavi li
immer von links nach rechts lesen =>
# => damit sprichst du die id von divs an
ul.subnavi => ul, der du die klasse subnavi zugewiesen hast
li => li
lg
ps: das ist ein vor allem ein css-problem
aber mit # kommentiere ich doch aus im typo3
und was sagt mir: content_menu ???
Vielleicht solltest Du Dir mal ein paar Sachen in CSS ansehen...
Für allgemeine Sachen:
http://de.selfhtml.org
Bspielmenüs gibt's hier:
http://css.maxdesign.com.au/listamatic/
Dann weißt Du auch, wo das '#' herkommt (Tipp: nicht aus dem TS).
#content_menu ul.subnavi li => das geört ins css-file
kA, content_menu hab ich _nicht_ ins spiel gebracht, IMO brauchst du es also auch nicht....
also das hab ich doch alles getan. hab ein typo3 buch hier und ein css-buch und daher bin ich doch auf folgenden css-code gekommen.
css:
ul.subnavi { list-style-image:url(/images/quadrat.gif); list-style-position:outside; }
und im typo3 steht dann:
marks.SUBNAVIGATION.1 {
wrap = <ul class="subnavi">|</ul>
NO {
allWrap = <li>|<br /></li>
}
was soll denn daran falsch sein ???
schreib mal color:red; noch ins css file dazu.... wenn das ganze nicht rot ist, dann poste den html-code (nicht den ganzen bitte), falls es rot ist, dann ist der pfad falsch
jetzt versteh ich was ihr wollt:
ich soll im html die <ul> liste definieren und dann über eine id die entsprechende formatierung aus dem css einbinden (daher auch das rautezeichen!). das kann ich aber nicht tun, da ich im html ja nen marker gesetzt habe, da meine listen-objekte ja menüpunkte sind (und ich kann ja schlecht <ul>###MARKER####</ul> schreiben- das bringt ja gar nichts!!!). daher habe ich die listen-definition direkt im typoscript-template!!! was aber irgendwie nicht funktioniert. ich versteh nur nicht, warum nicht!!! #angry#
@just2b:
HTML-Quellcode sieht jetzt so as:
<ul style="list-style-image: url(fileadmin/images/qadrat.gif)"; color="red"><li><a href=