Your-pMF
     registrieren     benutzer     suche     team     kalender     hilfe     index    
Chat     downloads     link us     gästebuch     supportforum    
 

head_menu / zweifarbig

original Thema anzeigen

11.09.05, 16:34:49

spike_putin

Ich würde gerne, wie beu Euch hier im Forum auch, einen Button (den zum Portal hin) in der Frabe "rot" anzeigen lassen ... alle anderen Buttons sollen davon unberührt bleiben. Nun habe ich versucht im head_menu template direkt eine css Anweisung einzubinden ... klappt aber leider nicht. Wo müsste ich die Farbindormation color: #cc0000 (oder gibt es da einen anderen Befehl?) einfügen? Vielen Dank schon mal im Voraus!!!
11.09.05, 16:46:09

pip

hier ist es so gemacht, sollte bei dir auch funzen: [code]
  • pmf support forum
  • demoboard
  • [/code]
    11.09.05, 17:12:13

    spike_putin

    Das scheint bie mir nicht so ganz zu klappen: [CODE]
  • <#lng_menu_portal#>
  • [/CODE] Wo genau muss da die Farbanweisung rein?
    11.09.05, 17:21:07

    pip

    hmm so sollte es funzen: [CODE]
  • <#lng_menu_portal#>
  • [/CODE] wenn nicht machs so: [CODE]
  • <#lng_menu_portal#>
  • [/CODE] das obere wäre aber aufgrund des css schöner :D
    20.11.05, 09:57:53

    Dabbler

    geändert von: Dabbler - 20.11.05, 10:50:20

    Die Farbanweisungen liegen afaik alle in der css_[x].css datei im ./chache/client/ dir. Wenn dir pures css zu schwierig ist benutze doch den online editor der mit dem Board kommt. Für alle Elemente im #menu kann man beispielsweise neue Styleklassen anlegen, die dann auch nur im #menu angewendet werden. [code] #menu ul { } oder #menu ul li { color: #xxxxxx; }[/code] So festgelegte Styleanweisungen gelten dann nur innerhalb der Klasse, die die id hat die nach dem '#' folgt (hier also 'menu'). Im Quellcode wird der style dann nur innerhalb von Elementen mit dem tag [FONT="courier"][B]id="menu"[/B][/FONT] auf die bezeichneten Elemente angewendet. [URL="http://www.css4you.de/"](clicky)[/URL] [EDIT:] Lesen bildet ich weis :) Hab beim durchlesen gemerkt dass deine Frage ja eigentlich nicht beantwortet wird :) Also um nicht zuviel vom style in die template auszulagern, sondern template und style schön getrennt zu halten würde ich wie folgt vorgehen: 1) Im Template in dem (x_acp_head_menu.tpl) suchst du die Zeile mit dem Link (hast du ja schon gefunden :). In das Link-Tag fügst du ein Attribut 'id' ein:[code]
  • pmf support forum
  • [/code]Dabei ist es egal wie du es nennst, sehe nur dass es noch nicht existiert, da du es ja zum unterscheiden benutzen willst :rolleyes: Als nächsten Schritt fürgen wir im css_x.css eine Sektion ein, die mit unserer kreierten [B]id[/B] arbeitet. dafür gehst du nach ACP->Styles.bearbeiten->->Anpassen. Ganz unten befindet sich ein Kasten der nicht genauer zugeordnet ist. Dort suchst du den Abschnitt [B].clearfix:after[/B]: [code].clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } [/code]Darunter schreibst du deinen Block der die neuen Style-Daten für deine [B]id[/B] festlegt. In deinem Fall: [code]#menu a#suplink {color: #cc0000;}[/code] Auf diese Art und weise kann man (mit eineigem Aufwand) quasi jedem Element ein individuelles Aussehen geben. Besonders eignet sich das halt um aus einer grösseren Menge von Objekten eins oder wenige gesondert zu behandeln. Wenn man alle Style-Angaben mit in die Templates haut sind diese leider nur mit erheblichem mehraufwand auch wiederzuverwerten! CSS steht schliesslich für die Trennung von Code und Design. Also sollte man sich damit anfreunden :)
    20.11.05, 11:10:30

    Dabbler

    geändert von: Dabbler - 24.11.05, 18:37:43

    [quote="pip"]hmm so sollte es funzen: [CODE]
  • <#lng_menu_portal#>
  • [/CODE] wenn nicht machs so: [CODE]
  • <#lng_menu_portal#>
  • [/CODE] das obere wäre aber aufgrund des css schöner :D[/quote] Wie oben beschrieben benutzt [EDIT]pMF[/EDIT] extensiv css! Das ist auch sehr gut so :rolleyes: Deshalb ist der Ansatz Designvorstellungen in den Templates (engl.: Schablone) umzusetzen erstmal gegen die Philosophie von css! Code in den Templates, Design in den css.files. Das css.file wird im der Seite angegeben und landet somit im BrowserChache noch bevor der Code der Seite überhaupt dem Browser bekannt ist. Der Browser weiss also schon welche Bereichen und Strukturen er wie darstellen soll, bevor er diese überhaupt kennt! Daher sind ihm die mit dem Code kommenden style-Anweilungen reichlich egal, er bedient sich dem im cache liegenden css.file um die Darstellung zu bestimmten. Er hat die Kleider schon gewählt, egal wer kommt und sie anprobieren will :P Aus diesm Grunde laufen beide o.g. Ansätze in leere. Die Templates sind nur Code-Gerippe, und im myPhpForum auch makellos vom Style losgelöst; am besten belässt man es auch so. Man kann mit einem Template-Set quasi 1001 Style bedienen indem man sich nur noch um die Graphiken und Farben kümmert.
    23.11.05, 23:46:07

    Tanne

    Hi, dabbler. Super Ausführung. Das habe sogar ich verstanden! Da du dich offensichtlich gut mit CSS auskennst, bist Du herzlich eingeladen, öfter Fragen zum Stylen zu beantworten. Nur diese eine Kleinigkeit: Unsere Community heisst Your-pMF und die Software phpMyForum, woraus sich das "pMF" ableitet. :D Tanne
    24.11.05, 15:04:51

    pip

    natürlich wäre es schöner, die änderungen direkt im css file durchzuführen. allerdings müsste man dann für jede änderung nen extra bereich im css file anlegen, ids vergeben usw. das halte ich um nur die schriftfarbe, -größe oder so zu ändern viel zu aufwändig.
    24.11.05, 18:34:55

    Dabbler

    [quote="pip"]natürlich wäre es schöner, die änderungen direkt im css file durchzuführen. allerdings müsste man dann für jede änderung nen extra bereich im css file anlegen, ids vergeben usw. das halte ich um nur die schriftfarbe, -größe oder so zu ändern viel zu aufwändig.[/quote] Da hast du natürlich vollkommen recht! Ich will auch keinem auf die Füsse tretten oder sagen wie er das umsetzen muss. Nur der von mir beschriebene Weg ist der, nach css/xhtml, 'richtigere'. Es sieht zwar so aus, als wenn es wesentlich mehr Aufwand wäre, im Endeffekt gewinnt man aber an Effizienz, je öfter der Style umgemoddet/angepasst/verändert/kopiert und leicht verändert etc. wird. Die Sache hat ja System! D.h. wenn jemand ein Templateset hat das ihm gefällt aber seine HP in völlig anderen Farben gehalten ist muss man nicht alle .tml´s nach evtl. durchzuführenden Änderungen checken, sondern eben nur die .css anpassen (was in Teilen sehr komfortabel übers ACP geht!). Nach hardcore .css Vorschrift soll sogar jedes Element eine #id haben..
     
    Powered by: phpMyForum 4.2.1 © Christoph Roeder
    SQL Error