Post by choco on Jun 12, 2016 2:28:39 GMT 9
[nospaces]
[attr="class","BCbackgroundtemp1"]
[attr="class","BCtabletemp1"]
[attr="class","BCcontent1temp1"]
[attr="class","BCtotemp1"]
Bob Jr.
Bob Jr.
[attr="class","BCmessagestemp1"]
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]EXAMPLE
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]EXAMPLE EXAMPLE
[attr="class","BCbacktemp1"]
[attr="class","BCtimestamptemp1"]
00:00
00:00
[attr="class","BCdatetemp1"]
xday, month/00
xday, month/00
[attr="class","BCimagestemp1"]
[attr="class","trinCredits"]CELL BY TRINITY
[googlefont="Oswald:300"]
[newclass=".BCimagestemp1]background-image:url('http://placehold.it/240x390');width:240px;height:390px;[/newclass]
[newclass=".BCbackgroundtemp1"]background-image:url('http://i.imgur.com/cb30hFd.png');width:300px;height:564px;[/newclass]
[newclass=".BCtabletemp1"]position:absolute;margin-top:87px;margin-left:30px;overflow:hidden;width:240px;height:390px;[/newclass]
[newclass=".BCcontent1temp1"]background-image:url('http://i.imgur.com/38Qfa4d.png');width:240px;height:390px;position:absolute;top:0px;left:-240px;overflow: hidden; transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;z-index:2;[/newclass]
[newclass=".BCtimestamptemp1"]font-size:79px;color:white;position:absolute;margin-top:10px;text-align:center;width:240px;font-family:Oswald;letter-spacing:-5px;z-index:1;[/newclass]
[newclass=".BCdatetemp1"]position:absolute;color:white;width:240px;margin-top:96px;font-family:arial;font-size:13px;z-index:1;[/newclass]
[newclass=".BCtabletemp1:hover .BCcontent1temp1"]left:0px;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCbacktemp1"]position:absolute;left:0;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtabletemp1:hover .BCbacktemp1"]left:240px;transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtotemp1"]text-align:center;margin-top:25px;font-weight:bold;width:112px;margin-left:27px;font-size:12px;[/newclass]
[newclass=".BCnotetemp1"]color:#a4a4a6;[/newclass]
[newclass=".BCmessagestemp1"]height:290px;margin-top:10px;overflow:auto;padding:10px;font-size:10px;font-family:arial;[/newclass]
[newclass=".BCmessagereceivedtemp1"]float:left;width:100%;text-align:left;font-size:9px;margin-top:5px;[/newclass]
[newclass=".BCmessagesenttemp1"]float:right;width:100%;text-align:left;font-size:9px;margin-top:5px;[/newclass]
[newclass=".BCleftarrowtemp1"]color:#e6e5eb;float:left;margin-right:-2px;margin-top:10px;[/newclass]
[newclass=".BCrightarrowtemp1"]color:#1c92fe;float:right;margin-left:-2px;margin-top:10px;[/newclass]
[newclass=".BCreceivedtemp1"]width:50%;float:left;background-color:#e6e5eb;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCsenttemp1"]width:50%;float:right;background-color:#1c92fe;color:white;padding:10px;border-radius:10px;[/newclass]
[newclass=".trinCredits"]font-family:arial narrow;font-size:10px;font-style:italic;letter-spacing:1px;text-align:center;[/newclass]
Received Message:
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Text[/div][/div]Sent Message:
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Text[/div][/div]Background Image: Replace this placehold.it/240x390
Thanks to Trinity from Adoxography for the cell template!
