Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • You're on Earth and I'm in Space

       (1 review)

    Simple moodboard! 9 images + room for lyrics; Please review! ❤️


    Actual Template Not Responsive

    lyrics here, doesn't grow or scroll

    Template code

    <link href="https://fonts.googleapis.com/css?family=Lato|Poiret+One" rel="stylesheet">
    <center><style>
     .moodybox {height: 500px; width: 500px; border: 1px solid black; background: white; position: relative;}
     .boxes {height: 125px; width: 125px; border: 1px solid black; position: absolute;}
     .bigbig {height: 460px; width: 460px; border: 1px solid black; background-image: url(https://images.rpginitiative.com/uploads/monthly_2018_07/large.1775806449_FloorPatternTool_2015_Diamond.png.7efeb14819a9b72ccf92bf08b6310b79.png); background-size: 12%; position: absolute; left: 19px; top: 19px;}
     .quote {padding: 5px; font-family: 'Poiret One', cursive; font-weight: bold; text-align: center; font-size: 16px; background: rgba(176,70,89,1); border: 1px solid black; position: absolute; height: 20px; width: 490px; top: 458px; left:-1px; color: black;}
     .creditm {position: absolute; font-family: monospace; font-size: 8px; top: 500px; left: 250px;}
     .creditm a {text-decoration: none; color: rgba(176,70,89,1);}
    </style>
    <div class="moodybox"><div class="bigbig">
     <div class="boxes" style="top: 20px; left: 20px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
     <div class="boxes" style="top: 20px; left: 165px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
     <div class="boxes" style="top: 20px; left: 310px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
     <div class="boxes" style="top: 160px; left: 20px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
     <div class="boxes" style="top: 160px; left: 165px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
     <div class="boxes" style="top: 160px; left: 310px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
     <div class="boxes" style="top: 300px; left: 20px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
     <div class="boxes" style="top: 300px; left: 165px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
     <div class="boxes" style="top: 300px; left: 310px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div></div>
     <div class="quote">lyrics here, doesn't grow or scroll</div>
     <div class="creditm"><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




×
×
  • 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.