Beiträge von kaiser

    Bitte gerne :D

    Übrigens: (wie schon oben erwähnt) probier einmal das Firebug-Addon fpr FF. Da kannst Du "live" im Browser Deine Stylesheets ändern und die Auswirkungen ansehen. Ist auch ganz angenehm, weil man auch i d Html-Ausgabe herumprobieren kann.

    Gutes Gelingen weiterhin!

    #inhalte_suche .post {padding-top: XYpx;}

    Du solltest Dir einmal das Firefox-Addon: Firebug ansehen...

    Das Problem, dass auftauchen wird, ist, dass der erste Post dann denselben Abstand von oben hat, wie alle darauf folgenden vom oberen. D.h. (falls das nicht gewünscht ist) einen Funktion, die den ersten Post der Suchergebnisse als solchen kennzeichnet.

    koslowski: Wie Du siehst, hab ich bei

    ul {font-size: 0; text-intend: -900%} stehen. Das Du die Menüpunkte noch beschriften solltest ist klar. Nur in einem Beispiel natürlich ned drinnen. (Die Grafiken heißen nacher vermutlich auch ned AAA, BBB, oder?). Genauso wie man den Container nicht "absolute" positionieren sollte... Wie schon gesagt, es ist ein Beispiel, dass man sich kopieren und anpassen kann. Und genau wegen dem IE-background-position Fehler verwende ich Deine Lösung nicht mehr. Die Grafiken sind dann zwar im Mark-Up, aber nachdem ich Menüs immer separat mache und per include hole, ist´s mir gelinde gesagt wurscht.

    So, aber jetzt bin ich auf´s Ergebnis unserer Bemühungen gespannt :D

    Hab´s vor kurzem einmal gebraucht und mir zuerst lokal erstellt. Hier also der Code in "Reinform":

    Anm.: Die Lösung hat mehrere Vorteile:

    • Valide in allen Browsern
    • Bilder werden per Css vorgeladen - keine zusätzlichen Ladezeiten oder "blank"s bis das Bild geladen wird


    Einzige Voraussetzung ist, dass Du die Hover-States ins ursprüngliche Bild unterhalb gleich mit einfügst. Du verschiebst das Bild an der linken oberen Ecke. Werte entsprechend anpassen.

    Sieh´s als Rat der Weisen (besser geht ned). :mrgreen:

    Aus der von Dir verlinkten Seite:

    Also diesen Teil suchen: wp_list_cats ... und durch diesen ersetzen: wswwpx_fold_category_list

    1) padding und margin haben immer 4 Werte im UZS: oben-rechts-unten-links
    2) man kann sie aber auch mit verkürzten Werten darstellen: oben/unten - rechts/links
    3) oder einfach auf einen Wert reduzieren: oben/rechts/unten/links

    zB
    Ad 1) padding/margin: 10px 2px 5px 4px;
    Ad 2) padding margin: 3px 1px;
    Ad 3) padding/margin: 0px;

    Anm 1.: Bei 1) kann der letzte (links) Wert weggelassen werden. Dann intepretiert das der Browser als "deckungsgleich mit rechts"
    Anm 2.: Bei 3) kann die Einheit (s. Dein Bsp oben) "px" entfallen
    Anm 3.: Du kannst als Einheit auch "em" nehmen, falls Du Dein gesamtes Layout incl. Innen-/Außenabständen skalierbar machen willst.

    Fazit: Css-Lektüre konsultieren: zB CSS 4 You - The Finest in Stylesheets

    hey lucy,
    ich arbeite mit firebug, einem addon für firefox, bei dem ich auf deiner seite alles "live" (für mich im browser) anschauen und deaktivieren kann. daher auch meine ersten anregungen zur änderung. leider sind die änderungen, die ich für mich zur ansicht mache, beim aktualisieren dann wieder weg. deshalb änder bitte erst einmal die sachen, die ich im beitrag geschrieben habe, dann funktioniert einmal ein teil. den rest schau ich mir nach den änderungen an, weils sonst für mich einfach zu zeitaufwendig ist alles durch zu gehen.

    Also: oben lesen und dann in deine stylesheets einfügen/ändern. Dann weiter fragen und fertig ausbessern.

    Hallo Martin,

    also Dein Textfluss ist ja nicht zu bremsen ;)

    Zwei Dinge vorab: 1) Falls Du zB Office 2007 nutzt, wirst Du schon bemerkt haben, dass es mittlerweile auch dort den Unterschied zwischen Zeilenumbruch (Shift+Enter) und Absatz (Enter) gibt. An diesen Standard musst Du Dich scchlichtweg gewöhnen. 2) Es ist immer besser länger zu planen und kürzer zu arbeiten als alles schnell zu probieren und immer am halben Weg zu verzweifeln. Also alles schön langsam und ruhig :D

    So. Bleiben wir einmal beim "default"-Theme und vergessen "sob" für eine Weile. Ich werde Dir jetzt Schritt für Schritt helfen ein "Child"-Theme dafür zu basteln, damit Du mit allen Updates, die kommen werden, keine Arbeit verlierst und so wenig Änderungen wie möglich machen musst.

    Du wirst mir Schritt für Schritt Deine Anforderungen hier erklären müssen, damit wir das dann einfügen können. Zuerst machen wir aber einfach einmal die Basis fürs child-Theme:

    1) Du legst einen Ordner im "wp-content/themes"-Verzeichnis an, den Du zB "heiligendamm" nennst
    2) Du legst dort eine neue style.css-Datei an, die nur den folgenden Inhalt hat:

    Anm.: Darin sind eigentlich nur 2 Dinge wichtig. a) Das Du unter "Template" den Ordnernamen vom default-Theme angibst und b) dass Du die style.css-Datei vom default-Theme importierst um daran Änderungen machen zu können.

    Wenn Du alles gemacht hast, den Ordner in Dein themes-Verzeichnis hochgeladen hast, findest Du das neue Theme unter Darstellung im Backend und kannst es aktivieren. Auf den ersten Blick werden Dir keine Änderungen auffallen, aber das ist ok so. Wir brauchen ja erstmal eine Basis.

    So wie das geschehen ist und Du ein paar Werte, wie zB Header-Abmessungen, Inhalts- und Sidebarbreite angibst, können wir los legen. Anm. am Rande: Um Deine Inhalte leicht und angenehm lesbar zu machen, sollten Zeilen nicht mehr als 70 Zeichen (inlc. Leerzeichen) beinhalten.

    LG aus Wien.

    ok. das ist eine gute Frage.... ich verwende das firebug-addon für firefox um mir den html-code und die styles anzuschauen. da war eben auch die style.php drinnen und der von mir beschriebene inhalt. wenn ich mir den von dir kopierten code anschaue, dann seh ich eben nur den verweis auf die variable $suckerfish_2_css ... ich glaube du müsstest einmal schauen, ob da sonst noch irgendwo eine css-datei im plugin-verzeichnis ist.

    Hallo Lola,

    und ich meine den "ändern"-Button unter Deinem Beitrag und den "Code"-Button für Deinen Css-Code...

    ansonsten ziemlich einfach: such i d style.css die Klasse "posts"

    Code
    .posts {
    line-height:normal;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    [COLOR=Red]padding:100px;[/COLOR]
    }

    und änder den Wert für "padding" ... Du kannst folgendes machen

    Code
    .posts {
    blabla
    padding: OBENpx RECHTSpx UNTENpx LINKSpx;
    }


    und so die Abstände zu den anderen Posts, den Rändern und dem Sidebar einstellen.

    Hello Martin,

    in einer Sache hast Du recht: Wordpress ist eigentlich (in Deinem Fall) so ähnlich wie Front-Page. Es macht Dir nur einiges einfacher und ist aus einem Guss.

    Was Du leider schon ein wenig lernen wirst müssen ist die Struktur von Wordpress:
    * header.php
    * index.php
    * sidebar.php
    * style.css

    Wordpress trennt Inhalt und Aussehen (php/html & css). Du hast allerdings mit Wp die Möglichkeit eine Vorlage für eine Art von Seite (zB Artikelansicht, Archiv, etc.) nur einmal zu machen und dann einfach nur den Text dazu schreiben zu müssen. Den Code holt sich WP automatisch. Also kein Copy/Paste mehr, schnellere Ladezeiten, Google, u.Ä. können Deine Seite indizieren usw.

    Mein Vorschlag aus dem letzten Post: Verwende das "Default"-Theme, das mit WP kommt und pass es Dir mittels der style.css einfach ein wenig an.

    Wenn Du Dich zu diesem Vorhaben durch ringen kannst, wirst Du hier Hilfe/Unterstützung dabei bekommen. Guter Plan?

    Ps. Schriftgröße, Breite, Bilder, etc. anpassen ist kein Geheimnis und nicht wirklich schwer :)