Skip to Main Content

Entry tags:

[45] Modern Muselists

Code:

<div style="width: 500px; background: #fff; display: flex; flex-direction: column; margin: auto; cursor: default;">
    
    <div style="text-align: right; font-size: 10px; font-weight: bold; font-style: italic; font-variant: small-caps; background: #f7f7f7;">
      <a href="https://killthecake.dreamwidth.org/" style="text-decoration: none; color: #555">
        code
      </a>
    </div>

<div style="display: flex; flex-direction: row; border: 1px solid #f7f7f7; border-bottom: 0.5px solid #f7f7f7; border-top: 0.5px solid #f7f7f7;">
      
      <div style="width: 15%; height: 80px; background: center/cover url('IMAGE_URL'); border-right: 2px solid #f7f7f7;"></div>
      <div style="display: inline-block; padding: 2px 5px; font-size: 12px; width: 85%; height: 80px; overflow-y: auto;">

<a href="URL" style="font-weight: bold; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-size: 20px; color: #000; text-decoration: none; display: block;">
          Character
        </a>

filler
      </div>
    </div>

<div style="display: flex; flex-direction: row; border: 1px solid #f7f7f7; border-bottom: 0.5px solid #f7f7f7; border-top: 0.5px solid #f7f7f7;">
      
      <div style="width: 15%; height: 80px; background: center/cover url('IMAGE_URL'); border-right: 2px solid #f7f7f7;"></div>
      <div style="display: inline-block; padding: 2px 5px; font-size: 12px; width: 85%; height: 80px; overflow-y: auto;">

<a href="URL" style="font-weight: bold; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-size: 20px; color: #000; text-decoration: none; display: block;">
          Character
        </a>

filler
      </div>
    </div>

<div style="display: flex; flex-direction: row; border: 1px solid #f7f7f7; border-bottom: 0.5px solid #f7f7f7; border-top: 0.5px solid #f7f7f7;">
      
      <div style="width: 15%; height: 80px; background: center/cover url('IMAGE_URL'); border-right: 2px solid #f7f7f7;"></div>
      <div style="display: inline-block; padding: 2px 5px; font-size: 12px; width: 85%; height: 80px; overflow-y: auto;">

<a href="URL" style="font-weight: bold; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-size: 20px; color: #000; text-decoration: none; display: block;">
          Character
        </a>

filler
      </div>
    </div>

<div style="display: flex; flex-direction: row; border: 1px solid #f7f7f7; border-bottom: 0.5px solid #f7f7f7; border-top: 0.5px solid #f7f7f7;">
      
      <div style="width: 15%; height: 80px; background: center/cover url('IMAGE_URL'); border-right: 2px solid #f7f7f7;"></div>
      <div style="display: inline-block; padding: 2px 5px; font-size: 12px; width: 85%; height: 80px; overflow-y: auto;">

<a href="URL" style="font-weight: bold; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-size: 20px; color: #000; text-decoration: none; display: block;">
          Character
        </a>

filler
      </div>
    </div>
    
  
  
  
  
    
  </div>

❖ This is another code released early on the Patreon to my subscribers! It's also accidentally inspired by this one from Tessisamess. I saw it around a few times, made this one, and realized it looked... familiar, lol. Anyway! Not going to make a habit of doing that, oops.

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ Feel free to add as much text as you want in the body of these elements. They'll begin to scroll when they overflow, so you do whatever you want with them!

Ctrl+F & Replace:
❖ IMAGE_URL - url for images
❖ URL - link urls
❖ Character - header and text for the link
❖ filler - filler text

#fff box backgrounds
#f7f7f7 credit background, borders (same color as DW's default background)
#555 credit text
#000 all other links/text

Post a comment in response:

From:

Anonymous

OpenID

Dreamwidth account

If you don't have an account you can create one now.

Subject

HTML doesn't work in the subject.

Formatting type

Message

Captcha Response (paste here)

If you are unable to use this captcha for any reason, please contact us by email at [email protected]

	
		OSZAR »