[Gelöst] Blogübersicht- Abstand zwischen Blognachrichten möglich?
Eingetragen von bernadine (80)
am 24.08.2010 - 17:49 Uhr in
am 24.08.2010 - 17:49 Uhr in
Hallo, ich habe folgendes Problem: In der Übersichtsseite in meinem Blog ist es bei Nachrichten (300Zeichen Vorschau) schwer zu unterscheiden- wo der Anfang von einer ist und wo das Ende. Der "Weiterlesen"-Link ist auch kaum bemerkbar in der gesamten Menge. Hier ist das Bild, da sieht man zwei Teaser-Nachrichten.
Wie kann ich zumindest den Abstand zwischen den beiden Teasern vergrößern?
Danke!
- Anmelden oder Registrieren um Kommentare zu schreiben
mit css in deinem style.
am 24.08.2010 - 18:36 Uhr
mit css in deinem style.
C.A.W. Webdesign
mit css
am 24.08.2010 - 18:36 Uhr
mit css
C.A.W. Webdesign
danke :) - nur welche CSS
am 25.08.2010 - 12:49 Uhr
danke :) - nur welche CSS Datei (vom template, von drupal, von irgendwelchen blogdateien etc.)? Welche Zeile?
Erstelle in Deinem
am 25.08.2010 - 13:07 Uhr
Erstelle in Deinem Theme-Verzeichnis eine Datei namens "meincss.css". Diese Datei bindest Du in der .info-Datei deines Themes ein mittels der Zeile
stylesheets[all][] = meincss.css
, die als letzte der Zeilen mit "stylesheets[all][] =" stehen sollte. In diese Datei steckst Du alle CSS-Anweisungen, mit denen Du das bisherige Verhalten ändern willst. Das ist dann alles.
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Der Tipp ist sehr gut..
am 25.08.2010 - 19:46 Uhr
Nur weiß ich trotzdem nicht weiter. Die Datei ist erstellt und ist leer- was soll ich denn dort eintragen, um den zeilenabstand konkrett zu erhöhen?
"Bitte erhöhe mir den Zeilenabstand, liebe CSS"- wird sicherlich nicht funktionieren. ;) Und ich habe leider nur sehr geringe CSS Kenntnisse.
Dann empfehle ich Dir
am 25.08.2010 - 20:09 Uhr
Dann empfehle ich Dir dringend die Einarbeitung, da Du alles was das Aussehen der Webseite angeht über CSS regelst. Es gibt auch das ein oder andere Buch dazu (z.B. dieses)
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Hmm
am 26.08.2010 - 10:50 Uhr
Danke, die grundsätzlichen Änderungen in bestehenden CSS Templates habe ich in meinem Leben bereits vorgenommen. Aber das hier ist nach meinem Empfinden komplexer, dafür muss man die Zusammenhänge im ganzen Drupal System verstehen- das sind dann wohl ein paar Bücher mehr zu lesen. In 2 Jahren weiß ich dann die Antwort...
Kann mir jemand sonst helfen und nur die eine zeile nennen, die ich dort eintragen muss? Oder ist es ein Forum nur für Profis, die keine Zeit/Lust haben, einem Anfänger auf die Sprünge zu helfen?
Danke!
Frechheit siegt nicht immer ;)
am 26.08.2010 - 13:08 Uhr
die grundsätzlichen Änderungen in bestehenden CSS Templates habe ich in meinem Leben bereits vorgenommen.
Hallo Bernadine,
wenn dem tatsächlich so ist, dann arbeitest Du ja sicherlich mit der Firefox Erweiterung Firebug, wie wir alle hier und findest ratzfatz auch die CSS Deklaration, die Du dann anpasst.
Abhängig von dem bei Dir verwendeten Theme heißt die nämlich jeweils anders und da meine Glaskugel gerade in der Inspektion ist ....
Oder ist es ein Forum nur für Profis, die keine Zeit/Lust haben, einem Anfänger auf die Sprünge zu helfen?
Ich finde es bemerkenswert, dass Du nach dieser patzigen, vollkommen überflüssigen und unverschämten Bemerkung (hier helfen ALLE ehrenamtlich, in ihrer Freizeit und zwar KOSTENLOS!!!) tatsächlich noch auf eine Antwort hoffst....
Gruß,
Kirsten
Solange besser möglich ist, ist gut nicht genug.
http://www.net-explorer.org
Firebug
am 26.08.2010 - 20:05 Uhr
Hallo Kirsten, ja tatsächlich habe ich Firebug, ich habe damit auch schon versucht zu verstehen- um welche CSS Datei es geht. Ich habe die Namen der Zeilen auch gefunden, aber nicht die dazugehörigen CSS in meinen Ordnern auf dem FTP Server und schon gar nciht die Zeilennamen. Deshalb habe ich verzweifelt hier im forum gefragt in der Hoffnung, eine ähnliche Antwort zu hören wie z.b. "Suche bitte in der template_css datei in deinem Themeordner nach "submitted" und packe dort ein attribut highth=20px rein" - oder so etwas in der Art.
Aber Antworten wie "mit CSS"... Sorry... Deshalb entstand bei mir der Eindruck, dass die Hilfe nicht ganz vom Herzen kommt. Es ist wie: "Entschuldigung, könnten Sie mir bitte sagen, wo ich hier Blumen kaufen kann?" -"In einem Blumenladen".
Ehrenamtlich helfe ich auch den anderen, glaub mir. Nur bei Joomla und nicht hier bei drupal, wo ich mich nur sehr schwer zurecht finde. Sorry nochmal für die Aufregung. Ich vergleiche nur mit meinen ausführlichen Antworten bei Joomla und verstehe deshalb die Hilfestellung hier nicht so ganz.
Du gehst also immer hin und
am 26.08.2010 - 21:11 Uhr
Du gehst also immer hin und änderst an Systemdateien. Was machst Du denn beim nächsten Update? Suchst Du dann wieder nach der Stelle, die Du schon mal geändert hast?
Firebug zeigt die die CSS-Statements, die das Aussehen festlegen. Diese Zeilen kopierts Du in Deinen eigenen CSS-File (wie schon oben beschrieben). Die kannst Du dann nach Deinem Gusto ändern. Das ist eine professionelle Vorgehenweise.
Beste Grüße
Werner
.
Werner
drupal-training.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Abstand
am 26.08.2010 - 21:57 Uhr
Hallo.
Um den Abstand zu vergrößern, musst Du für die Elemente die den Teaser umgeben, den Wert für
padding
bzw.margin
setzen (das hängt ganz davon ab, wie Du den Abstand erreichen möchtest).Ein Beispiel (ohne die exakte Struktur Deines HTML zu kennen, kann ich hier leider keine genauen und verlässlichen Anweisungen schreiben) ist:
.node.node-teaser {
margin-bottom: 1.5em;
}
Damit setzt Du für das Element mit der Klassendefinition
class="node node-teaser"
einen unteren Abstand von 1.5em.hth,
Stefan
Tipp: Beachte die Verhaltensregeln des DrupalCenter.
Benennung
am 27.08.2010 - 12:00 Uhr
Hallo Kirsten, ja tatsächlich habe ich Firebug, ich habe damit auch schon versucht zu verstehen- um welche CSS Datei es geht. Ich habe die Namen der Zeilen auch gefunden, aber nicht die dazugehörigen CSS in meinen Ordnern auf dem FTP Server und schon gar nciht die Zeilennamen. Deshalb habe ich verzweifelt hier im forum gefragt in der Hoffnung, eine ähnliche Antwort zu hören wie z.b. "Suche bitte in der template_css datei in deinem Themeordner nach "submitted" und packe dort ein attribut highth=20px rein" - oder so etwas in der Art.
Hallo Bernadine,
also noch einmal zum Drupal Verständnis. Niemand kann Dir hier sagen, wie die richtige CSS Datei heißt, denn die Benennung liegt beim Ersteller des Themes. Eine Angabe, welches Du benutzt wäre also hilfreich.
Wenn Du FIREBUG benutzt, so kannst Du doch sehen, welche CSS Datei benutzt wird - eigentlich. Kann es sein, dass Du unter Perfomance, 'Optimize CSS' eingeschaltet hast?
In dem Fall bekommt man nämlich die zusammengefasste CSS Datei angezeigt, die eine kryptisch lange Zahl angehängt hat... Also während des 'Themings' diese Funktion noch ausgeschaltet lassen.
Dann solltest Du in der Lage sein, die richtige CSS Datei sehen zu können. Siehe angehängten Screenshot. AUF KEINEN FALL DIE SYSTEM.CSS DATEI ÄNDERN - dann ist nach einem Update nämlich alles wieder futsch.
Die meisten Themes bieten eine sogenannte custom.css Datei an, die man mit den eigenen Anweisungen bestücken kann, die als letztes geladen wird und somit alle anderen überschreibt. Sollte Deine Theme so eine Datei nicht anbieten, dann kannst Du diese schnell selber erstellen und einbinden. In diesem Fall:
Erstelle eine custom.css Datei und speicher sie in Deinem Theme an die selbe Stelle wie deren css Dateien. Dann mußt Du Deine neue CSS Datei noch einbinden, damit auch auf sie zugegriffen wird, indem Du in der Datei NameDeinesThemes.info Deine CSS Datei an der letzten Stelle nach allen anderen CSS Dateien anfügst. In meinem Theme sieht dies dann wie folgt aus:
stylesheets[all][] = css/fever.css
stylesheets[all][] = css/museum.css
stylesheets[all][] = css/custom.css
Alle css Dateien liegen bei mir in einem Unterordner css und die custom.css wird an der letzten Stelle eingebunden. Im Firebug kannst Du dann überprüfen, ob die custom.css auch richtig angesprochen wird, denn dort müssen ja die letzten Definitionen für Deine geänderte Stelle angezeigt werden.
Grundsätzlich gilt in diesem Forum, dass man gerne und auch sehr ausführlich hilft, wie man etwas machen kann - fertige 'Copy & Paste' Lösungen gibt es hier aber extrem selten. Es wird mehr Wert darauf gelegt, dass man sich hinterher selber helfen kann und nicht dass sich ein paar Faule auf den Kenntnissen einiger Weniger ausruhen und eine ruhige Kugel schieben können. (Das war allgemein gemeint und nicht auf Dich bezogen!)
Hier gibt es Hilfe zur Selbsthilfe und das klappt toll, wie ich aus eigener Erfahrung sagen darf.
Gruß,
Kirsten
Solange besser möglich ist, ist gut nicht genug.
http://www.net-explorer.org
Danke Euch! Das hat geklappt!
am 28.08.2010 - 20:31 Uhr
Danke Euch! Das hat geklappt! Habe genau nach Anweisungen alles gemacht- mit der Custom.css datei und mithilfe von Firebug! Vielen Dank nochmal!