Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Design anpassen für Zitate
Hi,
ich würde gern das Design für die Zitate von anpassen. Also das folgende Tag
[quote="Username"|Posting]
Dies würde ich gern über die Forumcodes abfangen.
Welche Variablen muss ich dafür abfragen?
[quote={{name}}|{{replyid}}]
Zitat.............
[/quote]
greift leider nicht.
Mein Ziel ist es ein Div Tag in das Zitat einzubauen, damit ich es besser formatieren kann.
</p><blockquote><font size="1">Zitat von <b>{{name}} </b> im Beitrag <b> {{message:quotelink}}</b></font><hr><div>
Zitat.............
</div><hr></blockquote><p>
Noch einfacher wäre es, wenn Du das über einen CSS Eintrag abfragen lässt. Hat auch den Vorteil, dass Du in Zukunft dann immer sehr rasch weitere Anpassungen oder Veränderungen am Code vornehmen kannst.
Hier ein Beispiel, wie der Code dafür aussehen könnte. Die Farben und Werte kannst Du ganz nach Belieben einstellen:
2
3
4
5
6
7
8
9
10
11
/* Eintrag Anfang "Rahmen um Zitate in Beiträgen" */
blockquote {
background:#EDF9FA;
border-color:#004f80;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
padding:5px 10px 5px 10px;
border-style:solid;
border-width:1px;
}
/* Eintrag Ende "Rahmen um Zitate in Beiträgen" */
Eintragen müsstest Du den Code unter "Admin > Layout > Farben & Einstellungen > CSS" im Eingabefeld "Eigener CSS-Code". Danach noch speichern. Fertig!
Liebhaber des Business Templates
Ich habe die Zitate auch per CSS angepasst.
Der Code stammt aus dem Support-Forum hier.
2
3
4
5
6
7
8
9
10
11
blockquote {
border-color: #878787;
border-radius: 10px 10px 10px 10px;
border-style: solid;
border-width: 2px 2px;
box-shadow: 0 2px 15px;
-moz-box-shadow: 0 2px 15px;
-o-box-shadow: 0 2px 15px;
-webkit-box-shadow: 0 2px 15px;
-khtml-box-shadow: 0 2px 15px;
}
Ich finde die Darstellung sehr angenehm.
Zitat von eini1971 im Beitrag #4
Ich habe die Zitate auch per CSS angepasst.
Der Code stammt aus dem Support-Forum hier.1
2
3
4
5
6
7
8
9
10
11
blockquote {
border-color: #878787;
border-radius: 10px 10px 10px 10px;
border-style: solid;
border-width: 2px 2px;
box-shadow: 0 2px 15px;
-moz-box-shadow: 0 2px 15px;
-o-box-shadow: 0 2px 15px;
-webkit-box-shadow: 0 2px 15px;
-khtml-box-shadow: 0 2px 15px;
}
Ich finde die Darstellung sehr angenehm.
Ich habe diesen Code jetzt auch für meine Zitatfunktion übernommen, vielen Dank!
Leider ist der linke Randabstand vom Text zum Rand zu gering, siehe Bild.
Weiß jemand wie man den linken Seitenabstand zum Rand ändern, größer machen kann?
Zitat von Scannerxy im Beitrag #5
Weiß jemand wie man den linken Seitenabstand zum Rand ändern, größer machen kann?
Probier's mal hiermit:
margin: 5px;
Da wo '5' steht, kannst du natürlich andere Werte einstellen. Damit kannst du den Abstand zur Box auf allen Seiten definieren.
Wenn's nicht geht - na ja - bin nicht grad der Programmierer hier. XD
Liebe Grüße
River
Edit: Kannst auch hier mal nachschauen.
Edit2: Also bei dir wäre das dann eher 'margin-left', aber ich finde, bei der Zitatbox ist ein gleicher Abstand überall am schönsten, weshalb ich dir das empfehle, was ich schon oben gepostet habe.
Edit3: Also, warum die 'em' nehmen und nicht 'px', das weiß ich grad' nicht (das hab ich aber schon mal wo nachgelesen^^). aber ich denk' mal, das ist HTML6 oder so und bei uns reicht HTML5 oder so, weshalb du das mit 'px' ruhig nehmen kannst. ;)
Edit 4: Kann auch sein, dass du statt 'margin' eben 'padding' nehmen musst - du probierst das jetzt und dann kannst du das in allen Variationen. ;)
Mach' das mal vor Zeile 7 rein. Und nicht aktualisieren vergessen.
Am besten machst du dein Forum zweimal auf - im einen änderst du den Code und speicherst. Im anderen schaust du dir die Auswirkung an.
Mal sehen, was passiert. Wenn später Olaf da ist, kann der da sicher besser weiter helfen.
Andererseits ist so ein büschen Autodidaktik auch mal schön. ;)
Liebe Grüße
River
@Olaf: Kannst du bitte aushelfen? Du siehst ja, dass meine 'Hilfe' nur ungenügend ist. Danke dir. ;)
#10 RE: Design anpassen für Zitate
#11 RE: Design anpassen für Zitate
Kannst du deinen kompletten Code mal hier posten? In den code-Tags?
Dann kann sich das einer der Könner hier das vllt mal anschauen. ;)
Danke.
Liebe Grüße
River
Klar, hier ist der Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div blockquote {
color: #000000 !important;
background-color : #e0e0e0;
font-family : Comic Sans MS;
}
blockquote {
border-color: #878787;
border-radius: 10px 10px 10px 10px;
border-style: solid;
border-width: 2px 2px;
box-shadow: 0 2px 15px;
-moz-box-shadow: 0 2px 15px;
-o-box-shadow: 0 2px 15px;
-webkit-box-shadow: 0 2px 15px;
-khtml-box-shadow: 0 2px 15px;
}
2
3
4
5
6
7
8
9
10
11
12
13
blockquote {
border-color: #b0bdbc;
border-radius: 10px 10px 10px 10px;
border-style: solid;
border-width: 2px 2px;
box-shadow: 0 2px 15px;
-moz-box-shadow: 0 2px 15px;
-o-box-shadow: 0 2px 15px;
-webkit-box-shadow: 0 2px 15px;
-khtml-box-shadow: 0 2px 15px;
padding: 15px;
}
so hab ich den Code bei mir eingebaut.
padding, statt margin ....
ich hab nur die Pixel geändert und den Farbcode meinem Forum angepaßt ansonsten passt alles einwandfrei
@River
@MissSofie
Ihr seid klasse!
Jetzt funktioniert es.
Dankeschöööön!
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software