[phpBB2] Sprechblase, wo soll der code eingesetzt werden

Code:

<div id="left-triangle"></div>

Code:

#left-triangle {
   width: 0;
   height: 0;
   border-right: 100px solid #037CA9;
   border-top: 50px solid transparent;
   border-bottom: 50px solid transparent;
}


Code:

<div id="speech-bubble "></div>

Code:

#speech-bubble {
   width: 120px;
   height: 80px;
   background: #037CA9;
   position: absolute;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}
 
#speech-bubble:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid #037CA9;
   border-bottom: 13px solid transparent;
   margin: 13px 0 0 -25px;
}


Moonstar schrieb: Hab was gefunden, das Dreieck ist im Text drin und wie kann ich es verschieben und wenngleich formen (also größer zu Beispiel)? Ich habe das Dreieck mal eingefärbt damit man es besser sieht.

Code:

.postbody:before {
    border-bottom: 20px solid transparent; /*untere Länge des Dreiecks*/
    border-right: 40px solid #fff; /*rechte Länge des Dreiecks sowie Farbe*/
    border-top: 20px solid transparent; /*obere Länge des Dreiecks*/
    content: "";
    margin-left: -58px; /*Abstand nach Links*/
    margin-top: 10px; /*Abstand von oben*/
    position: absolute;
}