CSS Wörter durch Befehl automatisch ersetzen?

Okay, also ich versuche gerade eine Art overlay für eine bestimmte (nicht meine) Website zu schreiben. Es ist eine Chatsite (omegle(dot)com), die ich häufig für Rollenspiele nutze (nichts versautes, es geht um eine Serie und es ist sind praktisch nur Geschichten, die abwechselnd fortgeführt werden, alles ganz harmlos).

Wie auch immer, seit ich die Chrome Erweiterung "Stylish" gefunden habe, habe ich das Bedürfnis entwickelt, die Seiten, die ich häufig benutze meine Wünschen anzupassen, jedenfalls, was das Layout angeht. Läuft auch alles ganz gut, dank Google und vielen verschiedenen Websites auf denen die verschiedenen Befehle erklärt werden. Ist alles relativ easy zu händeln mit ein bisschen logischem denken.

Was ich aber jetzt versuchen will ist eine Art automatische Wortkorrektur, allerdings gehts mir da mehr um die Formatierung. Die Sache ist, während des schreibens werden Wörter die im Normalfalll kursiv sein sollten, also extra betont werden mit Slash markiert, also zum Beispiel /Auto/, was dann eigentlich Auto ein sollte, da die Seite aber keinen Rich Text editor anbietet hat sich das irgendwie als Ersatz eingebürgert.

Meine Frage ist jetzt ob es nicht möglich wäre, dass alles was ich oder mein jeweiliger Chatpartner mit /.../ markiert im eigentlichen Chatverlauf kursiv und ohne Slash dargestellt werden, so in der Art wie :D und :) etc auf z.B. Facebook in Smileys umgewandelt werden. Da verschwindet die Buchstaben/Symbol Kombination ja auch und wird durch eine Grafik ersetzt. Hoffe jemand kann mir da weiterhelfen.

Danke schon mal im Vorraus :)

Computer, Webseite, programmieren, CSS, Informatik
WordPress Menü fixieren?

Hallo, ich würde gerne mein Menü fixieren. Wie gebe ich das genau ein? Ich weiß das diese Frage schon gestellt wurde, habe es aber nicht geschafft mit fixed. Kenn mich da überhaupt nicht aus, bin mir nicht mal genau sicher ob ich die richtige Stelle raus gesucht habe^^. Alles was ich bisher gemacht habe sah echt komisch dann aus...

Wäre sehr dankbar für eure Hilfe!

2.0 Menu
    --------------------------------------------------------------*/
    .main-navigation {
        position: realtive;
        clear: both;
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 1px #adadad;
        background-color: rgba(60, 60, 60, 0.8);
        z-index: 999;
    }
    .main-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
    }
    .main-navigation li {
        position: relative;
        display: inline-block;
        padding: 20px 10px;
        font-size: 13px;
        text-transform: uppercase;
        -webkit-transition: all 0.4;
        transition: all 0.4s;
    }
    .main-navigation li:hover {
        background-color: #fbb829;
    }
    .main-navigation li:hover > a {
        color: #fff !important;
    }
    .main-navigation a {
        display: block;
        text-decoration: none;
        color: #fbb829;
        -webkit-transition: all 0.4;
        transition: all 0.4s;   
    }
    .main-navigation ul ul {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        float: left;
        position: absolute;
        top: 100%;
        left: -999em;
        z-index: 99999;
        text-align: left;
        background-color: rgba(60, 60, 60, 0.8);
    }
    .main-navigation ul ul ul {
        left: -999em;
        top: 0;
    }
    .main-navigation ul ul a {
        width: 200px;
        color: #fff !important;
    }
    .main-navigation ul ul li {
        padding: 10px;
        text-transform: none;
        border-bottom: 1px solid #505050;
    }
    .main-navigation ul ul li:last-child {
        border-bottom: 0;
    }
    .main-navigation li:hover > a {
    }
    .main-navigation ul ul :hover > a {
    }
    .main-navigation ul ul a:hover {
    }.main-navigation {
        position: relative;
        clear: both;
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        box-shadow: 0 0 1px #adadad;
        background-color: rgba(60, 60, 60, 0.8);
        z-index: 999;
    }
    .main-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
    }
    .main-navigation li {
        position: relative;
        display: inline-block;
        padding: 20px 10px;
        font-size: 13px;
        text-transform: uppercase;
        -webkit-transition: all 0.4;
        transition: all 0.4s;
    }
    .main-navigation li:hover {
        background-color: #fbb829;
    }
    .main-navigation li:hover > a {
        color: #fff !important;
    }
    .main-navigation a {
        display: block;
        text-decoration: none;
        color: #fbb829;
        -webkit-transition: all 0.4;
        transition: all 0.4s;   
    }
    .main-navigation ul ul {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        float: left;
        position: absolute;
        top: 100%;
        left: -999em;
        z-index: 99999;
        text-align: left;
        background-color: rgba(60, 60, 60, 0.8);
Menü, HTML, CSS, WordPress, fixieren

Meistgelesene Fragen zum Thema CSS