Jump to content
  • So I'm Gonna Fly

       (1 review)

    A Kiki's Delivery Service-based post template! Tagbox is a hover. ❤️ Please review!


    Actual Template Not Responsive

    Blah blah blah blah blah


    blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
    @[blahblh blah blah]
    Outfit

    Template code

    <link href="https://fonts.googleapis.com/css?family=Encode+Sans+Expanded|Lobster+Two" rel="stylesheet">
    <style>
      .kiki2 {height: 270px; width: 500px; position: relative;; background-image: url(https://images.rpginitiative.com/uploads/monthly_2018_07/large.Prof_Kikis_Delivery_Service.mkv_snapshot_01_42.49_2017_09.18_23_03_52.png.cb8629beff85b38eb5d7e46e134c05f3.png); background-size: 125%}
      .textbox2 {width: 270px; height: 210px; border: 1px solid black; padding: 10px; background: white; position: absolute; left: 20px; top: 20px; overflow: auto; font-family: 'Encode Sans Expanded', sans-serif; font-size: 12px; line-height: 1.5; text-align: justify;}
      .textbox2 h1 {font-family: 'Lobster Two', cursive; font-size: 18px; text-align: center;}
      .tagbox {padding: 10px; height: 25px; width: 150px; position: absolute; background: rgba(163,55,69,.5); left: 321px; top: 206px; opacity: 0; transition: .7s ease-in-out; -webkit-transition: .7s ease-in-out; -moz-transition: .7s ease-in-out;-o-transition: .7s ease-in-out; font-family: 'Lobster Two', cursive; overflow: hidden; line-height: .9}
      .tagbox:hover {opacity: 1; transition: .7s ease-in-out; -webkit-transition: .7s ease-in-out; -moz-transition: .7s ease-in-out;-o-transition: .7s ease-in-out;}
      .kikicredit {font-family: 'space mono', monospace; color: white; font-size: 8px; position: absolute; top: 254px; left: 475px;}
      .kikicredit a {font-family: 'space mono', monospace; color: white; font-size: 8px; text-decoration: none;}
    
    </style>
    <center>
      <div class="kiki2">
      <div class="textbox2"><h1>Blah blah blah blah blah</h1><hr>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</div>
      <div class="tagbox">@[blahblh blah blah]<br>Outfit</div>
        <div class="kikicredit"><a href="https://rpginitiative.com/profile/2592-penny/">♔</a></div>
      </div>
    </center>



    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Guest

    ctazykat

      

    Very easy to work with!  Lovely code 😃

    Share this review


    Link to review

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.