PHASMAGRAM
SUPERNATURAL INSTAGRAM
SINGLE IMAGE
username
Follow
## likes
posttime
username
caption
#hashtag
<lj-raw><center><a href="ENTRYURL"><img src="https://i.imgur.com/kTbhXmB.png" width="45"></a></center> <div style="display: none;"><lj-cut></div> <div style="width: 400px; margin: 25px auto; padding: 0 0; border: 1px solid rgba(155, 116, 160,.9); border-image: linear-gradient(to top right, rgba(155, 116, 160, .7),transparent,rgba(155, 116, 160, .7)) 10; font-weight: lighter; font-family: 'trebuchet ms', sans-serif; color: #4b4f54; font-size: 10px;box-shadow:4px 4px rgba(0,0,0,.5);"> <div style="box-sizing: border-box; margin: 0 0; padding: 0 0; border: none; background: #eee; height: 50px; padding: 10px 10px;"> <img src="userpicurl" style="width: 30px; border-radius: 50%; float: left; margin-right: 10px;"> <a style="line-height: 30px; font-weight: bold; text-decoration: none; color: #222;text-shadow:1px 1px #ae94c9;letter-spacing:2px;text-transform:uppercase;" href="journalurl" target="_blank">username</a> <a style="display: block; text-align: center; float: right; background:linear-gradient(to left, #6c666a, #6c666a);border: 0px solid #ff8c8a;box-shadow: 2px 2px 1px #ccc;padding: 6px 6.5px; text-decoration: none; color: #fff; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;font-size:8px;" href="JOURNALLINK" target="_blank" title="">Follow</a> </div> <img style="display: block; margin: 0 0; border-top: 0.5px solid #bcbcbc; border-bottom: 0.5px solid #bcbcbc; width: 400px;" src="https://i.imgur.com/9NtZIzT.jpg?1"> <div style="box-sizing: border-box; margin: 0 0; background: #eee; width: 100%;"> <div style="width: 90%; margin: auto; height: 30px; line-height: 30px;"> <b>## likes</b> <b style="display: block; float: right; color: #fff;text-decoration:underline;">posttime</b> </div> <div style="width: 95%; margin: 0 0 0 5%; max-height: 200px; overflow: auto;"> <a style="font-weight: bold; text-decoration: none; color: #222;text-shadow:1px 1px #ae94c9;" href="journalurl" target="_blank">username</a> caption <font style="color:#4D5688;">#hashtag</font> </div> <div class="footer" style="box-sizing: border-box; width: 90%; height: 50px; margin: 3px auto 0 auto; border-top: 1px solid #bcbcbc; padding: 15px 0; font-size: 1.1em;"> <img style="float: left; margin: -5px 8px auto auto;" width="35px;" src="https://i.imgur.com/kTbhXmB.png"> <a style="text-decoration: none; font-family:arial; text-transform: uppercase; font-size:10px;color: #222; line-height: 20px;" href="entryurl#comments">Add a comment...</a> </div> </div> </div> </lj-raw>
SINGLE VIDEO
username
Follow
## likes
posttime
username
caption
#hashtag
<lj-raw><center><a href="ENTRYURL"><img src="https://i.imgur.com/kTbhXmB.png" width="45"></a></center> <div style="display: none;"><lj-cut></div> <div style="width: 400px; margin: 25px auto; padding: 0 0; border: 1px solid rgba(155, 116, 160,.9); border-image: linear-gradient(to top right, rgba(155, 116, 160, .7),transparent,rgba(155, 116, 160, .7)) 10; font-weight: lighter; font-family: 'trebuchet ms', sans-serif; color: #4b4f54; font-size: 10px;box-shadow:4px 4px rgba(0,0,0,.5);"> <div style="box-sizing: border-box; margin: 0 0; padding: 0 0; border: none; background: #eee; height: 50px; padding: 10px 10px;"> <img src="userpicurl" style="width: 30px; border-radius: 50%; float: left; margin-right: 10px;"> <a style="line-height: 30px; font-weight: bold; text-decoration: none; color: #222;text-shadow:1px 1px #ae94c9;letter-spacing:2px;text-transform:uppercase;" href="journalurl" target="_blank">username</a> <a style="display: block; text-align: center; float: right; background:linear-gradient(to left, #6c666a, #6c666a);border: 0px solid #ff8c8a;box-shadow: 2px 2px 1px #ccc;padding: 6px 6.5px; text-decoration: none; color: #fff; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;font-size:8px;" href="JOURNALLINK" target="_blank" title="">Follow</a> </div> <div style="clear: both; background: #eee; width: 100%; height: 400px; border-bottom: 1px solid #e6e6e6; margin: 0; padding: 0; overflow: hidden;"> <video width="400" height="400" controls="controls"><source src="https://i.imgur.com/ObdH0Pp.mp4" width="400" height="400"></video></div> <div style="box-sizing: border-box; margin: 0 0; background: #ddd; width: 100%;"> <div style="width: 90%; margin: auto; height: 30px; line-height: 30px;"> <b>## likes</b> <b style="display: block; float: right; color: #fff;text-decoration:underline;">posttime</b> </div> <div style="width: 95%; margin: 0 0 0 5%; max-height: 200px; overflow: auto;"> <a style="font-weight: bold; text-decoration: none; color: #222;text-shadow:1px 1px #ae94c9;" href="journalurl" target="_blank">username</a> caption <font style="color:#4D5688;">#hashtag</font> </div> <div class="footer" style="box-sizing: border-box; width: 90%; height: 50px; margin: 3px auto 0 auto; border-top: 1px solid #bcbcbc; padding: 15px 0; font-size: 1.1em;"> <img style="float: left; margin: -5px 8px auto auto;" width="35px;" src="https://i.imgur.com/kTbhXmB.png"> <a style="text-decoration: none; font-family:arial; text-transform: uppercase; font-size:10px;color: #222; line-height: 20px;" href="entryurl#comments">Add a comment...</a> </div> </div> </div> </lj-raw>
MULTIPLE IMAGES
username
Follow
## likes
posttime
username
caption
#hashtag
<lj-raw><center><a href="ENTRYURL"><img src="https://i.imgur.com/kTbhXmB.png" width="45"></a></center> <div style="display: none;"><lj-cut></div> <div style="width: 400px; margin: 25px auto; padding: 0 0; border: 1px solid rgba(155, 116, 160,.9); border-image: linear-gradient(to top right, rgba(155, 116, 160, .7),transparent,rgba(155, 116, 160, .7)) 10; font-weight: lighter; font-family: 'trebuchet ms', sans-serif; color: #4b4f54; font-size: 10px;box-shadow:4px 4px rgba(0,0,0,.5);"> <div style="box-sizing: border-box; margin: 0 0; padding: 0 0; border: none; background: #eee; height: 50px; padding: 10px 10px;"> <img src="userpicurl" style="width: 30px; border-radius: 50%; float: left; margin-right: 10px;"> <a style="line-height: 30px; font-weight: bold; text-decoration: none; color: #222;text-shadow:1px 1px #ae94c9;letter-spacing:2px;text-transform:uppercase;" href="journalurl" target="_blank">username</a> <a style="display: block; text-align: center; float: right; background:linear-gradient(to left, #6c666a, #6c666a);border: 0px solid #ff8c8a;box-shadow: 2px 2px 1px #ccc;padding: 6px 6.5px; text-decoration: none; color: #fff; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;font-size:8px;" href="JOURNALLINK" target="_blank" title="">Follow</a> </div> <div style="clear: both; width: 100%; height: 400px; border-bottom: 1px solid #e6e6e6; margin: 0; padding: 0; overflow: hidden;"> <!--img one--> <a name="one"></a> <div style="box-sizing: border-box;background: url(https://i.imgur.com/9NtZIzT.jpg?1) no-repeat center; background-size: 100%; box-sizing: border-box; width: 100%; height: 400px; margin: 0; padding-top: 40%;"> <a href="#two" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);"></a> </div> <!--img two--> <a name="two"></a> <div style="box-sizing: border-box;background: url(https://i.imgur.com/9NtZIzT.jpg?1) no-repeat center; background-size: 100%; width: 100%; height: 400px; margin: 0; padding-top: 40%;"> <a href="#one" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;"></a> <a href="#three" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);"></a> </div> <!--img three - code to copy to add additional images!--> <!--anchor name-you cannot use actual digits. I find just spelling the number easiest to track--><a name="three"></a> <!--change the background image for this div for additional images--> <div style="box-sizing: border-box;background: url(https://i.imgur.com/9NtZIzT.jpg?1) no-repeat center; background-size: 100%; width: 100%; height: 400px; margin: 0; padding-top: 40%;"> <!--should link to the anchor name assigned to the image directly preceding this one--> <a href="#two" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;"></a> <!--should link to the anchor name assigned to the image directly following this one--><a href="#four" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);"></a> </div> <!--add additional images here, using the code for img 3 as a guide. don't forget to update anchor names and links--> <a name="four"></a> <div style="box-sizing: border-box;background: url(https://i.imgur.com/9NtZIzT.jpg?1) no-repeat center; background-size: 100%; width: 100%; height: 400px; margin: 0; padding-top: 40%;"> <!--don't forget to change the reference for this link if you've added images--><a href="#three" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;"></a> </div> </div> <div style="box-sizing: border-box; margin: 0 0; background: #eee; width: 100%;"> <div style="width: 90%; margin: auto; height: 30px; line-height: 30px;"> <b>## likes</b> <b style="display: block; float: right; color: #fff;text-decoration:underline;">posttime</b> </div> <div style="width: 95%; margin: 0 0 0 5%; max-height: 200px; overflow: auto;"> <a style="font-weight: bold; text-decoration: none; color: #222;text-shadow:1px 1px #ae94c9;" href="journalurl" target="_blank">username</a> caption <font style="color:#4D5688;">#hashtag</font> </div> <div class="footer" style="box-sizing: border-box; width: 90%; height: 50px; margin: 3px auto 0 auto; border-top: 1px solid #bcbcbc; padding: 15px 0; font-size: 1.1em;"> <img style="float: left; margin: -5px 8px auto auto;" width="35px;" src="https://i.imgur.com/kTbhXmB.png"> <a style="text-decoration: none; font-family:arial; text-transform: uppercase; font-size:10px;color: #222; line-height: 20px;" href="entryurl#comments">Add a comment...</a> </div> </div> </div> </lj-raw>
MULTIPLE IMAGES/VIDEOS
username
Follow
## likes
posttime
username
caption
#hashtag
<lj-raw><center><a href="ENTRYURL"><img src="https://i.imgur.com/kTbhXmB.png" width="45"></a></center> <div style="display: none;"><lj-cut></div> <div style="width: 400px; margin: 25px auto; padding: 0 0; border: 1px solid rgba(155, 116, 160,.9); border-image: linear-gradient(to top right, rgba(155, 116, 160, .7),transparent,rgba(155, 116, 160, .7)) 10; font-weight: lighter; font-family: 'trebuchet ms', sans-serif; color: #4b4f54; font-size: 10px;box-shadow:4px 4px rgba(0,0,0,.5);"> <div style="box-sizing: border-box; margin: 0 0; padding: 0 0; border: none; background: #eee; height: 50px; padding: 10px 10px;"> <img src="userpicurl" style="width: 30px; border-radius: 50%; float: left; margin-right: 10px;"> <a style="line-height: 30px; font-weight: bold; text-decoration: none; color: #222;text-shadow:1px 1px #ae94c9;letter-spacing:2px;text-transform:uppercase;" href="journalurl" target="_blank">username</a> <a style="display: block; text-align: center; float: right; background:linear-gradient(to left, #6c666a, #6c666a);border: 0px solid #ff8c8a;box-shadow: 2px 2px 1px #ccc;padding: 6px 6.5px; text-decoration: none; color: #fff; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;font-size:8px;" href="JOURNALLINK" target="_blank" title="">Follow</a> </div> <div style="clear: both; width: 100%; height: 400px; border-bottom: 1px solid #e6e6e6; margin: 0; padding: 0; overflow: hidden;"> <a name="one"></a> <div style="position:relative;height:400px;width:400px;overflow:hidden;"> <img src="https://i.imgur.com/9NtZIzT.jpg?1" style="width:400px;height:400px;object-fit:cover"> <div style="position:relative;top:-55%;"> <a href="#four" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;"></a> <a href="#two" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);"></a> </div> </div> <a name="two"></a> <div style="position:relative;height:400px;width:400px;overflow:hidden;"> <video width="400" height="400" controls="controls"><source src="https://i.imgur.com/ObdH0Pp.mp4" width="400" height="400"></video> <div style="position:relative;top:-55%;"> <a href="#one" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;"></a> <a href="#three" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);"></a> </div> </div> <a name="three"></a> <div style="position:relative;height:400px;width:400px;overflow:hidden;"> <img src="https://i.imgur.com/cFQhF3L.jpg" style="width:400px;height:400px;object-fit:cover"> <div style="position:relative;top:-55%;"> <a href="#two" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;"></a> <a href="#four" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);"></a> </div> </div> <a name="four"></a> <div style="position:relative;height:400px;width:400px;overflow:hidden;"> <img src="https://i.imgur.com/oVQlmyu.jpg" style="width:400px;height:400px;object-fit:cover"> <div style="position:relative;top:-55%;"> <a href="#three" style="float: left; width: 30px; height: 30px; margin-left: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px;"></a> <a href="#one" style="float: right; width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #eee; opacity: 0.5;"><img src="http://i.imgur.com/43ZQhPN.png" style="height: 30px; transform: rotate(180deg);"></a> </div> </div> </div> <div style="box-sizing: border-box; margin: 0 0; background: #eee; width: 100%;"> <div style="width: 90%; margin: auto; height: 30px; line-height: 30px;"> <b>## likes</b> <b style="display: block; float: right; color: #fff;text-decoration:underline;">posttime</b> </div> <div style="width: 95%; margin: 0 0 0 5%; max-height: 200px; overflow: auto;"> <a style="font-weight: bold; text-decoration: none; color: #222;text-shadow:1px 1px #ae94c9;" href="journalurl" target="_blank">username</a> caption <font style="color:#4D5688;">#hashtag</font> </div> <div class="footer" style="box-sizing: border-box; width: 90%; height: 50px; margin: 3px auto 0 auto; border-top: 1px solid #bcbcbc; padding: 15px 0; font-size: 1.1em;"> <img style="float: left; margin: -5px 8px auto auto;" width="35px;" src="https://i.imgur.com/kTbhXmB.png"> <a style="text-decoration: none; font-family:arial; text-transform: uppercase; font-size:10px;color: #222; line-height: 20px;" href="entryurl#comments">Add a comment...</a> </div> </div> </div> </lj-raw>
