RE: Design anpassen für Zitate

22.05.2016 22:53 (zuletzt bearbeitet: 22.05.2016 22:56)

River
#16 RE: Design anpassen für Zitate

Danke an MissSofie, die mir ausgeholfen hat, sonst hätte ich das alles bei mir im Testforum einbauen und austesten müssen, weil ich nicht wirklich was davon verstehe.

Habt einen schönen Abend.

Liebe Grüße
River

Edit: SelfHTML wäre allgemein empfehlenswert. Man kann auch vieles selber lernen, was man an einfacheren Codes benötigt und wenn man ein Testforum zum Austesten hat. ;)

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

Antworten

Beitrag melden

#17

23.05.2016 00:11 (zuletzt bearbeitet: 23.05.2016 00:12)

Mike48
#17 RE: Design anpassen für Zitate

Mike48

padding: 5px 10px;
macht eine Abstand Oben/Unten von 5px und Links/Rechts von 10px.
Mit 4 Angaben = Oben Rechts Unten Links (Uhrzeiger)

Damit kannst du es genauer anpassen.

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#18

23.05.2016 13:33 (zuletzt bearbeitet: 23.05.2016 13:33)

River
#18 RE: Design anpassen für Zitate

River

Ja, also, die vier Möglichkeiten in Windrichtung hätte ich auch noch angeben können, ...

Zitat von River im Beitrag #6
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.

Außerdem braucht man sich dann nicht 2 verschiedene Zahlen überlegen - ob das jetzt 5 oder 6 sein sollen und dann probiert man ewig rum, welcher Pixelabstand am schönsten ist und verplempert bloß die Zeit, die man lieber bei SelfHTML verbringen sollte, aber danke noch für den Zusatz. ;)

Liebe Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

Antworten

Beitrag melden

#19

23.05.2016 15:18

Scannerxy
#19 RE: Design anpassen für Zitate

Scannerxy

Prima, danke!

Was mich noch stört.......

Gibt es eine Möglichkeit das sich die Größe der Zitatbox in der Breite an den Text anpasst?

Momentan geht die Zitatbox nämlich immer fast über die gesammte Breite des Threads.

Themen:

Antworten

Beitrag melden

#20

23.05.2016 19:24

Mike48
#20 RE: Design anpassen für Zitate

Mike48

bevor du jetzt jede einzelne css hier abfragst würde ich mal selber unter
https://wiki.selfhtml.org/wiki/Startseite
nachsehen was man alles so einstellen kann mit css.

Stichwort:
width
min-width
max-width

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#21

23.05.2016 20:41

Scannerxy
#21 RE: Design anpassen für Zitate

Scannerxy

Entschuldige vielmals das ich noch mal nachgefragt habe, da ich mich nicht so gut, bis gar nicht auskenne.

Natürlich werde ich jetzt CSS und html selber lernen, damit ich hier im Frage und Antworten Thread keine Fragen mehr stellen muss, zu Details.

Themen:

Antworten

Beitrag melden

#22

23.05.2016 21:40

River
#22 RE: Design anpassen für Zitate

River

Zitat von Scannerxy im Beitrag #19
Gibt es eine Möglichkeit das sich die Größe der Zitatbox in der Breite an den Text anpasst?

Momentan geht die Zitatbox nämlich immer fast über die gesammte Breite des Threads.

Na ja, du hast praktisch ne Box in einer Box. Die Zitatbox mit ihrem Inhalt und die Beitragsbox mit ihrem Inhalt (die Zitatbox).

Nachdem wir herausgefunden haben, dass 'Padding' den Abstand zwischen Text und Zitatbox steuert, sollte 'Padding' wohl den Abstand zwischen Zitatbox und Beitragsbox steuern. Wie die Beitragsbox heißt, weiß ich aber nicht.

Das musst du wohl wieder ausprobieren und auch hier mal noch auf Suche gehen, oder es gibt noch Hilfe von jemandem, der das weiß.

Liebe Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

Antworten

Beitrag melden

#23

24.05.2016 16:40 (zuletzt bearbeitet: 24.05.2016 16:42)

Scannerxy
#23 RE: Design anpassen für Zitate

Scannerxy

Danke, River!

Nach einigem ausprobieren habe ich es jetzt so gelöst:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
div blockquote {
color: #000000 !important;
background-color : #e0e0e0;
font-family :   sans-serif;
font-size:14px;
font-weight:normal;
 
}
 
blockquote {
    border-color: #878787;
    border-radius: 15px 15px 15px 15px;
    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: 25px;
     width: auto; max-width: 51em;
    }
 
 

Die Länge der Box habe ich mit "width: auto; max-width: 51em;" nun begrenzt.
Der Text bricht automatisch um.
Für mich passt das so.

Danke an alle die geholfen haben.

Themen: