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;
}
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>
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;
}
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>
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;
}
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>
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;
}
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>