Ich verzweifle an Smilies und Rahmen

  • Hallo Zusammen,

    nach dem Durchforsten des Forums habe ich alles ausprobiert, es gelingt mir aber leider nicht den Rahmen um die Smilies zu entfernen.

    Weder
    wp-smiley {
    border: none;
    }
    noch
    .wp-smiley {
    border: none;
    }
    funktionieren.

    Ich benutze das tolle Theme relaxation2 von Jowra, welches ich an meine Bedürfnisse angepasst habe. Muß ich eventuell auch noch andere Einträge setzen oder es an eine ganz bestimmte Stelle setzen?

    Bin für jeden sachdienlichen Hinweis dankbar ;-)

    Und hier noch die Seite: http://www.my-soleil.de

    Gruß
    Andreas

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Dieser Eintrag befindet sich bereits in der style.css

    img {
    border: none;
    }

    egal was ich darunter setze, die Rahmen um die Smiles bleiben bestehen. :-(

    Das ist es leider auch nicht!

    Viele Grüße
    Andreas

  • Versuche mal folgendes in die CSS zuschreiben.

    HTML
    #content .wp-smiley {background: transparent;border: none;}

    kstenqnen
    ----------
    http://www.koch-werkstatt.de - Wo es so lecker ist!

    ----------
    [size=8] "Golf und Sex sind so etwa die einzigen Sachen, die Spass machen, selbst wenn man nicht wahnsinnig gut darin ist." Jimmy Demaret[/SIZE]
    [size=8]Für mich gehört auch das Rumbasteln am Blog dazu.[/SIZE]

    Einmal editiert, zuletzt von kstenqnen (14. Mai 2006 um 11:39)

  • Zitat von SuMu


    Es steht schon drin.
    Ist aber allgemein für alle Bilder. In der ID content ist aber der Rahmen defininert,

    HTML
    #content img {
    	float: left;
    	margin: 5px 15px 0 0;
    	border: 1px solid #e0e0d0;
    }


    deshalb mus man in mit einer eignen Klasse wieder entfernen.
    Und zwar so:

    HTML
    #content .wp-smiley {background: transparent;border: none;}

    kstenqnen
    ----------
    http://www.koch-werkstatt.de - Wo es so lecker ist!

    ----------
    [size=8] "Golf und Sex sind so etwa die einzigen Sachen, die Spass machen, selbst wenn man nicht wahnsinnig gut darin ist." Jimmy Demaret[/SIZE]
    [size=8]Für mich gehört auch das Rumbasteln am Blog dazu.[/SIZE]

    Einmal editiert, zuletzt von kstenqnen (14. Mai 2006 um 11:52)

  • Mmmmmh,

    zunächst einmal vielen lieben Dank für die schnelle Hilfe. Die Einträge die Ihr vorgeschlagen habt, haben leider nicht funktioniert.
    Ich habe es wieder in allen Kombinationen probiert...
    Kann es sein, dass der Aufruf wp-smiley falsch ist oder das zusätzlich noch etwas anderes eingebaut werden muss???

    Ich habe im Moment einfach mal den Bereich #content img ... gelöscht. Damit habe ich den Rahmen für die Bilder verloren und somit auch die Rahmen für die Smilies. Allerings verhaut es mir die Formatierungen ein wenig.

    Wenn noch jemand eine Idee hat, wie man es besser machen kann, wäre ich über einen Tipp sehr dankbar.

    Viele Grüße
    Andreas

    Einmal editiert, zuletzt von Beetlix (14. Mai 2006 um 13:15)

  • mhhh.
    in deiner CSS steht das:

    HTML
    .wp-smiley {background: transparent;border: none;}

    Wenn Du wie vorgeschlagen das einschreibst:

    HTML
    #content .wp-smiley {background: transparent;border: none;}

    sollten eigentlich die Rahmen um die Smileys verschwinden.

    Dann kannst Du auch mit den CSS-Anweisungen, die Du gelöscht hast
    # content img {float:left; ... usw.
    die Rahmen um die normalen Bilder wieder anzeigen lassen.

    kstenqnen
    ----------
    http://www.koch-werkstatt.de - Wo es so lecker ist!

    ----------
    [size=8] "Golf und Sex sind so etwa die einzigen Sachen, die Spass machen, selbst wenn man nicht wahnsinnig gut darin ist." Jimmy Demaret[/SIZE]
    [size=8]Für mich gehört auch das Rumbasteln am Blog dazu.[/SIZE]

  • Hallo kstenqnen,

    jetzt habe ich es ganu so gemacht, wie Du es vorgeschlagen hast und wie Du siehst... haut es leider nicht richtig hin. Es handelt sich um den gleichen Rahmen wie beim Bild, da ich einfach mal die Stärke auf 3px erhöht habe, was man an den Smilies sehen kann... Also da steckt irgendwo der Wurm drin!
    Auch den Eintrag .wp-smiles... habe ich rausgeworfen.

    Gruß
    Andreas

  • Ich kann das:

    HTML
    #content img {
        float: left;
        margin: 4px 10px 5px 0;
        border: 1px solid #e0e0e0;
            padding: 4px;
            background-color: #f5f5ee;
            }


    und das:

    HTML
    #content .wp-smiley {
                background-color:transparent;
                border: none;}

    in deiner style.css nicht entdecken.

    Wenn das nicht drinsteht, sollte es auch nicht funktionieren.

    kstenqnen
    ----------
    http://www.koch-werkstatt.de - Wo es so lecker ist!

    ----------
    [size=8] "Golf und Sex sind so etwa die einzigen Sachen, die Spass machen, selbst wenn man nicht wahnsinnig gut darin ist." Jimmy Demaret[/SIZE]
    [size=8]Für mich gehört auch das Rumbasteln am Blog dazu.[/SIZE]

  • So, jetzt habe ich es wieder drin! Hatte noch etwas getestet.
    Vielleicht hast Du oder jemand anderes noch eine Idee ? ? ?

    Danke und Gruß
    Andreas

  • Wie fügst Du denn Deine Smileys ein?
    Werden Sie automatisch aus Textzeichen (ps.sw.: ":-)" ) generiert oder sind es eingefügte kleine Grafiken?
    Automatisch erzeugte Smileys bekommen von Wordpress normalerweise die Klasse wp-smiley zugewiesen, soviel ich weiss.

    Wenn es kleine Grafiken sind, vergebe den Grafiken die Klasse .wp-smiley

    bspw.

    HTML
    <img class="wp-smiley" src= .....>

    kstenqnen
    ----------
    http://www.koch-werkstatt.de - Wo es so lecker ist!

    ----------
    [size=8] "Golf und Sex sind so etwa die einzigen Sachen, die Spass machen, selbst wenn man nicht wahnsinnig gut darin ist." Jimmy Demaret[/SIZE]
    [size=8]Für mich gehört auch das Rumbasteln am Blog dazu.[/SIZE]

  • Zitat von Beetlix

    Mmmmh... jetzt wird es interessant ;-)

    Also ich arbeite mit dem ganz normalen Editor, der mir meine Auswahl der Icons zeigt. In html Ansicht sieht das ganze dann so aus:
    src="http://www.my-soleil.de/wp-includes/js…images/nono.gif"
    Das Smiley wird sofort eingebunden und ich kann per wysiwyg die Einträge aufbereiten...

    Wo müsste ich denn die Klasse .wp-smiley in Wordpress finden?


    Füge mal class="wp-smiley" in der Html-Ansicht von Hand an das Bild (Smiley).
    Müsste dann so aussehen.

    HTML
    <img class="wp-smiley" src="http://www.my-soleil.de/wp-includes/js/tinymce/plugins/emotions/images/nono.gif">

    kstenqnen
    ----------
    http://www.koch-werkstatt.de - Wo es so lecker ist!

    ----------
    [size=8] "Golf und Sex sind so etwa die einzigen Sachen, die Spass machen, selbst wenn man nicht wahnsinnig gut darin ist." Jimmy Demaret[/SIZE]
    [size=8]Für mich gehört auch das Rumbasteln am Blog dazu.[/SIZE]

  • Hallo,

    leider hat das auich nicht geklappt. Ich habe beide Eisntellungen entfernt und mache jetzt damit weiter. So sieht es immer noch gut aus und ich kann damit leben.

    Vielen, lieben Dank für die Mühe ! ! !

    Gruß
    Andreas

  • Hi Leute,

    Leider habe ich bei meinem Stile exakt das selbe Problem, sämtliche aufgelisteten Möglichkeiten bereits probiert mit immer dem selben Ergebnis --> Rahmen um Smilies. Die einzige Möglichkeit mit der ich die Rahmen wegbrachte, war sie bei sämtlichen img tags auf border:none; zu setzen.
    Aber eigentlich ist das nicht unbedingt mein gewünschtes Ziel.

    Fällt euch vielleicht noch irgendeine Möglichkeit ein?

    Zu den Fragen benutze Wordpress 2.0.2 mit dem Theme MX4 (heute neu installiert) und einigen Plugins wie die LMB^Box Smileys und Comment Quicktags, die mir zwar bei dem Theme auch nicht angezeigt werden, aber was ja wiederrum ein anderes Thema ist. ;-)

    Hier noch der direkte Link zu meiner Style.css
    und zu meiner Page

    Hoffe auf Hilfe,
    LG Cattie

  • ich fand im Quellcode Deiner Page bei den Smilies folgende class

    Code
    class="lmbbox_smileys_img"


    öffne die style.css und tippe dort wenn geht soweit unten wie möglich, aber dort wo Du es wiederfindest hinein:


    .lmbbox_smileys_img{border:none;}

    könnte klappen
    lg

  • Muss dich leider enttäuschen, konnte ich auch zu keinem positiven Ergebnis bringen.
    Habs probiert mit Punkt davor als auch ohne.

    Möglichkeit wäre, dass ich es "falsch" positioniert habe, aber meines Wissens ist es doch ziemlich egal wo man die CSS Funktion hinpappt in der Datei, mag mich auch irren. ;)

    Aber dennoch danke für deine Hilfe.
    Lg

  • Oh super danke danke. Jetzt endlich hats geklappt. Sauberes Teamwork von euch beiden. :mrgreen:


    €: wollte noch hinzufügen, dass ich noch das ganze mit .entrytext nochma einfügen musste, da ansonsten die Smileys in den Beiträgen in der "Detailansicht" wieder diesen hübschen Rahmen hatten. Jetzt passt alles :)

    Einmal editiert, zuletzt von Cattiebrie (19. Juni 2006 um 11:20)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!