ERIE ❚ 017 ( feat. opacity and yet another muselist )

[deloreans]

MY WHOLE BRAIN IS CRYING RIGHT NOW

NAME ♕ FANDOM

<lj-raw><div style="width: 320px"><span style="float: left"><img src="* * * INSERT ICON HERE * * *" style="border:10px solid #000000"></span><br> <div style="width: 200px; background-color: #000000; height: 14pt; text-align: center; vertical-align: middle; padding-left: 120px"><font style="font-family: verdana; font-size: 8pt; letterspacing: 0px; color: #ffffff"><b>NAME</b> ♕ <i>FANDOM</i> </font></div> <div style="text-align: right; padding-top: 5px"><img style="opacity:0.75;" src="* * * INSERT ICON HERE * * *" height="62px" width="62px"> <img style=" opacity:0.5;" src="* * * INSERT ICON HERE * * *" height="62px" width="62px"> <img style=" opacity:0.25;" src="* * * INSERT ICON HERE * * *" height="62px" width="62px"></div> </div></lj-raw>

VARIATIONS ON A THEME

NAME ♕ FANDOM

<lj-raw><div style="width: 320px"><span style="float: left"><img src="* * * INSERT ICON HERE * * *" style="border:10px solid #000000"></span><div style="text-align: right; padding-top: 10px"><img style="opacity:0.75;" src="* * * INSERT ICON HERE * * *" height="62px" width="62px"> <img style=" opacity:0.5;" src="* * * INSERT ICON HERE * * *" height="62px" width="62px"> <img style="opacity:0.25;" src="* * * INSERT ICON HERE * * *" height="62px" width="62px"></div> <div style="width: 200px; background-color: #000000; height: 14pt; text-align: center; vertical-align: middle; padding-left: 120px"><font style="font-family: verdana; font-size: 8pt; letterspacing: 0px; color: #ffffff"><b>NAME</b> ♕ <i>FANDOM</i> </font></div> </div> </lj-raw>

NAME ♕ FANDOM

username ♕ game

.

<lj-raw><div style="width: 340px"><span style="float: left"><img src="* * * INSERT ICON HERE * * *" style="border:10px solid #000000"></span><br> <div style="width: 220px; background-color: #000000; height: 14pt; text-align: center; vertical-align: middle; margin-left: 120px"><font style="font-family: verdana; font-size: 8pt; letterspacing: 0px; color: #ffffff"><b>NAME</b> ♕ <i>FANDOM</i> </font></div> <div style="width: 240px; background-color: #ababab; height: 14pt; text-align: center; vertical-align: middle; margin-left: 120px"><font style="font-family: verdana; font-size: 8pt; letterspacing: 0px; color: #ffffff"><b>username</b> ♕ <i>game</i> </font></div> <div style="text-align: left; padding-top: 5px"><span style="opacity: 0.1">.</span><img style="opacity:0.75;" src="* * * INSERT ICON HERE * * *" height="67px" width="67px"> <img style=" opacity:0.5;" src="* * * INSERT ICON HERE * * *" height="67px" width="67px"> <img style=" opacity:0.25;" src="* * * INSERT ICON HERE * * *" height="67px" width="67px"></div> </div> </lj-raw>

VARIATION COURTESY OF THE FABULOUS demimonde

NAME!!

GAME → INFO

FANDOM | CANON / ORIGINAL?

<lj-raw><div style="width: 320px"><span style="float: left"><img src="ICON GOES HERE" style="border:10px solid #000000"></span><br> <div style="width: 200px; background-color: #000000; height: 14pt; text-align: center; vertical-align: middle; padding-left: 120px"><font style="font-family: verdana; font-size: 8pt; letterspacing: 0px; color: #ffffff"><b>NAME!!</a> </font></div> <div style="width: 200px; background-color: #000000; height: 14pt; text-align: center; vertical-align: middle; padding-left: 120px"><font style="font-family: verdana; font-size: 8pt; letterspacing: 0px; color: #ffffff"><a href= "LINK">GAME</a> → <a href= "LINK">INFO</a></font></div> <div style="text-align: right; padding-top: 5px"><img style="opacity:0.75;" src="ICON GOES HERE" height="62px" width="62px"> <img style=" opacity:0.5;" src="ICON GOES HERE" height="62px" width="62px"> <img style=" opacity:0.25;" src="ICON GOES HERE" height="62px" width="62px"></div> <div style="width: 320px; background-color: #000000; height: 14pt; text-align: center; vertical-align: middle;"><font style="font-family: verdana; font-size: 8pt; letterspacing: 0px; color: #ffffff"><b>FANDOM</b> | <i>CANON / ORIGINAL?</i></font></div> </div></lj-raw>
please credit demimonde if you use this!

NOTES AND HOW TO MODIFY

••• if you want to use different icons and remove the fading effect, simply remove the part of the code that says [style="opacity:xx;"]
••• i suggest keeping all the size values the same!
••• coded on firefox and viewed on the dreamwidth site default. i thiiiink there's a vertical problem alignment when viewed on custom pages and i'm working on a fix for that.
••• HOLY FUCK it looks insane on safari idk what it looks like on chrome ok viewed on site default on safari and chrome it should be ok now
••• feel free to customize the codes for your own use!
••• 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

Comments

[ditz]

OOOOOOOH YOU'RE ON A ROLL

[deloreans]

i know right this is my life now i don't rp i make rp things for other people

