Linkfarbe "weiterlesen" ändern?
Eingetragen von azze12 (228)
am 05.03.2009 - 10:07 Uhr in
am 05.03.2009 - 10:07 Uhr in
Hallo zusammen,
Kann man die Farbe des Links "weiterlesen" am Ende eines Nodes ändern, so dass dieser besonders auffällt (und nur dieser, nicht die Taxonomie-Links)? Wie geht das?
Danke!
a.
- Anmelden oder Registrieren um Kommentare zu schreiben
CSS
am 05.03.2009 - 10:16 Uhr
Moin.
Ja, das geht indem Du in der CSS-Klasse des Links eine andere Farbe angibst. Hier auf drupalcenter heisst die Klasse "node_read_more", die CSS-Anweisung wäre dann also
.node_read_more {
color: #dd0000;
}
Um herauszufinden, wie die Klasse bei Dir heisst, klickst Du mit der rechten Maustaste auf den Link und wählst "Element untersuchen" ("inspect element").
Das hast Du nicht? Ok, dann installier Dir firebug und schau dann nochmal :-)
hth,
Stefan
Tipp: Beachte die Verhaltensregeln des DrupalCenter.
und bei updates?
am 05.03.2009 - 11:34 Uhr
Danke für den Hinweis. Ich habe mir das mal so angesehen - aber finde es etwas verwirrend, was da alles angezeigt wird (Element wird geerbt ...) und fühle mich da nicht so sicher, am Code rumzubasteln (ich bin kein Informatiker).
Wenn ich da was ändere über einen Editor und es kommt ein update von Drupal - ist dann nicht die Änderung wieder futsch?
Gibt es evtl. ein Modul, mit dem man so ein Feintuning machen kann und dass dann solche Änderungen in der Datenbank ablegt?
Danke!
a.
Theme
am 05.03.2009 - 11:44 Uhr
Wenn ich da was ändere über einen Editor und es kommt ein update von Drupal - ist dann nicht die Änderung wieder futsch?
Du machst die Einstellungen ja in der Datei style.css Deines Themes. Und das liegt ja (unberührt jeglicher Updates) im Verzeichnis sites/all/themes.
Gibt es evtl. ein Modul, mit dem man so ein Feintuning machen kann und dass dann solche Änderungen in der Datenbank ablegt?
Glücklicherweise nicht. Sonst würde es eine Unmenge weiterer Datenbankabfragen geben und die Performance würde aber sowas von in den Keller gehen...
Stefan
Tipp: Beachte die Verhaltensregeln des DrupalCenter.
firebug - Dateiname der css?
am 05.03.2009 - 13:13 Uhr
Also: Ich habe das firebug-Extension installiert und finde auch ein "node_read_more" auf der Website, wenn ich auf den "weiterlesen" Link klicke - aber ich habe noch nicht herausbekommen, in welcher Datei ich das mit FTP lokal ändern und zurückspielen muss. die garland-style.css enthält keinen Hinweis auf node_read_more und den Pfad sites/all/themes gibt es bei mir nicht... Sorry, aber ich habe mich bislang noch nicht viel mit den Themes beschäftigt und bin da ziemlich am Anfang.
Danke für Hinweise!
a.
dein firebug zeigt dir an
am 05.03.2009 - 13:29 Uhr
dein firebug zeigt dir an wie die datei heißt und in welcher zeile sich die deklaration befindet, wenn du uns den namen der datei sagst können wir dir vielleicht besser helfen, allerdings sollte das finden dieser datei auch nicht weiter problematisch sein
style.css
am 05.03.2009 - 13:52 Uhr
Moin!
Wenn die Datei style.css des Themes garland die entsprechende Anweisung nicht enthält, was hindert Dich dann daran, sie hinzuzufügen?
.node_read_more {
color: #dd0000;
}
hth,
Stefan
PS: den Ordner sites/all/themes legst Du an, wenn Du ein eigenes Theme erstellst. Genauso, wie Du sites/all/modules für sämtliche Nicht-Kern-Module hast.
Tipp: Beachte die Verhaltensregeln des DrupalCenter.
also ein Versuch - aber es geht nicht so...
am 05.03.2009 - 15:34 Uhr
Hallo zusammen,
Also ich habe jetzt die style.css vom Theme garland genommen und das eingefügt und dabei die Farbe noch einmal selber geändert - aber die Ausgabe auf meiner Website hat sich nicht geändert.
Der Code schaut so aus:
------------------
/**
* Nodes & comments
*/
.node {
border-bottom: 1px solid #e9eff3;
margin: -1.5em -26px 1.5em;
padding: 1.5em 26px;
}
--- das oben habe ich unverändert gelassen ---
.node_read_more {
color: #19d200;
}
----und das nun folgende auch -------
ul.links li, ul.inline li {
margin-left: 0;
margin-right: 0;
padding-left: 0; /* LTR */
padding-right: 1em; /* LTR */
background-image: none;
}
--------
Auch hier habe ich den Cache geleert, die Seite neu geladen und den Node mit bearbeiten / speichern noch einmal neu gespeichert - aber die Änderung von "weiterlesen" in eine andere Farbe erfolgte nicht.
Was mache ich falsch?
Danke!
A.
firebug
am 05.03.2009 - 15:37 Uhr
Was mache ich falsch?
Du schaust nicht im firebug nach, ob die Regel wirklich auf das Element angewendet wird.
Stefan
Tipp: Beachte die Verhaltensregeln des DrupalCenter.
Firebug-Anleitung
am 08.03.2009 - 12:05 Uhr
Sorry, aber: Wie erkenne ich im Firebug, ob "die Regel angewendet wird"? Ich kenne mich mit diesem Add-On nicht aus. Gibt es da eine Anleitung, die man auch ohne Informatiker zu sein, verstehen kann? Ich finde auch keine Anzeige des Dateinamens der Datei (ausser der index.htm) im firebug, in der die node_read_more steht (auf sie wird zwar verwiesen, aber wo genau bzw. mit welchem Kommando wird der Dateiname angezeigt?). Soll ich mal einen Screenshot posten?
Tut mir leid, wenn ich so dumm frage - aber manchmal sehen Entwickler von Software die Dinge eben anscheinend anders als ich als User von drupal und noch immer Anfänger...
Danke für Hinweise!
a.
Also mal von Franke zu
am 05.03.2009 - 17:55 Uhr
Also mal von Franke zu Franken :-)
F12 drücken im Firefox und der Firebug öffnet sich. Dann klickst Du auf "Untersuchen" ... und wenn Du jetzt mit der Maus irgendwo auf der Seite umher fährst, dann wirst Du "blaue Rahmen" bemerken.
Entweder suchts Du Dein Element mit dieser Möglichkeit, oder aber in der linken Hälfte des Firebug, da Du dort sozusagen den HTML Code der Seite siehst. Und wenn Du jetzt links auf irgendein Element klickst, dann hast Du auf der rechten Seite die CSS Befefle dafür und auch, welche Datei dafür zuständig ist. Meist irgendwas mit style.css .... Und wenn Du Deine Maus da drauf fährst, dann hast Du auch noch den Pfad zur Datei ...
Viel Erfolg!
Drupal 7 Screencasts in deutsch!
Klasse node_read_more
am 05.03.2009 - 20:12 Uhr
Hallo,
probier mal das:
li.node_read_more a {
color: lime !important;
}
Manchmal gibt es noch keine entsprechende Regel in den CSS (wie hier zur Klasse node_read_more), dann findet Firebug die auch nicht.
Und mit !important kannst du deinen Styles gegenüber anderen Styles mehr Nachdruck verleihen (http://www.drupalcenter.de/handbuch/6724).
hth
Frank
Nachtrag:
Ich hatte mit der Firefox Web Developer Toolbar und mit Stylish Schwierigkeiten auf deiner Seite, weil du die Domain per Frameset umgebogen hast:
<frameset border="0" rows="100%,*">
<frame scrolling="auto" frameborder="0" src="http://www.hauskreistag.de/drupal" name="_redirected_content_">
...
Gruß
Frank
Bitte Erledigtes im Betreff des ersten Postings als [gelöst] markieren. Danke!
Danke - Es geht nun endlich!
am 05.03.2009 - 20:36 Uhr
Danke Thoor, mit der Anleitung habe ich es geschafft, den Pfad zu finden, wo die richtige CSS Datei liegt. Mein Fehler war: Ich hatte in Garland die Grundfarben anders eingestellt und dadurch gab es noch ein eigenes Verzeichnis default/files/color/garland... /style.css - und wenn man natürlich die style.css im falschen Verzeichnis bearbeitet, braucht man sich nicht wundern, wenn nichts geht.
Also Danke für alle Unterstützung!
a.
CSS im Theme-Verzeichnis ändern
am 08.03.2009 - 14:16 Uhr
Hallo,
du solltest nicht die CSS im /color/-Verzeichnis direkt ändern. Die wird nämlich beim Abspeichern des Farbschemas automatisch erzeugt:
Es ist wichtig, sich zu merken, dass das Color Modul eine geänderte Kopie der spezifizierten Stylesheets des Themes im Files Verzeichnis speichert. Das heißt, wenn irgendwelche manuellen Änderungen am Stylesheet Ihres Themes vorgenommen wird, muss die Farbeinstellungen wieder gespeichert werden, selbst wenn nichts geändert wurde. Dieses veranlasst die erzeugte Version des Stylesheets vom Color Modul im Files Verzeichnis, unter Verwendung der neuen Version der ursprünglichen Datei neu erstellt zu werden.
Quelle: /admin/help/color
Gruß
Frank
Gruß
Frank
Bitte Erledigtes im Betreff des ersten Postings als [gelöst] markieren. Danke!
Wie dann ändern?
am 10.03.2009 - 12:34 Uhr
Hallo Frank,
O.k. - aber wie ändert man das dann, wenn die Farbe angepasst werden soll? Ich kann doch von dem geänderten CSS eine Sicherungskopie lokal speichern und ggf. wieder einspielen per FTP? Die anderen CSS Dateien zu ändern nützt ja nichts... - oder gibt es doch einen Trick?
Danke!
A.
P.S. Die von Dir zitierte Quelle (bezieht sich ja m.W. auf drupalcenter) kann ich nicht lesen. Da kommt Zugriff verweigert...
Du änderst deine Wünsche
am 10.03.2009 - 12:47 Uhr
Du änderst deine Wünsche in der style.css von Garland und dann gehst du zu diesen Colorpicker von Garland und speichert diese Seite einmal ab. Weil erst dann die style.css neu-eingelesen wird (deine Änderungen) und die Einstellung von diesem Colorpicker.
----------------------------------------
http://tobiasbaehr.de/
Gelöste Forenbeiträge mit [gelöst] im Titel ergänzen
Gelöste Forenbeiträge mit [gelöst] im Titel ergänzen
Das Verhältnis anderen zu helfen muss höher sein, als von anderen Hilfe zu erfragen/erwarten.
Kleines Tutorial ...
am 10.03.2009 - 14:27 Uhr
Hallo Azze,
ich habe Dir und allen anderen mit dem Problemchen mal ein kleines Tutorial für CSS bei Drupal geschrieben.
Hoffe, daß es jetzt doch noch klappen wird. Schreib mal nen Kommentar, wenns geklappt hat :-) Gruß aus Nürnberg!
-------------------------------------------------------------------------------
Drupal ist das "Coolste", was mir in 10 Jahren Webworking untergekommen ist!
Meine persönliche Drupal Spielwiese
Drupal 7 Screencasts in deutsch!
Link zur integrierten Online-Hilfe
am 10.03.2009 - 14:40 Uhr
Hallo Azze,
P.S. Die von Dir zitierte Quelle (bezieht sich ja m.W. auf drupalcenter) kann ich nicht lesen. Da kommt Zugriff verweigert...
Nein, das ist die URL zur eingebauten Hilfeseite auf deiner eigenen Drupal-Site:
http://deine_drupal_site/admin/help/color
. Warum in die Ferne schweifen... ;-)Gruß
Frank
Gruß
Frank
Bitte Erledigtes im Betreff des ersten Postings als [gelöst] markieren. Danke!