[21] Clean Permissions

[lina_trinch]

Sailor Neptune

Sailor Moon
michiru kaiou
female
seventeen
homosexual

Abilities

⯌ Power Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Power Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Power Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

Out-of-Character

⯌ Backtag Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Fourthwall Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Off-Limits Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Other Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

In-Character

⯌ Pysical Contact Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Mental Contact Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Flirt Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Fight Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Injury Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Death Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

⯌ Other Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ultrices est. Proin vel euismod arcu.

by killthecake

Code:
<center> <div style="width: 775px;line-height: 18px;display: table;"> <div style="display:inline-block;width: 300px;float:left;"> <div style="border: 1px solid #4a4a4a;width: 300px; height: 350px;background: url(IMG);background-position:center;background-size:cover;box-shadow: 4px 4px 2px #4a4a4a;"></div> <div style="margin-top: 10px;text-align:center;font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 25px;text-shadow: 1px 1px 1px #4a4a4a;letter-spacing: 4px;"> charcter <div style="height: 2px;background: #4a4a4a;width: 90%;margin: 5px 15px;"></div> <font style="font-size:18px;"> canon <br /><font style="font-size: 15px;letter-spacing:0px;font-weight:normal;text-shadow: none;"> alias <br /> gender <br /> age <br /> sexuality </font></font></div> <div style="border: 1px solid #4a4a4a;margin-top: 25px;box-shadow: 4px 4px 2px #4a4a4a;padding: 10px;background: #fff;"> <div style="font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: 1px 1px 1px #4a4a4a;letter-spacing: 4px;text-align:left;"> Abilities <div style="height: 2px;background: #4a4a4a;margin: 5px 0px;"></div> <font style="letter-spacing: 0px;font-size: 15px;text-shadow:none;font-weight:normal;"> <b> ⯌ Power </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /> <b> ⯌ Power </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /> <b> ⯌ Power </b><font style="font-variant:normal;"> Lorem ipsum </font></font></div></div> </div> <div style="display:inline-block;width: 450px;margin-left: 25px;"> <div style="border: 1px solid #4a4a4a;box-shadow: 4px 4px 2px #4a4a4a;padding: 10px;background: #fff;"> <div style="font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: 1px 1px 1px #4a4a4a;letter-spacing: 4px;text-align:left;"> Out-of-Character <div style="height: 2px;background: #4a4a4a;margin: 5px 0px;"></div> <font style="letter-spacing: 0px;font-size: 15px;text-shadow:none;font-weight:normal;"> <b> ⯌ Backtag </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /><b> ⯌ Fourthwall </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /><b> ⯌ Off-Limits </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /><b> ⯌ Other </b><font style="font-variant:normal;"> Lorem ipsum </font></font></div></div> <div style="border: 1px solid #4a4a4a;box-shadow: 4px 4px 2px #4a4a4a;padding: 10px;margin-top: 25px;background: #fff;"> <div style="font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 20px;text-shadow: 1px 1px 1px #4a4a4a;letter-spacing: 4px;text-align:left;"> In-Character <div style="height: 2px;background: #4a4a4a;margin: 5px 0px;"></div> <font style="letter-spacing: 0px;font-size: 15px;text-shadow:none;font-weight:normal;"> <b> ⯌ Pysical Contact </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /><b> ⯌ Mental Contact </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /><b> ⯌ Flirt </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /><b> ⯌ Fight </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /><b> ⯌ Injury </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /><b> ⯌ Death </b><font style="font-variant:normal;"> Lorem ipsum </font><br /><br /><b> ⯌ Other </b><font style="font-variant:normal;"> Lorem ipsum </font></font></div></div> </div> <!--CREDIT--> <div style="font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size: 12px;margin-top: 5px;float:right;"> <a href="https://killthecake.dreamwidth.org/" style="text-decoration:none;color: #7a7a7a;"> by killthecake </a></div> </div>

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post. ❖ You can add as much info/text as you want. The heights of the boxes will adjust. (Except for the picture box. That size stays the same.) ❖ The spaces to fill in (backtagging, fourthwall, etc.) are just some ideas. Feel free to put whatever you want. ❖ It's pretty straightforward but let me know if you have any questions or problems. Ctrl+F & Replace: ❖ IMG - Url for the image ❖ character - Name of the character ❖ canon - Name of the canon ❖ alias - Another name for the character, not your handle ❖ gender - Self-explanatory ❖ age - Self-explanatory ❖ sexuality - Self-explanatory ❖ Lorem ipsum - Text to fill in #fff Backgrounds #7a7a7a Credit text #4a4a4a Borders, line breaks, and shadows

Comments

[lonelynotforsaken]

Hey, this is an awesome code. Just wanted to ask: We were having a little trouble getting a friend's to work properly until we made the below code (minus the ') go from 450px to 300px. Any ideas on why this might happen? Reducing the size of that was the only way to get it to align right like the first image.

<'div style="display:inline-block;width: 450px;margin-left: 25px;">

[redcosmedic]

Thank you! Used with some edits HERE!

[notthatblonde]

I have a question... I was wondering how to get the out-of-character and in character, boxes to rest to the right image box, like the example?