[demimonde]

THIS IS SOME SWEETASS CODING RIGHT HERE TYVM

query: would it be possible (could i even figure out how to do this myself probably, if you did not mind) to add a second line of centered text below NAME & FANDOM? i include game & an info link for mine, but i really want to use this format o_o

[demimonde]

i had some help, figured out how to modify it the way i wanted, all credited and etc :3 ty!

[deloreans]

aha i'm sorry it took me so long to respond i was working on a tweak for what you requested but i see it won't be necessary. i'm totally fine with people customizing the codes for their own use and yours looks so gorgeous and way cleaner than what i was able to cobble together ehehe. thank you so much for commenting! ♥

[demimonde]

i'm slowly trying to learn how to do these things myself so the long pause actually was good for me! ...even tho i ended up making sad eyes at glazedmacguffin until she fixed the bottom bar for me, ha ha

♥ no problem

[demimonde]

oh if you wanted, the alteration:

<lj-raw><div style="width: 320px"><span style="float: left"><img src="ICON GOES HERE" style="border:10px solid #000000"></span><br> <div style="width: 200px; background-color: #000000; height: 14pt; text-align: center; vertical-align: middle; padding-left: 120px"><font style="font-family: verdana; font-size: 8pt; letterspacing: 0px; color: #ffffff"><b>NAME!!</a> </font></div> <div style="width: 200px; background-color: #000000; height: 14pt; text-align: center; vertical-align: middle; padding-left: 120px"><font style="font-family: verdana; font-size: 8pt; letterspacing: 0px; color: #ffffff"><a href= "LINK">GAME</a> → <a href= "LINK">INFO</a></font></div> <div style="text-align: right; padding-top: 5px"><img style="opacity:0.75;" src="ICON GOES HERE" height="62px" width="62px"> <img style=" opacity:0.5;" src="ICON GOES HERE" height="62px" width="62px"> <img style=" opacity:0.25;" src="ICON GOES HERE" height="62px" width="62px"></div> <div style="width: 320px; background-color: #000000; height: 14pt; text-align: center; vertical-align: middle;"><font style="font-family: verdana; font-size: 8pt; letterspacing: 0px; color: #ffffff"><b>FANDOM</b> | <i>CANON / ORIGINAL?</i></font></div> </div></lj-raw>

[deloreans]

aha yeah i'm trying to cram as much css as my brain can take too! it's definitely (an incredible) trial and (an insane amount of) error for me. i've updated the post with your altered code with proper credit ♥ thank you so much for sharing your coding! hearts in my eyes right now ok

[demimonde]

JUST WHEN I THOUGHT I'D MASTERED TABLES, THE GREAT LEAP OVER my face

♥_♥ any time!

[extends]

Ahh this is really cute!

[deloreans]

Thank you! ♥

[prospitian]

Ohh, this is really lovely! Using this in my muselist! ♥

[deloreans]

ehe thank you and let me know if you have any issues with the code! ♥

[gekiviolet]

Using this on my muselist. ♥ Thank you for taking the time! Those of us making the move really do appreciate it.

[deloreans]

So happy to see that people will be using it ♥ and it's my pleasure! I want to help make the transition for people as easy (and pretty) as possible!

[unlockable]

This is beautiful! Using and will credit you. ♥

[deloreans]

Thank you very much for commenting! ♥ Let me know if you need a code fix or anything sdfkj

[midvalley]

This is truly wonderful and fun. *_*

Modified it a bit for use here. Added colors and made the usernames/game names into links, but I kept the DW-friendly coding since I'll be moving my musebox over as soon as my games decide what to do.

[deloreans]

Thank you for commenting! The tweaks look great and I'm glad it works on lj too! Hope things get resolved smoothly over at your games whatever the decision may be! ♥

[midvalley]

Thank you! They're both polling right now, and it's looking like at least one is moving over, so I'm excited!

[playerkills]

oh no it's too cute it's too cute qt I'M TAKING THIS ERIE

[meatshields]

Since this stupid mundane has the divine me in her mind, there's just no way that anything she makes wouldn't be cute!

[deloreans]

sena is the rudest, the rudest is sena.

thanks for commenting ehehehe i'm glad this muselist will be used for your cuties

and the fox face

[playerkills]

Is that so? Then be grateful that your mundane is willing to accommodate something so unsightly as yourself.

[yanyan]

rude... well anyway it is being put to good use now huff thank you erie!!!

[burntoashes]

Hi, weird creeper commenting a million years later.

I guess it's worth it to mention that I sort of mangled demimonde's variation into a really basic CR chart in which hover text saves my bacon from not being able to do blurbs.

[teal]

Just something I've noticed in the code made by demimonde

After "NAME!!" the code closer is for a link instead of bold.

[mynabird]

Hey there! Commenting a million years late, I know, but I managed to kludge demimonde's version into a CR chart over here. Thanks so much for the code! ♥

[nowhere]

thank you so much for sharing this! ♥

[vital]

hey heyyy i know this is an old post and i wanted to let you know that i've been using the base codes of this table here, with some extreme modification from my part (but you are still credited, of course)! thanks for the code ♥

[timezone]

Is there any way I could get the flip code from you? I like the back and forth 'zipper' look that has and am pretty balls at altering codes beyond the colors used.

[timezone]

Colors Altered and used as a mini-listing here.

[undomesticated]

Tweaked it and am using it here (likely elsewhere as well)