Links in demo updated - Radio in all styles adapted
-----

Speech bubble code pit-pl without icon.png

Allerlei Nützliches
Gesperrt
Forum Member
Site Admin
Beiträge: 649
Registriert: 3. Apr 2019, 17:36
Vorname: Jutta
Dein Land: Schweiz
Wohnort: Zuchwil / SO
Kontaktdaten:

Speech bubble code pit-pl without icon.png

Beitrag von Forum Member » 11. Okt 2019, 10:04

Arrow right:

Code: Alles auswählen

.bubbleright-content-wrapperpit-pl {
 padding-right: 11px;
 position: relative;
}
.bubbleright-postcontentpit-pl {
 padding: 10px 5px 10px 10px;
 border: 7px solid #037CA9;
 border-radius: 10px;
 background-color: transparent;
}
.bubbleright-post-bubblepit-pl {
 position: absolute;
 margin-right: 1px;
 top: 20px;
 right: 0;
 width: 0;
 height: 0;
 border-left: 12px solid #037CA9;
 border-top: 10px solid transparent;
 border-bottom: 10px solid transparent;
 }
viewetopic_body.html
Change <div class="content">{postrow.MESSAGE}</div>
to

Code: Alles auswählen

<div class="bubbleright-content-wrapperpit-pl">
    <div class="content bubbleright-postcontentpit-pl"><div class="bubbleright-post-bubblepit-pl"></div>{postrow.MESSAGE}</div>
   </div>
prosilver_right_arrow.png
*****
Arrow left:

Code: Alles auswählen

.bubbleleftcontent-wrapperpit-pl {
 padding-left: 11px;
 position: relative;
}
.bubbleleftpostcontentpit-pl {
 padding: 10px 5px 10px 10px;
 border: 7px solid #037CA9;
 border-radius: 10px;
 background-color: transparent;
}
.bubbleleftpost-bubblepit-pl {
 position: absolute;
 margin-left: 1px;
 top: 20px;
 left: 0;
 width: 0;
 height: 0;
 border-right: 12px solid #037CA9;
 border-top: 10px solid transparent;
 border-bottom: 10px solid transparent;
}
viewetopic_body.html
Change <div class="content">{postrow.MESSAGE}</div>
to

Code: Alles auswählen

<div class="bubbleleftcontent-wrapperpit-pl">
    <div class="content bubbleleftpostcontentpit-pl"><div class="bubbleleftpost-bubblepit-pl"></div>{postrow.MESSAGE}</div>
   </div>
prosilver_left_arrow.png
******

Circle-left:

Code: Alles auswählen

.bubblecircle-left-content-wrapperpit-pl {
 padding-left: 14px;
 padding-right: 11px;
 position: relative;
}
.bubblecircle-left-postcontentpit-pl {
 padding: 11px;
 border: 4px solid #037CA9;
 border-radius: 10px;
 background-color: transparent;
}
.bubblecircle-left-post-bubblepit-pl {
 position: absolute;
 margin-left: 4px;
 right: 0;
 bottom: -8px;
 left: 0;
 background: transparent;
 width: 16px;
 height: 16px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -webkit-box-shadow: -3px 3px 14px #0B4F68;
 -moz-box-shadow: -3px 3px 14px #0B4F68;
 box-shadow: -3px 3px 14px #0B4F68;
}
viewetopic_body.html
Change <div class="content">{postrow.MESSAGE}</div>
to

Code: Alles auswählen

 <div class="bubblecircle-left-content-wrapperpit-pl">
    <div class="content bubblecircle-left-postcontentpit-pl"><div class="bubblecircle-left-post-bubblepit-pl"></div>{postrow.MESSAGE}</div>
   </div>
prosilver_circle_left.png
****
Circle-right:

Code: Alles auswählen

.bubbleright-content-wrapperpit-pl {
 padding-right: 14px;
 position: relative;
}
.bubblecircle-right-postcontentpit-pl {
 padding: 11px 9px 11px 11px;
 border: 4px solid #037CA9;
 border-radius: 10px;
 background-color: transparent;
}
.bubblecircle-right-post-bubblepit-pl {
 position: absolute;
 margin-right: 4px;
 right: 0;
 bottom: -8px;
 right: 0;
 background: transparent;
 width: 16px;
 height: 16px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -webkit-box-shadow: -3px 3px 14px #0B4F68;
 -moz-box-shadow: -3px 3px 14px #0B4F68;
 box-shadow: -3px 3px 14px #0B4F68;
}
viewetopic_body.html
Change <div class="content">{postrow.MESSAGE}</div>
to

Code: Alles auswählen

 <div class="bubbleright-content-wrapperpit-pl">
    <div class="content bubblecircle-right-postcontentpit-pl"><div class="bubblecircle-right-post-bubblepit-pl"></div>{postrow.MESSAGE}</div>
   </div>
prosilver_circle_right.png

Gesperrt

Zurück zu „Für Style Ersteller“