MyBB.de Forum
Zitate-Look ändern, aber wie? - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Zitate-Look ändern, aber wie? (/thread-970.html)



Zitate-Look ändern, aber wie? - FS-Aviator - 30.01.2006

Hi! Ich frage mich, wie man den Look der Zitate ändern kann. Das standardmässige Design mit den gestrichelten Linien habt ihr ja auch nicht.

Gruß Sascha.


RE: Zitate-Look ändern, aber wie? - Michael - 30.01.2006

Bearbeite den MyBB Master-Style. Dort ganz unten in der Box für zusätzliches CSS findest du die Klassen .quote_head und .quote_body.


RE: Zitate-Look ändern, aber wie? - FS-Aviator - 30.01.2006

Wie genau finde ich zu der besagten Box?


RE: Zitate-Look ändern, aber wie? - Michael - 30.01.2006

Admin-CP -> Themes -> Ändern/Entfernen -> MyBB Master Style -> Bearbeiten -> Zusätzliches CSS

Siehe auch: https://www.mybb.de/forum/showthread.php?tid=570


RE: Zitate-Look ändern, aber wie? - FS-Aviator - 31.01.2006

HILFE! - Ich habe jetzt mal an den CSS für die Quotes gebastelt und natürlich vorher eine Sicherheitskopie gemacht. Das ging voll in die Hose! Einiges hat sich voll ins negative gewandelt (Die zusatzlinks oben "Kalender, Hilfe, etc." stehen nun untereinander und der Kategorienname wird jetzt unter dem "+" bzw. "-" angezeigt. Des weiteren sind um das Willkommenspannel jetzt zwei horizontale Striche, obwohl ich die Umrandung vorher ausgeschaltet habe/hatte. Ich habe alles was ich geändert habe rücküberspult - no chance!

edit: Die Zitat-Fenster sind auch weg! Es steht nurnoch ganz normal da "*Benutzername* schrieb:" - Das kann auf Dauer ja auch nicht die Lösung sein Wink

Der Code der in den Zusatz CSS steht ist folgender

Code:
.clear {

.quote_header {
background: #fff;
border: solid #000;
border-bottom: 0;
color: #000;
font-weight: bold;
margin: 8px auto 0 auto;
padding: 4px;
}

.quote_body {
background: #fff;
border: solid #000;
border-top: 0;
color: #000;
padding: 4px;
margin: 0 auto 8px auto;
}

.quote_header {
    background: #fff;
    border: 1px dashed #000;
    border-bottom: 0;
    color: #000;
    font-weight: bold;
    margin: 8px auto 0 auto;
    padding: 4px;
}

.quote_body {
    background: #fff;
    border: 1px dashed #000;
    border-top: 0;
    color: #000;
    padding: 4px;
    margin: 0 auto 8px auto;
}
.usercpnav {
    list-style: inside;
    padding: 0;
    margin: 0;
}

.usercpnav li {
    padding: 1px;
    font-family: Verdana;
    font-size:11px
}

.usercpnav .pmfolders {
    /* PM folders on the UCP Nav menu */
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

HILFE! kann mir jemand helfen?

Gruß Sascha.


RE: Zitate-Look ändern, aber wie? - Michael - 31.01.2006

Bitte gib den folgenden Code in die Box ein und speichere die Einstellungen. Danach sollte alles wieder zurückgesetzt sein:
Code:
.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

.pagenav {
    font-weight: bold;
}

.pagenavbit {
    padding-left: 3px;
}

.pagenavbit a {
    text-decoration: none;
}

.pagenavcurrent {
    font-weight: bold;
    padding-left: 3px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font: x-small Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

.quote_header {
    background: #fff;
    border: 1px dashed #000;
    border-bottom: 0;
    color: #000;
    font-weight: bold;
    margin: 8px auto 0 auto;
    padding: 4px;
}

.quote_body {
    background: #fff;
    border: 1px dashed #000;
    border-top: 0;
    color: #000;
    padding: 4px;
    margin: 0 auto 8px auto;
}

.code_header {
    background: #fff;
    border: 1px dashed #000;
    border-bottom: 0;
    color: #000;
    font-weight: bold;
    margin: 8px auto 0 auto;
    padding: 4px;
}

.code_body {
    background: #fff;
    border: 1px dashed #000;
    border-top: 0;
    color: #000;
    padding: 4px;
    margin: 0 auto 8px auto;
    font-family: monospace;
}
.usercpnav {
    list-style: inside;
    padding: 0;
    margin: 0;
}

.usercpnav li {
    padding: 1px;
    font-family: Verdana;
    font-size:11px
}

.usercpnav .pmfolders {
    /* PM folders on the UCP Nav menu */
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}



RE: Zitate-Look ändern, aber wie? - FS-Aviator - 31.01.2006

Boa, cool! - Danke!

Ich glaube das mit dem Zitate-Look ändern überlasse ich mal den Profis... *g

Wie bekommt ihr da images rein???


RE: Zitate-Look ändern, aber wie? - Michael - 31.01.2006

Ohne dir auf den Schlips treten zu wollen: Wenn du das Design ändern willst, solltest du dich mit CSS auseinandersetzen. Eine gute Übersicht findest du hier. Und hier findest du, wie das mit den Hintergrundbildern funktioniert.