Post by Attikus D'Arques on May 1, 2014 14:44:48 GMT -9
ADD CONTACT:[div style="width:190px;border-bottom:1px solid #757575;padding-bottom:10px;"][img src="http:/IMAGEHERE" style="width:24px;height:24px;border-radius:24px;float:left;margin-right:5px;margin-left:15px;"]Firstname [b]Lastname[/b]PHONE CALL: [div align="center"][div style="width:230px;height:480px;background-image:url(http://i.imgur.com/blsrICU.png);overflow:hidden;"][div style="background-color:#303030;border:1px solid #efefef;width:200px;height:350px;margin-top:68px;text-align:center;"][div align="left" style="padding:3px;font-size:12px;font-family:helvetica neue;font-weight:100;color:#efefef;"]•••••[span style="color:#efefef;padding-left:5px;font-size:10px;"]AT&T[/span][div style="margin-top:-10px;margin-left:60px;"][div style="margin-left:2px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #efefef;border-radius:50%;"][/div][/div][/div][div style="font-family:helvetica neue;font-weight:100;color:#efefef;text-align:right;font-size:10px;padding-right:27px;margin-top:-13px;"]100%[/div][div style="float:right;margin-top:-10px;margin-right:5px;border:1px solid #efefef;width:17px;height:6px;"][div style="margin:1px;width:15px;height:4px;background-color:#efefef;"][/div][/div][div style="height:320px;overflow:auto;padding:5px;line-height:20px;text-align:left;"][div style="width:190px;height:20px;font-family:helvetica neue;font-weight:100;font-size:16px;color:#efefef;text-align:center;padding-top:10px;"]Firstname Lastname[/div][div style="font-family:helvetica neue;font-size:12px;font-weight:100;text-align:center;color:#efefef;"]calling...[/div][div align="center"][img src="http://IMAGEHERE" style="width:50px;height:50px;border-radius:5px;"] [img src="http://IMAGEHERE" style="width:50px;height:50px;border-radius:5px;"] [img src="http://IMAGEHERE" style="width:50px;height:50px;border-radius:5px;"][div style="line-height:150%;height:150px;width:160px;overflow:auto;text-align:justify;padding:5px 10px;font-family:helvetica neue;font-weight:100;font-size:9px;color:#efefef;"]call message here. going too long makes it scroll. [/div][div style="margin-top:10px;width:170px;height:30px;padding-top:10px;background-color:#e45553;color:#fefefe;font-family:helvetica neue;font-weight:100;font-size:16px;border-radius:5px;"]End[/div][/div][/div][/div][/div][/div]TEXT MESSAGE: [div align="center"][div style="width:230px;height:480px;background-image:url(http://i.imgur.com/blsrICU.png);overflow:hidden;"][div style="background-color:#fefefe;border:1px solid #efefef;width:200px;height:350px;margin-top:68px;text-align:center;"][div align="left" style="padding:3px;font-size:12px;font-family:helvetica neue;font-weight:100;color:#252525;"]•••••[span style="color:#252525;padding-left:5px;font-size:10px;"]AT&T[/span][div style="margin-top:-10px;margin-left:60px;"][div style="margin-left:2px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #252525;border-radius:50%;"][/div][/div][/div][div style="font-family:helvetica neue;font-weight:100;color:#252525;text-align:right;font-size:10px;padding-right:27px;margin-top:-13px;"]100%[/div][div style="float:right;margin-top:-10px;margin-right:5px;border:1px solid #252525;width:17px;height:6px;"][div style="margin:1px;width:15px;height:4px;background-color:#252525;"][/div][/div][div style="height:320px;overflow:auto;padding:5px;line-height:20px;text-align:left;"][div style="width:190px;height:20px;font-family:helvetica neue;font-weight:100;font-size:10px;color:#56c8f7;border-bottom:1px solid #252525;text-align:center;word-spacing:25px;"]Messages [span style="color:#252525;font-weight:bold;"]Firstname[/span] Contact[/div][img src="http://IMAGEHERE" style="float:left;width:50px;height:50px;margin:10px 5px;border-radius:5px;"][div style="line-height:120%;margin-top:10px;margin-left:60px;width:120px;padding:5px;color:#fefefe;font-family:helvetica neue;font-size:9px;font-weight:100;background-color:#128cf4;border-radius:5px;max-height:40px;overflow:auto;"]text message. try not to make it too long. it'll scroll if you write too much, but it looks nicer when short.[/div][img src="http://IMAGEHERE" style="float:right;width:50px;height:50px;margin:10px 0px;border-radius:5px;"][div style="line-height:120%;margin-top:10px;margin-left:5px;width:120px;padding:5px;color:#fefefe;font-family:helvetica neue;font-size:9px;font-weight:100;background-color:#128cf4;border-radius:5px;max-height:50px;overflow:auto;"]duplicate this part of the code for second/fourth/etc texts![/div]VOICEMAIL: [div align="center"][div style="width:230px;height:480px;background-image:url(http://i.imgur.com/blsrICU.png);overflow:hidden;"][div style="background-color:#303030;border:1px solid #efefef;width:200px;height:350px;margin-top:68px;text-align:center;"][div align="left" style="padding:3px;font-size:12px;font-family:helvetica neue;font-weight:100;color:#efefef;"]•••••[span style="color:#efefef;padding-left:5px;font-size:10px;"]AT&T[/span][div style="margin-top:-10px;margin-left:60px;"][div style="margin-left:2px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #efefef;border-radius:50%;"][/div][/div][/div][div style="font-family:helvetica neue;font-weight:100;color:#efefef;text-align:right;font-size:10px;padding-right:27px;margin-top:-13px;"]100%[/div][div style="float:right;margin-top:-10px;margin-right:5px;border:1px solid #efefef;width:17px;height:6px;"][div style="margin:1px;width:15px;height:4px;background-color:#efefef;"][/div][/div][div style="height:320px;overflow:auto;padding:5px;line-height:20px;text-align:left;"][div style="width:190px;height:20px;font-family:helvetica neue;font-weight:100;font-size:16px;color:#efefef;text-align:center;padding-top:10px;"]Firstname Lastname[/div][div style="font-family:helvetica neue;font-size:12px;font-weight:100;text-align:center;color:#efefef;"]voicemail:[/div][div align="center"][img src="http://IMAGEHERE" style="width:50px;height:50px;border-radius:5px;"] [img src="http://IMAGEHERE" style="width:50px;height:50px;border-radius:5px;"] [img src="http://IMAGEHERE" style="width:50px;height:50px;border-radius:5px;"][div style="line-height:150%;height:150px;width:160px;overflow:auto;text-align:justify;padding:5px 10px;font-family:helvetica neue;font-weight:100;font-size:9px;color:#efefef;"]leave your voicemail message here! if you go on long enough, it'll scroll. [/div][div style="margin-top:10px;width:170px;height:30px;padding-top:10px;background-color:#e45553;color:#fefefe;font-family:helvetica neue;font-weight:100;font-size:16px;border-radius:5px;"]End[/div][/div][/div][/div][/div][/div] |
Example Contact[newclass=.goe]opacity:0;transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;-o-transition-duration: 1s;[/newclass][newclass=.goe:hover]opacity:0.99;[/newclass]
