Lloxie

That weird phasefoxie thing

Hello everyone! I'm Lloxie. I'm a furry writer, and I draw occasionally as well. And I dabble in coding now and then. Just a heads up, this IS technically an 18+ blog, even though I also have an AD profile where I post/share most of that kind of stuff. But do expect nsfw material to occasionally show up here as well. You can find links to my profiles elsewhere at the carrd link above, including my personal website if you want to know more about me. Or just feel free to ask me stuff!


Lloxie's Boxie (Personal Website)
lloxie.wordpress.com/

mynotaurus
@mynotaurus
a happy yinglet talking, wearing pajamas

Myno

oh if anyone knows how prechoster works and wants to turn my textbox format into a generator of some kind, please go for it! id like to make it easy for ozhers to pick up and use
(UPDATE: @vurrsys helped me out in za comments! go try it out!)

a yinglet looking around suspiciously talking, wearing pajamas

Myno

...and totally not just cause i have a grudge about how zhat ozher template everyone uses does slightly dodgy css

Take it!! make your own silly talkboxes wizh it!!! (preferably credit me once when you first use it)

<div><img src="IMAGE SOURCE" alt="IMAGE ALT TEXT" style="display:inline-block; margin:-10% 5px 5px -20px; width: 30%;vertical-align:top;"><div style="display:inline-block;width:70%;"><p style="width:fit-content;display:block;background-color:#222;color:NAME COLOR;margin-bottom:-10px;padding: 0.5% 2.5%;border-radius: 10px 10px 0 0;font-weight:900;font-size:1.5em;text-align:center;">NAME GOES HERE!</p><p style="width:100%;margin-right:2%;margin-top:0;display:block;background-color:#222;color:#fff;padding:2%;border-radius:0 10px 10px 10px;">TEXT GOES HERE!</p></div></div>


You must log in to comment.

in reply to @mynotaurus's post:

html

<div>
    <img class="image" src="IMAGE SOURCE" alt="IMAGE ALT TEXT">`
  <div class="div">
    <p class="name">NAME GOES HERE!</p>
    <p class="text">TEXT GOES HERE!</p>
  </div>
</div>

css

.image {
  display:inline-block; 
  margin:-10% 5px 5px -20px;
  width: 30%;
  vertical-align:top;
}

.div {
  display:inline-block;width:70%;
}

.name {
  width:fit-content;
  display:block;
  background-color:#222;
  color:NAME COLOR;
  margin-bottom:-10px;
  padding: 0.5% 2.5%;
  border-radius: 10px 10px 0 0;
  font-weight:900;
  font-size:1.5em;
  text-align:center;
}

.text {
  width:100%;
  margin-right:2%;
  margin-top:0;
  display:block;
  background-color:#222;
  color:#fff;
  padding:2%;
  border-radius:0 10px 10px 10px;
}

this should work!