ERIE ❚ 027 ( feat. cellphones and fembot )

[deloreans]

CALL ME BEEP ME (IF YOU WANNA REACH ME)

MUSELIST .. .. .. .. .. .. .. .. .. .. .. ..

<raw-code> <table><tr><td> <div style="text-align: center;background-color: #000000; -webkit-border-radius: 25px;-moz-border-radius: 25px; border-radius: 25px; padding-top: 70px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px"> <div style="text-align: center; background-color: #000000; border: 3px solid #e6e6e6; padding: 2px 5px 20px 5px"> <table style="padding-bottom: 0px; width: 100%; border: 0px"><tr style="margin-bottom: 0px;"><td style="vertical-align: top; text-align: left"><img src="http://i.imgur.com/KNEhTCz.png"></td> <td style="vertical-align: top; color: #f5f5f5; font-family: helvetica; font-size: 8.5pt; font-weight: bold">MUSELIST</td> <td style="vertical-align: top; text-align: right"><img src="http://i.imgur.com/iJaXcZH.png"></td></tr></table> <div style="text-align: justify"> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> <br/><br/> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> <br/><br/> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> <br/><br/> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"></div></div><br/><br/></div></td></tr></table></raw-code>

NOTES AND HOW TO MODIFY

••• ugh i'm so rusty! please excuse this beast of a code.
••• it looks best when you can keep the 4x4 dimensions!
••• or at least have one entry/icon for the fourth row
••• this would be cute to use for a call me out meme too now that i think about it
••• battery and signal icons by gentleface.com
••• coded on firefox and viewed on the dreamwidth site default.
••• if you do use/tweak the code, please also feel free to link them here / share them!

⇒ like what you see? why not subscribe and/or comment ♥
⇒ credit to either deloreans or whaleparties!
⇒ please also visit the qts over at stardustcrusade & cawaii
⇒ need nifty stuff for dreamwidth? check out dreamcodes!

Comments

[chimp]

This looks great! Super inventive :D

[deloreans]

Thank you very much! Glad you like it ♥

[teal]

Used it here and used your opacity changer from a previous chart to show more active muses.

I've been trying to figure out how to make it change pages (with a layout from IJ; f-locked otherwise I'd link) so it won't be so awkwardly spaced but alas my coding fails me. Is there any way to get them on the same level?

[deloreans]

hi there! sorry for the delayed response. if i understand you correctly you want to keep all of your list in just the one phone thing and make it clickable to show a "new page" (new set of 4x4) like here?

i haven't really worked with that nifty bit of coding myself but i'll take a shot at it and let you know!

[teal]

o: Yeah, like that one there. And your response wasn't delayed at all, I'm all distracted with an MMO.

o/ Please do, I think it'd be awfully neat.

[deloreans]

Alright I gave it a try! You can go here for a preview of how it looks. If you're fine with how it turned out, I've got the code in the textbox below:

<raw-code> <div style="margin:0 auto;overflow:hidden;width:302px;height:482px;"> <!-----PAGE 1-----> <a name="page1"> <table><tr><td> <div style="text-align: center;background-color: #000000; -webkit-border-radius: 25px;-moz-border-radius: 25px; border-radius: 25px; padding-top: 70px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px"> <div style="text-align: center; background-color: #000000; border: 3px solid #e6e6e6; padding: 2px 5px 20px 5px"> <table style="padding-bottom: 0px; width: 100%; border: 0px"><tr style="margin-bottom: 0px;"><td style="vertical-align: top; text-align: left"><img src="http://i.imgur.com/KNEhTCz.png"></td> <td style="vertical-align: top; color: #f5f5f5; font-family: helvetica; font-size: 8.5pt; font-weight: bold">MUSELIST</td> <td style="vertical-align: top; text-align: right"><img src="http://i.imgur.com/iJaXcZH.png"></td></tr></table> <div style="text-align: justify"> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> <br/><br/> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> <br/><br/> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> <br/><br/> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> </div></div><br/><a href="#page2"><img src="http://i.imgur.com/Rs2Zyu9.png" border="0"></a></div> </td></tr></table></a> <!-----PAGE 2-----> <a name="page2"><table style="margin-top: -13px"><tr><td><div style="text-align: center;background-color: #000000; -webkit-border-radius: 25px;-moz-border-radius: 25px; border-radius: 25px; padding-top: 70px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px"> <div style="text-align: center; background-color: #000000; border: 3px solid #e6e6e6; padding: 2px 5px 20px 5px"> <table style="padding-bottom: 0px; width: 100%; border: 0px"><tr style="margin-bottom: 0px;"><td style="vertical-align: top; text-align: left"><img src="http://i.imgur.com/KNEhTCz.png"></td> <td style="vertical-align: top; color: #f5f5f5; font-family: helvetica; font-size: 8.5pt; font-weight: bold">MUSELIST</td> <td style="vertical-align: top; text-align: right"><img src="http://i.imgur.com/iJaXcZH.png"></td></tr></table> <div style="text-align: justify"> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> <br/><br/> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> <br/><br/> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> <br/><br/> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><span style="color: #000000">..</span> <img title="character name | FANDOM" src="*** ICON URL ***" style="height: 50px; width: 50px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"> </div></div><br/><a href="#page1"><img src="http://i.imgur.com/Rs2Zyu9.png" border="0"></a></div> </a> </div></raw-code>

Hope you like it! I'll keep plugging away at it to fix the kinks it's still got but my free time is currently somewhat limited and I wanted to get something working over to you asap!

[chimp]

Wow, that is seriously amazing! So cool ;D

[teal]

aklasdhgle So fast! It looks awesome for a quick hash out! :'D Thank you!

[soundmind]

Hiya! I modified this code slightly to use it as an IC voicemail decoration/table of contents as a whole, thank you so much for making it!

[deloreans]

oh wow that looks great! Thank you so much for commenting ♥

[crowing]

I modified it a little to imitate an android phone here as well as for a lists of in-game contacts.

Thank you so much for the code!

P.S. Link back is on the signal button, so I can abuse all the contact slots.

[deloreans]

that looks amazing! thanks for sharing!