Beiträge von Tutrix

    suche

    Code
    #sidebar li {
    margin-bottom:20px;
    }

    und ändere in

    Code
    #sidebar li {
    margin-bottom:20px;
    border:1px solid #cccccc;
    }

    suche

    Code
    #sidebar li h2 {
    color:#000000;
    font-size:1.2em;
    font-weight:700;
    margin:2px 0;
    padding:2px 0;
    text-align:left;
    }

    und ändere in

    Code
    #sidebar li h2 {
    color:#000000;
    font-size:1.2em;
    font-weight:700;
    padding:2px 5px;
    text-align:left;
    background:#cccccc;
    }

    Wenn du noch mehr ändern willst, kannst du Firebug installieren, damit findest du die entsprechenden Stellen der css ganz einfach.

    Die Länge von Kommentaren kann ja variieren, so dass ich eine solche Box ja nicht schon mit nem Grafik-Programm vorbereiten kann.

    Wie kann ich denn einen solchen Farbverlauf für meine Kommentare sonst noch realisieren?


    Es gibt zwar die Möglichkeit, einen Verlauf mit css zu realisieren, aber auch dieser passt sich nicht der Größe variabel an. Zusätzlich ist der Quellcode dafür riesig.
    Also einfach eine Grafik mit Farbverlauf ins weiße und als Hintergrundfarbe auch weiß.

    Ach ja, die Textbox selbst wird ja nicht größer, es entsteht ja nur ein Scrollbalken bei langem Text.

    such in der True Blue.scheme.css

    unter

    Code
    /* ================================================================== */
    /* Begin headlines */
    /* ================================================================== */

    nach

    und füge hier noch (vor der schließenden Klammer) "background" hinzu

    Beispiel:
    nur Hintergrundfarbe (hier mal rot verwendet)

    Code
    background: #FF0000;

    und wenn es ein Bild sein soll (hab es mal "posttitel_bg.png" genannt)

    Code
    background: #FF0000 url('TrueBlue-Images/posttitel_bg.png') no-repeat;

    So hab das Theme jetzt mal bei mit testweise installiert.
    Bilder werden werden angezeigt
    Hab mal alles aktiviert.
    somit wird ein kleines Thumbnail direkt neben dem Titel angezeigt, sowie auch das im Beitrag vorhandene.
    Bei 200 gefiltert, wird dann nur noch das kleine Thumbnail angezeigt.

    also zum Rollovereffekt:

    Bei mehreren Rolloverbildern müssen die Codes alle unterschiedliche Namen haben. Also wenn wir den Beispielcode mal verwenden. der Name dieses Codes ist

    Code
    name="rog2011450000"

    das steht insgesamt 3mal drin
    siehe Code

    Code
    <a href="http://www.gmx.de" onmouseover="rog2011450000.src='http://www.ipic.cc/uploads/01.06.2010_12:13:54_1.png'" onmouseout="rog2011450000.src='http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png'"><img src="http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png" name="rog2011450000" border="0"/></a>

    Statt "rog2011450000" kann man auch eine andere Bezeichnung nehmen z.B. "Bild1" oder sinnvollerweise die Bezeichnung des Links. Beim 2ten Bild dann also 3mal Bild2 oder eben die 2te Linkbezeichnung
    zum testen hab ich mal einfach nur die letzte Zahl geändert.

    Code
    <a href="http://www.gmx.de" onmouseover="rog2011450001.src='http://www.ipic.cc/uploads/01.06.2010_12:13:54_1.png'" onmouseout="rog2011450001.src='http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png'"><img src="http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png" name="rog2011450001" border="0"/></a><a href="http://www.gmx.de" onmouseover="rog2011450002.src='http://www.ipic.cc/uploads/01.06.2010_12:13:54_1.png'" onmouseout="rog2011450002.src='http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png'"><img src="http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png" name="rog2011450002" border="0"/></a><a href="http://www.gmx.de" onmouseover="rog2011450003.src='http://www.ipic.cc/uploads/01.06.2010_12:13:54_1.png'" onmouseout="rog2011450003.src='http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png'"><img src="http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png" name="rog2011450003" border="0"/></a>   <a href="http://www.gmx.de" onmouseover="rog2011450004.src='http://www.ipic.cc/uploads/01.06.2010_12:13:54_1.png'" onmouseout="rog2011450004.src='http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png'"><img src="http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png" name="rog2011450004" border="0"/></a><a href="http://www.gmx.de" onmouseover="rog2011450005.src='http://www.ipic.cc/uploads/01.06.2010_12:13:54_1.png'" onmouseout="rog2011450005.src='http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png'"><img src="http://www.ipic.cc/uploads/01.06.2010_12:13:20_1_2.png" name="rog2011450005" border="0"/></a>

    Wenn du den Code so einfügst sind auch alle Bilder nebeneinander. Es seiden die Bilder haben da wo du sie einfügst keinen Platz und werden deshalb untereinander angezeigt.
    Gibt es einen Link zu deiner Seite

    ändere mal den Link zur style.css, also mal den vollen Pfad eintragen

    Code
    <link rel="stylesheet" href="http://deine seite.de und so weiter/dein Theme/style.[URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=css"]css[/URL]" type="text/css" media="screen">

    nun der der weiter oben steht ist der falsche, wunder mich aber warum da aus

    PHP
    href="<?php bloginfo('style.[URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=css"]css[/URL]')

    dann

    Code
    href="[COLOR=Red]A BEAUTIFUL LIE[/COLOR]"

    wird
    da hast wohl im Admin irgendwo [COLOR=Red]A BEAUTIFUL LIE[/COLOR] reingeschrieben, wo dies nicht hingehört

    eigentlich wäre dieser Code ja ausreichend, wenn er richtig umgesetzt würde

    du meinst ja den stylesheet rechts bei den links oder?

    verstehe jetzt nicht was du damit meinst


    Also von vorne

    Du hast den css-Code direkt in die header.php geschrieben

    Genau mit diesesm Code, überschreibst den bereits in der style.css(deines Themes) vorhandenen Code.
    danach [COLOR=Red]nur[/COLOR] diesen Link in die header.php

    Code
    <link rel="stylesheet" href="style.[URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=css"]css[/URL]" type="text/css" media="screen">

    einfügen und den direkt eingefügten Code löschen..... fertig

    diesen Code

    Code
    <link rel="stylesheet" href="[COLOR=Red]A BEAUTIFUL LIE[/COLOR]" type="text/css" media="screen" />

    bitte nicht mehr einfügen, das ergibt keinen Sinn und verursacht nur Fehlermeldungen

    Sodele, nachdem du jetzt den richtigen css-Code hast, solltest du diesen in eine style.css einfügen.

    In deinem Theme-Ordner ist ja schon eine style.css (die die vorher verlinkt war)
    Den Inhalt dieser style.css, mit dem style-Code aus der header.php überschreiben.
    Danach wieder den Link in die header.php einfügen
    also

    Code
    <link rel="stylesheet" href="style.[URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=css"]css[/URL]" type="text/css" media="screen">


    und den direkt in die header.php geschriebenen Code löschen.

    jetzt hast du deinen "zusätzlichen style" gelöscht (also den der für die korrekte Anzeige notwendig ist)

    ich meinte eigentlich die beiden verlinkten

    also den der sowieso nicht funktioniert(also nur eine Fehlermeldung verursacht)
    und den anderen verlinkten

    Das liegt an den style.css die geladen oder nicht geladen werden.

    also das

    Code
    <link rel="stylesheet" href="[COLOR=Red]A BEAUTIFUL LIE[/COLOR]" type="text/css" media="screen" />

    kann nicht funktionieren

    dann hast du einen 2ten Link drin

    Code
    <link rel="stylesheet" href="style.css" type="text/css" media="screen">

    dieser wird geladen (aber auch den willst du glaube ich gar nicht)

    du hast nämlich zusätzlich den Style in die header.php geschrieben.
    also das was zwischen

    Code
    <style> hier dein zusätzlicher css-Code </style>

    steht

    Wenn man die oberen entfernt, sieht die Seite so wie dein Beispiel aus.
    Nur das Bild oben fehlt.

    Hab ich leider übersehen, das du einen wp.com Blog hast.
    Dieses Forum ist für User die ihren Blog selbst hosten und somit auch Zugriff auf alle Dateien, Datenbank usw. haben.

    Probleme mit einem wp.com Blog, sollten also auch in deren Supportforum geklärt werden.
    Sowie auch dort kein Support für selbstgehostete Blogs gegeben wird.

    und das Supportforum gibts auch in deutsch ;)

    http://de.forums.wordpress.com/

    *und dieses Wissen darfst du jetzt anwenden* :grin:

    nein ein Bild nützt mir nichts :wink:
    Wollte dein Blog mit Firebug untersuchen und mit dem Demo-Theme vergleichen.

    der css Code müsste in der style.css sein
    z.B. fürs Archiv

    CSS
    ul.list-archives  li, li.widget_archives li {
    background:url("images/mini-monthly-archive.gif")  no-repeat scroll 0 0 transparent !important;
    padding-left:20px !important;
    
    
    
    
    }