|
Post by Rye on Mar 17, 2019 0:22:53 GMT
[nospaces] [attr="class","BCbackgroundtemp1white"] [attr="class","BCtabletemp1"] [attr="class","BCcontent1temp1"] [attr="class","BCtotemp1"]FIRST LAST NAME [attr="class","BCmessagestemp1"] [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]text message received [attr="class","BCmessagesenttemp1"] [attr="class","BCmessageavatar"] [attr="class","BCrightarrowtemp1"]► [attr="class","BCsenttemp1"]text message sent [attr="class","BCbacktemp1"] [attr="class","BCtimestamptemp1"]4:58
[attr="class","BCdatetemp1"]Monday, July 29 [attr="class","BCimagestemp1"] [attr="class","trinCredits"] *****[googlefont="Source Sans Pro"][newclass=".BCmessageavatar]width:40px;[/newclass][newclass=".BCimagestemp1]background-image:url('http://placehold.it/260x396');background-size:cover;background-position: center center;width:260px;height:396px;[/newclass][newclass=".BCbackgroundtemp1white"]background-image:url('http://i.imgur.com/vejxqWQ.png');background-size:cover;width:300px;height:564px;[/newclass][newclass=".BCtabletemp1"]position:absolute;margin-top:81px;margin-left:20px;overflow:hidden;width:260px;height:396px;[/newclass][newclass=".BCcontent1temp1"]background-color:white;width:260px;height:396px;position:absolute;top:0px;left:-260px;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:80px;color:white;position:absolute;margin-top:35px;text-align:center;width:260px;font-family:Source Sans Pro;letter-spacing:-5px;z-index:1;[/newclass][newclass=".BCdatetemp1"]position:absolute;color:white;width:260px;margin-top:120px;font-family:Source Sans Pro;font-size:15px;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"]height:14px;overflow:hidden;background:#f8f8f8;border-bottom: 1px solid #dbdbdb;font-family:helvetica neue;padding:10px 0;text-align:center;font-weight:bold;width:260px;font-size:12px;[/newclass][newclass=".BCtotemp1 img"]width:10px;[/newclass][newclass=".BCnotetemp1"]color:#a4a4a6;[/newclass][newclass=".BCmessagestemp1"]height:340px;overflow:auto;padding:10px;font-size:10px;font-family:helvetica neue;[/newclass][newclass=".BCmessagereceivedtemp1"]width:100%;float:left;margin-top:5px;[/newclass][newclass=".BCmessagesenttemp1"]width:100%;float:right;margin-top:5px;[/newclass][newclass=".BCmessagereceivedtemp1 .BCmessageavatar]float:left;[/newclass][newclass=".BCmessagesenttemp1 .BCmessageavatar]float:right;[/newclass][newclass=".BCmessageavatar img"]width: 35px;height: 35px;border-radius: 50%;[/newclass][newclass=".BCmessagereceivedtemp1 .BCmessageavatar img"]margin-right: 5px;[/newclass][newclass=".BCmessagesenttemp1 .BCmessageavatar img"]margin-left: 5px;[/newclass][newclass=".BCleftarrowtemp1"]color:#e6e5eb;float:left;margin-right:0px;margin-top:10px;[/newclass][newclass=".BCrightarrowtemp1"]color:#1c92fe;float:right;margin-left:-2px;margin-top:10px;[/newclass][newclass=".BCreceivedtemp1"]float:left;text-align:left;max-width:70%;background-color:#e6e5eb;color:#000000;padding:10px;border-radius:10px;[/newclass][newclass=".BCsenttemp1"]float:right;max-width:70%;background-color:#1c92fe;color:white;padding:10px;border-radius:10px;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar"]width: 15px;height: 15px;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-button"]width: 0px;height: 0px;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-thumb"]background: #bfbfbf;border: 5px solid #ffffff;border-radius: 50px;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:hover"]background: #bfbfbf;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:active"]background: #bfbfbf;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-track"]background: #ffffff;border: 0px solid #ffffff;border-radius: 0px;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-track:hover"]background: #ffffff;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-track:active"]background: #ffffff;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-corner"]background: transparent;[/newclass][newclass=".trinCredits"]font-family:arial narrow;font-size:10px;font-style:italic;letter-spacing:1px;text-align:center;[/newclass] [break] RECEIVED MESSAGE:[break] [**div][**attr="class","BCmessagereceivedtemp1"][**div][**attr="class","BCmessageavatar"][img]ICON URL[/img][/div][div][**attr="class","BCleftarrowtemp1"]◄[/div][div][**attr="class","BCreceivedtemp1"]Text[/div][/div] [break][break] SENT MESSAGE:[break] [**div][**attr="class","BCmessagesenttemp1"][**div][**attr="class","BCmessageavatar"][img]ICON URL[/img][/div][div][**attr="class","BCrightarrowtemp1"]►[/div][div][**attr="class","BCsenttemp1"]Text[/div][/div]
|
|
|
Post by Rye on Mar 17, 2019 0:42:43 GMT
[nospaces] [attr="class","BCbackgroundtemp1black"] [attr="class","BCtabletemp1"] [attr="class","BCcontent1temp1"] [attr="class","BCtotemp1"]FIRST LAST NAME [attr="class","BCmessagestemp1"] [attr="class","BCmessagereceivedtemp1"] [attr="class","BCmessageavatar"] [attr="class","BCleftarrowtemp1"]◄ [attr="class","BCreceivedtemp1"]text message received [attr="class","BCmessagesenttemp1"] [attr="class","BCmessageavatar"] [attr="class","BCrightarrowtemp1"]► [attr="class","BCsenttemp1"]text message sent [attr="class","BCbacktemp1"] [attr="class","BCtimestamptemp1"]16:30 [attr="class","BCdatetemp1"]Monday, July 29 [attr="class","BCimagestemp1"] [attr="class","trinCredits"] *****[googlefont="Source Sans Pro"][newclass=".BCmessageavatar]width:40px;[/newclass][newclass=".BCimagestemp1]background-image:url('http://placehold.it/260x396');background-size:cover;background-position: center center;width:260px;height:396px;[/newclass][newclass=".BCbackgroundtemp1black"]background-image:url('http://i.imgur.com/H3yshlm.png');background-size:cover;width:300px;height:564px;[/newclass][newclass=".BCtabletemp1"]position:absolute;margin-top:81px;margin-left:20px;overflow:hidden;width:260px;height:396px;[/newclass][newclass=".BCcontent1temp1"]background-color:white;width:260px;height:396px;position:absolute;top:0px;left:-260px;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:80px;color:white;position:absolute;margin-top:35px;text-align:center;width:260px;font-family:Source Sans Pro;letter-spacing:-5px;z-index:1;[/newclass][newclass=".BCdatetemp1"]position:absolute;color:white;width:260px;margin-top:120px;font-family:Source Sans Pro;font-size:15px;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"]height:14px;overflow:hidden;background:#f8f8f8;border-bottom: 1px solid #dbdbdb;font-family:helvetica neue;padding:10px 0;text-align:center;font-weight:bold;width:260px;font-size:12px;[/newclass][newclass=".BCtotemp1 img"]width:10px;[/newclass][newclass=".BCnotetemp1"]color:#a4a4a6;[/newclass][newclass=".BCmessagestemp1"]height:340px;overflow:auto;padding:10px;font-size:10px;font-family:helvetica neue;[/newclass][newclass=".BCmessagereceivedtemp1"]width:100%;float:left;margin-top:5px;[/newclass][newclass=".BCmessagesenttemp1"]width:100%;float:right;margin-top:5px;[/newclass][newclass=".BCmessagereceivedtemp1 .BCmessageavatar]float:left;[/newclass][newclass=".BCmessagesenttemp1 .BCmessageavatar]float:right;[/newclass][newclass=".BCmessageavatar img"]width: 35px;height: 35px;border-radius: 50%;[/newclass][newclass=".BCmessagereceivedtemp1 .BCmessageavatar img"]margin-right: 5px;[/newclass][newclass=".BCmessagesenttemp1 .BCmessageavatar img"]margin-left: 5px;[/newclass][newclass=".BCleftarrowtemp1"]color:#e6e5eb;float:left;margin-right:0px;margin-top:10px;[/newclass][newclass=".BCrightarrowtemp1"]color:#1c92fe;float:right;margin-left:-2px;margin-top:10px;[/newclass][newclass=".BCreceivedtemp1"]float:left;text-align:left;max-width:70%;background-color:#e6e5eb;padding:10px;border-radius:10px;[/newclass][newclass=".BCsenttemp1"]float:right;max-width:70%;background-color:#1c92fe;color:white;padding:10px;border-radius:10px;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar"]width: 15px;height: 15px;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-button"]width: 0px;height: 0px;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-thumb"]background: #bfbfbf;border: 5px solid #ffffff;border-radius: 50px;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:hover"]background: #bfbfbf;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:active"]background: #bfbfbf;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-track"]background: #ffffff;border: 0px solid #ffffff;border-radius: 0px;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-track:hover"]background: #ffffff;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-track:active"]background: #ffffff;[/newclass][newclass=".BCmessagestemp1::-webkit-scrollbar-corner"]background: transparent;[/newclass][newclass=".trinCredits"]font-family:arial narrow;font-size:10px;font-style:italic;letter-spacing:1px;text-align:center;[/newclass] [break] RECEIVED MESSAGE:[break] [**div][**attr="class","BCmessagereceivedtemp1"][**div][**attr="class","BCmessageavatar"][img]ICON URL[/img][/div][div][**attr="class","BCleftarrowtemp1"]◄[/div][div][**attr="class","BCreceivedtemp1"]Text[/div][/div] [break][break] SENT MESSAGE:[break] [**div][**attr="class","BCmessagesenttemp1"][**div][**attr="class","BCmessageavatar"][img]ICON URL[/img][/div][div][**attr="class","BCrightarrowtemp1"]►[/div][div][**attr="class","BCsenttemp1"]Text[/div][/div]
|
|
|
Post by Rye on Mar 17, 2019 4:04:47 GMT
PHONE TEMPLATES (optional)
- Hopefully this'll be a way that will make it a little easier for everyone's character to have text message conversations with each other! I've put in some great codes from Andoxygraphy above for the phone template. This is very general and entirely optional. Feel free to use whatever templates you like!
- Remove the ** from the code in the receiving and sent text messages that are in code above.
- Take your time getting used to the code if you do use it, as it's a little complicated, but feel free to reach out to me if you need some help navigating it.
- All you need is an image of your character that has the height equal to the width. It doesn't matter how big, as it'll automatically size appropriately.
- Make each thread separately for each conversation. And for the title, input your character that's sending the text > the person they're sending it to. (e.g. 'Ludwig > Feliciano' if Ludwig is sending it to Feliciano)
- When replying to a text sent to your character, make sure to change the code so that the message they sent turns into the 'received' code instead of the 'sent' code within your reply.
|
|