• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Request ғʏᴜʀɪ's ᴄss/ʜᴛᴍʟ ʀᴇǫᴜᴇsᴛs [ᴄʟᴏsᴇᴅ]

Fable

₮ⱧɆ ₥Ɏ₮Ⱨ, ₮ⱧɆ ⱠɆ₲Ɇ₦Đ, ₮ⱧɆ ₣₳฿ⱠɆ
Administrator
Roleplay Availability
Roleplay Type(s)
/* --- CSS/HTML Design by Fyuri. Not to be taken and used. --- */
@import url(https://fonts.googleapis.com/css?family=Karla|Overpass);
.fyurirequests001{background-image:url(https://images4.alphacoders.com/659/659402.jpg);background-repeat:repeat;border-radius:25px;background-size:cover;width:500px;height:500px;margin:auto;padding:20px}.fyurirequests001 .fyurirequests002 .fyurirequests003::-webkit-scrollbar{width:7px;background:transparent}.fyurirequests001 .fyurirequests002 .fyurirequests003::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.5);border-radius:25px;border-top-left-radius:0;border-bottom-left-radius:0;margin-right:5px}.fyurirequests001 .fyurirequests002 .fyurirequests003::-webkit-scrollbar-thumb{border-radius:25px;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}.fyurirequests002{border-radius:25px;background-color:rgba(255,255,255,0.7);color:#000;height:460px;padding:10px;font-family:'Karla',sans-serif}.fyurirequests003{margin-right:-10px;height:440px;overflow:auto}





.Fyuri's CSS/HTML Request Thread

Well, I've gone and done it.  I've made a request thread for CSS/HTML designs.  You've probably seen a couple of my CSS/HTML designs here and there. 


-


No longer accepting anymore requests at this time; 1/24/2017


-


Slot System


I will be using what is called a "slot" system.  Basically, there will be a limited number of slots that will be open for requests.  This will help me keep things organized and prevent me from being overwhelmed. 


If the slots are filled, you can still put in a request, but I will not begin working on any requests unless I've clearly placed them into a request slot.


Request No's


These are things I will not do for requests (though I am technically capable of them).  The basic reason behind not doing these currently is because more complicated code takes much longer and also can more easily break the site if tampered with.


- Hovers


- Tabs


- Fading Scrollbars


Credit Removal


Do not remove the credit placed within the coding.  It is disrespectful.


Slots


- Open Slot


- Open Slot


- Open Slot


Request Form


Do you wish this to be mobile friendly? (Yes/No)


Fonts: (If there are any specific fonts, name them here; Google Fonts only.)


Images: (Please provide any images you wish to use, max limit is 5, though for mobile friendly, limit is 1 currently.)


Colors: (You can give a scheme, palette, just one color, or tell me to do as I please.)


Additional: (If you want content to scroll or not, scrollbar customization, how many sections you would like, etc.  Some things may need to be discussed.)


*Note: I have the right to decline any request and may close my requests at any time I wish.  Requests ≠ Demand.
 
Last edited by a moderator:
whelp, can you make something in the likes of those harry potter templates? minus the symbols.


Do you wish this to be mobile friendly? (Yes/No) yes.


Fonts: (If there are any specific fonts, name there here; Google Fonts only.) Cinzel for header and times new roman for body. addtionally, font should just be black or a greenish black.


Images: (Please provide any images you wish to use, max limit is 5, though for mobile friendly, limit is 1 currently.) n/a. just use a place holder


Colors: (You can give a scheme, palette, just one color, or tell me to do as I please.)



 


#008000,

#ADFF2F


#CC661A


#DEFF63


(make this into a gradient)




Additional: (If you want content to scroll or not, scrollbar customization, how many sections you would like, etc.  Some things may need to be discussed.) custom scroll bar please. maybe green and brown.
 
/* --- CSS/HTML Design by Fyuri. Tampering with CSS may result in the code or site breaking. Fyuri is not responsible for those who tamper with provided code. --- */
.fyurirequest001{width:315px;height:650px;margin:auto;background:green;background:-moz-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:-webkit-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:linear-gradient(to bottom,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='green',endColorstr='#cc661a',GradientType=0);padding:15px}.fyurirequest001 .content::-webkit-scrollbar{background-color:transparent;width:7px}.fyurirequest001 .content::-webkit-scrollbar-button:no-button{background-color:rgba(222,255,99,0.1)}.fyurirequest001 .content::-webkit-scrollbar-track{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-track-piece{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-thumb{background-color:rgba(222,255,99,0.8)}.fyurirequest001 .content::-webkit-scrollbar-corner{background-color:transparent;visibility:collapse!important}.fyurirequest001 .content::-webkit-resizer{background-color:transparent}.fyurirequest001 .top{padding:0 15px 15px}.fyurirequest001 .top img{max-height:260px;border:none}.fyurirequest001 .header{font-family:'Cinzel',serif;color:#DEFF63;font-size:28px;font-weight:700;letter-spacing:1px;text-align:center;margin-top:-10px}.fyurirequest001 .content{background-color:rgba(255,255,255,0.9);padding:5px;height:318px;overflow:auto;font-family:'Karla',sans-serif;color:#000;font-family:"Times New Roman",Times,serif}
/* --- This code was written upon request. This is to not be used for a reference. --- */



Header Here



large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png



@ewolf20 Here is your finished request.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt quam vel diam mollis, id malesuada nibh auctor. Etiam non cursus dui. Aenean ac hendrerit nulla. Suspendisse in rhoncus neque. Praesent sed tellus et velit volutpat pharetra nec quis quam. Suspendisse eget commodo mauris.


Nullam sodales mollis elit, ac condimentum lorem mollis eget. Cras suscipit cursus pulvinar. Integer posuere eu leo vitae commodo. Nulla dignissim mauris ac ante vulputate volutpat. Praesent mi augue, suscipit pretium nulla nec, efficitur mattis arcu.


Nam maximus semper purus, quis iaculis risus.






<p style="display:none;">
    &nbsp;
</p>
<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
<style type="text/css">
/* --- CSS/HTML Design by Fyuri. Tampering with CSS may result in the code or site breaking. Fyuri is not responsible for those who tamper with provided code. --- */
.fyurirequest001{width:315px;height:650px;margin:auto;background:green;background:-moz-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:-webkit-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:linear-gradient(to bottom,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='green',endColorstr='#cc661a',GradientType=0);padding:15px}.fyurirequest001 .content::-webkit-scrollbar{background-color:transparent;width:7px}.fyurirequest001 .content::-webkit-scrollbar-button:no-button{background-color:rgba(222,255,99,0.1)}.fyurirequest001 .content::-webkit-scrollbar-track{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-track-piece{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-thumb{background-color:rgba(222,255,99,0.8)}.fyurirequest001 .content::-webkit-scrollbar-corner{background-color:transparent;visibility:collapse!important}.fyurirequest001 .content::-webkit-resizer{background-color:transparent}.fyurirequest001 .top{padding:0 15px 15px}.fyurirequest001 .top img{max-height:260px;border:none}.fyurirequest001 .header{font-family:'Cinzel',serif;color:#DEFF63;font-size:28px;font-weight:700;letter-spacing:1px;text-align:center;margin-top:-10px}.fyurirequest001 .content{background-color:rgba(255,255,255,0.9);padding:5px;height:318px;overflow:auto;font-family:'Karla',sans-serif;color:#000;font-family:"Times New Roman",Times,serif}
/* --- This code was written upon request. --- */</style>
<div style="overflow:auto;">
    <div class="fyurirequest001">
        <div class="header">
            Header Here
        </div>


        <div class="top">
            <p style="text-align: center;">
                <img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png">
            </p>
        </div>


        <div class="content">
            <p>
                <a contenteditable="false" data-ipshover="" data-ipshover-target="https://www.rpnation.com/profile/4426-ewolf20/?do=hovercard" data-mentionid="4426" href="https://www.rpnation.com/profile/4426-ewolf20/">@ewolf20</a>&nbsp;Here is your finished request.
            </p>


            <p>
                &nbsp;
            </p>


            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt quam vel diam mollis, id malesuada nibh auctor. Etiam non cursus dui. Aenean ac hendrerit nulla. Suspendisse in rhoncus neque. Praesent sed tellus et velit volutpat pharetra nec quis quam. Suspendisse eget commodo mauris.
            </p>


            <p>
                &nbsp;
            </p>


            <p>
                Nullam sodales mollis elit, ac condimentum lorem mollis eget. Cras suscipit cursus pulvinar. Integer posuere eu leo vitae commodo. Nulla dignissim mauris ac ante vulputate volutpat. Praesent mi augue, suscipit pretium nulla nec, efficitur mattis arcu.
            </p>


            <p>
                &nbsp;
            </p>


            <p>
                Nam maximus semper purus, quis iaculis risus.
            </p>
        </div>
    </div>
</div>
 
Do you wish this to be mobile friendly? No, thank you.


Fonts:  Hm, could you do Raleway for the body and maybe.... Bolded Bungee Hairline for the headers? 


Images: Could you do four image placeholders? If not, let me know and I'll include some pictures for you.


Colors:  These.


Additional: A custom scrollbar, please, and if you could make it #FFB7C3, even better. 
I'm thinking maybe three scrollable sections, but you could do whatever you want and I'd be happy with it.





Huhu, I think that concludes it. Because I know how to code a bit too, you can either not do mine, or like, do others first or something and I don't really care. ^w^
 
/* --- CSS/HTML Design by Fyuri. Tampering with CSS may result in the code or site breaking. Fyuri is not responsible for those who tamper with provided code. --- */
.fyurirequest001{width:315px;height:650px;margin:auto;background:green;background:-moz-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:-webkit-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:linear-gradient(to bottom,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='green',endColorstr='#cc661a',GradientType=0);padding:15px}.fyurirequest001 .content::-webkit-scrollbar{background-color:transparent;width:7px}.fyurirequest001 .content::-webkit-scrollbar-button:no-button{background-color:rgba(222,255,99,0.1)}.fyurirequest001 .content::-webkit-scrollbar-track{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-track-piece{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-thumb{background-color:rgba(222,255,99,0.8)}.fyurirequest001 .content::-webkit-scrollbar-corner{background-color:transparent;visibility:collapse!important}.fyurirequest001 .content::-webkit-resizer{background-color:transparent}.fyurirequest001 .top{padding:0 15px 15px}.fyurirequest001 .top img{max-height:260px;border:none}.fyurirequest001 .header{font-family:'Cinzel',serif;color:#DEFF63;font-size:28px;font-weight:700;letter-spacing:1px;text-align:center;margin-top:-10px}.fyurirequest001 .content{background-color:rgba(255,255,255,0.9);padding:5px;height:318px;overflow:auto;font-family:'Karla',sans-serif;color:#000;font-family:"Times New Roman",Times,serif}
/* --- This code was written upon request. This is to not be used for a reference. --- */



Header Here







@ewolf20 Here is your finished request.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt quam vel diam mollis, id malesuada nibh auctor. Etiam non cursus dui. Aenean ac hendrerit nulla. Suspendisse in rhoncus neque. Praesent sed tellus et velit volutpat pharetra nec quis quam. Suspendisse eget commodo mauris.


Nullam sodales mollis elit, ac condimentum lorem mollis eget. Cras suscipit cursus pulvinar. Integer posuere eu leo vitae commodo. Nulla dignissim mauris ac ante vulputate volutpat. Praesent mi augue, suscipit pretium nulla nec, efficitur mattis arcu.


Nam maximus semper purus, quis iaculis risus.






<p style="display:none;">
    &nbsp;
</p>
<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
<style type="text/css">
/* --- CSS/HTML Design by Fyuri. Tampering with CSS may result in the code or site breaking. Fyuri is not responsible for those who tamper with provided code. --- */
.fyurirequest001{width:315px;height:650px;margin:auto;background:green;background:-moz-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:-webkit-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:linear-gradient(to bottom,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='green',endColorstr='#cc661a',GradientType=0);padding:15px}.fyurirequest001 .content::-webkit-scrollbar{background-color:transparent;width:7px}.fyurirequest001 .content::-webkit-scrollbar-button:no-button{background-color:rgba(222,255,99,0.1)}.fyurirequest001 .content::-webkit-scrollbar-track{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-track-piece{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-thumb{background-color:rgba(222,255,99,0.8)}.fyurirequest001 .content::-webkit-scrollbar-corner{background-color:transparent;visibility:collapse!important}.fyurirequest001 .content::-webkit-resizer{background-color:transparent}.fyurirequest001 .top{padding:0 15px 15px}.fyurirequest001 .top img{max-height:260px;border:none}.fyurirequest001 .header{font-family:'Cinzel',serif;color:#DEFF63;font-size:28px;font-weight:700;letter-spacing:1px;text-align:center;margin-top:-10px}.fyurirequest001 .content{background-color:rgba(255,255,255,0.9);padding:5px;height:318px;overflow:auto;font-family:'Karla',sans-serif;color:#000;font-family:"Times New Roman",Times,serif}
/* --- This code was written upon request. --- */</style>
<div style="overflow:auto;">
    <div class="fyurirequest001">
        <div class="header">
            Header Here
        </div>


        <div class="top">
            <p style="text-align: center;">
                <img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png">
            </p>
        </div>


        <div class="content">
            <p>
                <a contenteditable="false" data-ipshover="" data-ipshover-target="https://www.rpnation.com/profile/4426-ewolf20/?do=hovercard" data-mentionid="4426" href="https://www.rpnation.com/profile/4426-ewolf20/">@ewolf20</a>&nbsp;Here is your finished request.
            </p>


            <p>
                &nbsp;
            </p>


            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt quam vel diam mollis, id malesuada nibh auctor. Etiam non cursus dui. Aenean ac hendrerit nulla. Suspendisse in rhoncus neque. Praesent sed tellus et velit volutpat pharetra nec quis quam. Suspendisse eget commodo mauris.
            </p>


            <p>
                &nbsp;
            </p>


            <p>
                Nullam sodales mollis elit, ac condimentum lorem mollis eget. Cras suscipit cursus pulvinar. Integer posuere eu leo vitae commodo. Nulla dignissim mauris ac ante vulputate volutpat. Praesent mi augue, suscipit pretium nulla nec, efficitur mattis arcu.
            </p>


            <p>
                &nbsp;
            </p>


            <p>
                Nam maximus semper purus, quis iaculis risus.
            </p>
        </div>
    </div>
</div>

/* --- CSS/HTML Design by Fyuri. Tampering with CSS may result in the code or site breaking. Fyuri is not responsible for those who tamper with provided code. --- */
.fyurirequest001{width:315px;height:650px;margin:auto;background:green;background:-moz-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:-webkit-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:linear-gradient(to bottom,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='green',endColorstr='#cc661a',GradientType=0);padding:15px}.fyurirequest001 .content::-webkit-scrollbar{background-color:transparent;width:7px}.fyurirequest001 .content::-webkit-scrollbar-button:no-button{background-color:rgba(222,255,99,0.1)}.fyurirequest001 .content::-webkit-scrollbar-track{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-track-piece{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-thumb{background-color:rgba(222,255,99,0.8)}.fyurirequest001 .content::-webkit-scrollbar-corner{background-color:transparent;visibility:collapse!important}.fyurirequest001 .content::-webkit-resizer{background-color:transparent}.fyurirequest001 .top{padding:0 15px 15px}.fyurirequest001 .top img{max-height:260px;border:none}.fyurirequest001 .header{font-family:'Cinzel',serif;color:#DEFF63;font-size:28px;font-weight:700;letter-spacing:1px;text-align:center;margin-top:-10px}.fyurirequest001 .content{background-color:rgba(255,255,255,0.9);padding:5px;height:318px;overflow:auto;font-family:'Karla',sans-serif;color:#000;font-family:"Times New Roman",Times,serif}
/* --- This code was written upon request. This is to not be used for a reference. --- */



Header Here







@ewolf20 Here is your finished request.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt quam vel diam mollis, id malesuada nibh auctor. Etiam non cursus dui. Aenean ac hendrerit nulla. Suspendisse in rhoncus neque. Praesent sed tellus et velit volutpat pharetra nec quis quam. Suspendisse eget commodo mauris.


Nullam sodales mollis elit, ac condimentum lorem mollis eget. Cras suscipit cursus pulvinar. Integer posuere eu leo vitae commodo. Nulla dignissim mauris ac ante vulputate volutpat. Praesent mi augue, suscipit pretium nulla nec, efficitur mattis arcu.


Nam maximus semper purus, quis iaculis risus.






<p style="display:none;">
    &nbsp;
</p>
<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
<style type="text/css">
/* --- CSS/HTML Design by Fyuri. Tampering with CSS may result in the code or site breaking. Fyuri is not responsible for those who tamper with provided code. --- */
.fyurirequest001{width:315px;height:650px;margin:auto;background:green;background:-moz-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:-webkit-linear-gradient(top,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);background:linear-gradient(to bottom,rgba(0,128,0,1) 0%,rgba(173,255,47,1) 35%,rgba(222,255,99,1) 65%,rgba(204,102,26,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='green',endColorstr='#cc661a',GradientType=0);padding:15px}.fyurirequest001 .content::-webkit-scrollbar{background-color:transparent;width:7px}.fyurirequest001 .content::-webkit-scrollbar-button:no-button{background-color:rgba(222,255,99,0.1)}.fyurirequest001 .content::-webkit-scrollbar-track{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-track-piece{background-color:transparent}.fyurirequest001 .content::-webkit-scrollbar-thumb{background-color:rgba(222,255,99,0.8)}.fyurirequest001 .content::-webkit-scrollbar-corner{background-color:transparent;visibility:collapse!important}.fyurirequest001 .content::-webkit-resizer{background-color:transparent}.fyurirequest001 .top{padding:0 15px 15px}.fyurirequest001 .top img{max-height:260px;border:none}.fyurirequest001 .header{font-family:'Cinzel',serif;color:#DEFF63;font-size:28px;font-weight:700;letter-spacing:1px;text-align:center;margin-top:-10px}.fyurirequest001 .content{background-color:rgba(255,255,255,0.9);padding:5px;height:318px;overflow:auto;font-family:'Karla',sans-serif;color:#000;font-family:"Times New Roman",Times,serif}
/* --- This code was written upon request. --- */</style>
<div style="overflow:auto;">
    <div class="fyurirequest001">
        <div class="header">
            Header Here
        </div>


        <div class="top">
            <p style="text-align: center;">
                <img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png">
            </p>
        </div>


        <div class="content">
            <p>
                <a contenteditable="false" data-ipshover="" data-ipshover-target="https://www.rpnation.com/profile/4426-ewolf20/?do=hovercard" data-mentionid="4426" href="https://www.rpnation.com/profile/4426-ewolf20/">@ewolf20</a>&nbsp;Here is your finished request.
            </p>


            <p>
                &nbsp;
            </p>


            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt quam vel diam mollis, id malesuada nibh auctor. Etiam non cursus dui. Aenean ac hendrerit nulla. Suspendisse in rhoncus neque. Praesent sed tellus et velit volutpat pharetra nec quis quam. Suspendisse eget commodo mauris.
            </p>


            <p>
                &nbsp;
            </p>


            <p>
                Nullam sodales mollis elit, ac condimentum lorem mollis eget. Cras suscipit cursus pulvinar. Integer posuere eu leo vitae commodo. Nulla dignissim mauris ac ante vulputate volutpat. Praesent mi augue, suscipit pretium nulla nec, efficitur mattis arcu.
            </p>


            <p>
                &nbsp;
            </p>


            <p>
                Nam maximus semper purus, quis iaculis risus.
            </p>
        </div>
    </div>
</div>




 




data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==


thank you. that was kinda fast too.
 
@Ambela I'mma working on yours.  I have been for a bit and am about 80% complete.
 
I can't wait. I'm sure it will look fabulous.  = )

-explosions and smoke- Everything is working -sputtering sounds-  I promise
 
@import "https://fonts.googleapis.com/css?family=Bungee+Hairline|Raleway";.fyurirequest002{background-color:transparent;width:908px;height:408px;margin:auto}.fyurirequest002 div::-webkit-scrollbar{width:3px;background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-button:no-button{background-color:#ffb7c3}.fyurirequest002 div::-webkit-scrollbar-track{background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-track-piece:{background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-thumb{background-color:#ffb7c3}.fyurirequest002 div::-webkit-scrollbar-corner{background-color:transparent}.fyurirequest002 div::-webkit-resizer{background-color:transparent}.fyurirequest002 img{border:4px double #ffb7c3;height:200px;object-fit:cover}.fyurirequest002 .imgsL{float:left;width:200px;max-height:400px;background-color:transparent;overflow:hidden;align:center}.fyurirequest002 .imgsR{float:left;width:200px;max-height:400px;background-color:transparent}.fyurirequest002 .header{font-family:'Bungee Hairline',cursive;font-weight:900;font-size:30px;color:#ffb7c3;-webkit-text-stroke:1px #ffb7c3}.fyurirequest002 .centercntr{float:left;width:500px;height:400px;background:#bcf4f5;background:-moz-linear-gradient(top,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);background:-webkit-linear-gradient(top,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);background:linear-gradient(to bottom,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#bcf4f5',endColorstr='#d3fac7',GradientType=0);padding:5px}.fyurirequest002 .centertop{width:100%;background-color:#ccc;margin:auto}.fyurirequest002 .centertop1{float:left;width:242px;height:200px;background-color:#fff;border:4px double #ffb7c3;padding:6px;font-family:'Raleway',sans-serif;margin-right:5px;overflow:auto}.fyurirequest002 .centertop2{float:left;width:242px;height:200px;background-color:#fff;border:4px double #ffb7c3;padding:5px;font-family:'Raleway',sans-serif;overflow:auto}.fyurirequest002 .centerbottom{float:left;width:100%;height:185px;background-color:#fff;border:4px double #ffb7c3;margin-top:5px;padding:5px;font-family:'Raleway',sans-serif;overflow:auto}




large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png


large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png





HEADER


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a tortor at erat scelerisque mollis vitae quis lorem. Nam at urna enim. Nulla blandit vehicula massa, eget ultricies elit convallis id. Nullam metus ante, laoreet eget purus at, tempor pharetra mi. Duis dignissim ante a varius semper. Maecenas congue vehicula semper. Aliquam euismod nec odio ac varius. Morbi arcu odio, placerat pharetra neque in, gravida tempor massa.



HEADER


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a tortor at erat scelerisque mollis vitae quis lorem. Nam at urna enim. Nulla blandit vehicula massa, eget ultricies elit convallis id. Nullam metus ante, laoreet eget purus at, tempor pharetra mi. Duis dignissim ante a varius semper. Maecenas congue vehicula semper. Aliquam euismod nec odio ac varius. Morbi arcu odio, placerat pharetra neque in, gravida tempor massa.





HEADER


@Ambela Here it is. (。ŏ﹏ŏ) 


Fusce ut ornare neque. Donec mattis pellentesque semper. Proin varius metus molestie, iaculis ex molestie, imperdiet velit. Maecenas hendrerit ullamcorper ultricies. Sed viverra risus purus, ut mattis purus posuere ac. Sed nisi nisi, suscipit a aliquam quis, ultrices eu dui. Curabitur sodales enim augue, ac lobortis nisi rutrum in. Nunc sed arcu quis enim semper bibendum. Suspendisse vestibulum lobortis leo nec mollis. Aliquam mauris ligula, posuere quis metus vel, lacinia consectetur felis. Mauris in enim porta, blandit lorem nec, tincidunt odio. Curabitur euismod, dui quis ultricies accumsan, libero mauris varius felis, ut mattis augue ex sagittis purus. Mauris eu placerat ex.





large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png


large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png






Code:
<p style="display:none;">
	&nbsp;
</p>
<style type="text/css">
@import "https://fonts.googleapis.com/css?family=Bungee+Hairline|Raleway";.fyurirequest002{background-color:transparent;width:908px;height:408px;margin:auto}.fyurirequest002 div::-webkit-scrollbar{width:3px;background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-button:no-button{background-color:#ffb7c3}.fyurirequest002 div::-webkit-scrollbar-track{background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-track-piece:{background-color:transparent}.fyurirequest002 div::-webkit-scrollbar-thumb{background-color:#ffb7c3}.fyurirequest002 div::-webkit-scrollbar-corner{background-color:transparent}.fyurirequest002 div::-webkit-resizer{background-color:transparent}.fyurirequest002 img{border:4px double #ffb7c3;height:200px;object-fit:cover}.fyurirequest002 .imgsL{float:left;width:200px;max-height:400px;background-color:transparent;overflow:hidden;align:center}.fyurirequest002 .imgsR{float:left;width:200px;max-height:400px;background-color:transparent}.fyurirequest002 .header{font-family:'Bungee Hairline',cursive;font-weight:900;font-size:30px;color:#ffb7c3;-webkit-text-stroke:1px #ffb7c3}.fyurirequest002 .centercntr{float:left;width:500px;height:400px;background:#bcf4f5;background:-moz-linear-gradient(top,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);background:-webkit-linear-gradient(top,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);background:linear-gradient(to bottom,rgba(188,244,245,1) 0%,rgba(180,235,202,1) 35%,rgba(217,242,180,1) 65%,rgba(173,188,230,1) 100%,rgba(211,250,199,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#bcf4f5',endColorstr='#d3fac7',GradientType=0);padding:5px}.fyurirequest002 .centertop{width:100%;background-color:#ccc;margin:auto}.fyurirequest002 .centertop1{float:left;width:242px;height:200px;background-color:#fff;border:4px double #ffb7c3;padding:6px;font-family:'Raleway',sans-serif;margin-right:5px;overflow:auto}.fyurirequest002 .centertop2{float:left;width:242px;height:200px;background-color:#fff;border:4px double #ffb7c3;padding:5px;font-family:'Raleway',sans-serif;overflow:auto}.fyurirequest002 .centerbottom{float:left;width:100%;height:185px;background-color:#fff;border:4px double #ffb7c3;margin-top:5px;padding:5px;font-family:'Raleway',sans-serif;overflow:auto}</style>
<div style="overflow:auto;">
	<div class="fyurirequest002">
		<div class="imgsL">
			<p style="text-align: right;">
				<img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png">
			</p>

			<p style="text-align: right;">
				<img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png">
			</p>
		</div>

		<div class="centercntr">
			<div class="centertop">
				<div class="centertop1">
					<div class="header" style="text-align: center;">
						HEADER
					</div>

					<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a tortor at erat scelerisque mollis vitae quis lorem. Nam at urna enim. Nulla blandit vehicula massa, eget ultricies elit convallis id. Nullam metus ante, laoreet eget purus at, tempor pharetra mi. Duis dignissim ante a varius semper. Maecenas congue vehicula semper. Aliquam euismod nec odio ac varius. Morbi arcu odio, placerat pharetra neque in, gravida tempor massa.
					</p>
				</div>

				<div class="centertop2">
					<div class="header" style="text-align: center;">
						HEADER
					</div>

					<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla a tortor at erat scelerisque mollis vitae quis lorem. Nam at urna enim. Nulla blandit vehicula massa, eget ultricies elit convallis id. Nullam metus ante, laoreet eget purus at, tempor pharetra mi. Duis dignissim ante a varius semper. Maecenas congue vehicula semper. Aliquam euismod nec odio ac varius. Morbi arcu odio, placerat pharetra neque in, gravida tempor massa.
					</p>
				</div>
			</div>

			<div class="centerbottom">
				<div class="header" style="text-align: center;">
					HEADER
				</div>

				<p>
					<a contenteditable="false" data-ipshover="" data-ipshover-target="https://www.rpnation.com/profile/36128-ambela/?do=hovercard" data-mentionid="36128" href="https://www.rpnation.com/profile/36128-ambela/">@Ambela</a>&nbsp;Here it is.&nbsp;(。ŏ﹏ŏ)&nbsp;
				</p>

				<p>
					&nbsp;
				</p>

				<p>
					Fusce ut ornare neque. Donec mattis pellentesque semper. Proin varius metus molestie, iaculis ex molestie, imperdiet velit. Maecenas hendrerit ullamcorper ultricies. Sed viverra risus purus, ut mattis purus posuere ac. Sed nisi nisi, suscipit a aliquam quis, ultrices eu dui. Curabitur sodales enim augue, ac lobortis nisi rutrum in. Nunc sed arcu quis enim semper bibendum. Suspendisse vestibulum lobortis leo nec mollis. Aliquam mauris ligula, posuere quis metus vel, lacinia consectetur felis. Mauris in enim porta, blandit lorem nec, tincidunt odio. Curabitur euismod, dui quis ultricies accumsan, libero mauris varius felis, ut mattis augue ex sagittis purus. Mauris eu placerat ex.
				</p>
			</div>
		</div>

		<div class="imgsR">
			<p style="text-align: left;">
				<img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png">
			</p>

			<p style="text-align: left;">
				<img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png">
			</p>
		</div>
	</div>
</div>
 
Do you wish this to be mobile friendly? (Yes/No) eh, nope.


Fonts: (If there are any specific fonts, name them here; Google Fonts only.) Annie Use Your Telescope font


Images: (Please provide any images you wish to use, max limit is 5, though, for mobile friendly, limit is 1 currently.) just use placeholders on the top left corner


Colors: (You can give a scheme, palette, just one color, or tell me to do as I please.) the same color as old paper


Additional: (If you want content to scroll or not, scrollbar customization, how many sections you would like, etc.  Some things may need to be discussed.) make it like a piece of paper similar to this


http://www.onlygfx.com/wp-content/uploads/2015/12/simple-old-paper-1-transparent.jpg
 
@ewolf20 As I've already recently completed a request from you, I am going to decline your newest request.
 
Do you wish this to be mobile friendly? (No)


Fonts: Courgette, or YellowTail


Images: Four place holders please. 


If you do image backgrounds then:

Photo_May_02__2_41_40_PM-9568 (1).jpg Not needed, just asking.

Colors: 

124.jpg

Additional: two-three sections. 
 
@LilyannaGaming I've added you to a slot.  I'll see what I can do. :3
 
Do you wish this to be mobile friendly? (Yes/No): No.


Fonts: (If there are any specific fonts, name them here; Google Fonts only.):  Annie Use Your Telescope


Images: (Please provide any images you wish to use, max limit is 5, though for mobile friendly, limit is 1 currently.): None!


Colors: (You can give a scheme, palette, just one color, or tell me to do as I please.):  

admin-ajax.png



Additional: (If you want content to scroll or not, scrollbar customization, how many sections you would like, etc.  Some things may need to be discussed.):
Only three text spots, maybe? Though anything is absolutely fine! 
 
Last edited by a moderator:
Do you wish this to be mobile friendly?No thank you


Fonts: Aldrich


Images: 4 placeholders as i;ll be using for a range of characters


Colors: A range of purples, nothing too dark though. (With notes on how to edit if possible >.<)


Additional: Scrolling content, purple scrollbars, if you can. Sections for backstory, appearance, design process and general information.


Like the one you did for Ambela if you can


Many thanks for doing these.
 
Last edited by a moderator:
@LilyannaGaming Your design is about 99% done, there is just a minor issue with a scrollbar that I cannot resolve like I've done for other designs.  I can give it to you as it currently is, or keep trying to fix this thing that mostly just annoys me personally, lol. 


@Eternal Dragonchild I've added your name a slot.
 
.fyurirequest003{background-color:#48120e;width:510px;height:510px;margin:auto}.fyurirequest003 .bg{position:relative;background-image:url(https://www.rpnation.com/uploads/monthly_2017_01/large.artworks-000163809959-6vhxgm-t500x500.jpg.6e8089546c947c9d96ba315f8057a906.jpg);height:500px;width:500px;border:3px solid #ab3e16;padding:10px;margin:auto;top:5px}.fyurirequest003 .imgs{width:100%;height:100px;text-align:center;margin-bottom:5px}.fyurirequest003 .imgs img{height:100px;max-width:100px;margin:0 5px;border:3px solid #ab3e16;object-fit:cover;padding:0}.fyurirequest003 .boxcontainer{height:367px;width:100%;overflow:auto;border:3px solid #ab3e16}.fyurirequest003 .boxcontainer::-webkit-scrollbar{width:7px;background:transparent}.fyurirequest003 .boxcontainer::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.2);background-color:rgba(248,243,230,0.8)}.fyurirequest003 .boxcontainer::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(72,18,14,0.8)}.fyurirequest003 .header{font-family:'Courgette',cursive;font-size:25px;color:color: #48120e}.fyurirequest003 .box1{background-color:rgba(248,243,230,0.8);width:100%;padding:5px;color:#48120e}.fyurirequest003 .box2{background-color:rgba(231,204,143,0.8);padding:5px;color:#48120e}.fyurirequest003 .box3{background-color:rgba(239,170,82,0.8);padding:5px;color:#48120e}




large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png
large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png
large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png
large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png





Header

@LilyannaGaming It's finished.  Each one of these colored areas is technically a section, however, they flow all together.  So each color box is a section that is typed in separately from the others.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam viverra tortor, at bibendum libero congue eget. Suspendisse feugiat diam ac tortor semper, at aliquet arcu scelerisque. Curabitur consequat dapibus dui in lacinia. Duis non dui eget magna blandit rutrum. Sed nec egestas turpis. 





Header

Nullam tempor molestie orci in lacinia. Aliquam sollicitudin tortor nisl. Donec sed eros sapien. Integer maximus urna tortor, vel tempus diam pharetra ac. Sed lobortis, sapien non elementum sodales, diam erat iaculis elit, quis pulvinar mi mauris tempus dolor. Donec pellentesque molestie eleifend. Donec dolor arcu, faucibus a volutpat at, euismod id sapien. In hac habitasse platea dictumst.





Header

Quisque id ultrices leo, vel sagittis diam. Aenean dui nulla, consequat id facilisis eu, lacinia quis ex. Sed arcu ante, dictum eget odio vel, condimentum congue sapien. Suspendisse potenti. Nulla facilisi. Fusce eleifend diam eu neque ultrices, vitae luctus lacus ultrices. Nunc magna velit, rutrum ut sapien nec, placerat ultricies leo. Quisque dictum pretium ante, ut interdum metus facilisis eleifend. Donec et ante turpis. Donec quis maximus urna.









Code:
<p style="display:none;">
	 
</p>
<link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet">
<style type="text/css">
.fyurirequest003{background-color:#48120e;width:510px;height:510px;margin:auto}.fyurirequest003 .bg{position:relative;background-image:url(https://www.rpnation.com/uploads/monthly_2017_01/large.artworks-000163809959-6vhxgm-t500x500.jpg.6e8089546c947c9d96ba315f8057a906.jpg);height:500px;width:500px;border:3px solid #ab3e16;padding:10px;margin:auto;top:5px}.fyurirequest003 .imgs{width:100%;height:100px;text-align:center;margin-bottom:5px}.fyurirequest003 .imgs img{height:100px;max-width:100px;margin:0 5px;border:3px solid #ab3e16;object-fit:cover;padding:0}.fyurirequest003 .boxcontainer{height:367px;width:100%;overflow:auto;border:3px solid #ab3e16}.fyurirequest003 .boxcontainer::-webkit-scrollbar{width:7px;background:transparent}.fyurirequest003 .boxcontainer::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.2);background-color:rgba(248,243,230,0.8)}.fyurirequest003 .boxcontainer::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(72,18,14,0.8)}.fyurirequest003 .header{font-family:'Courgette',cursive;font-size:25px;color:color: #48120e}.fyurirequest003 .box1{background-color:rgba(248,243,230,0.8);width:100%;padding:5px;color:#48120e}.fyurirequest003 .box2{background-color:rgba(231,204,143,0.8);padding:5px;color:#48120e}.fyurirequest003 .box3{background-color:rgba(239,170,82,0.8);padding:5px;color:#48120e}</style>
<div style="overflow:auto;">
	<div class="fyurirequest003">
		<div class="bg">
			<div class="imgs">
				<img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png"><img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png"><img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png"><img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png">
			</div>

			<div class="boxcontainer">
				<div class="box1">
					<div class="header">
						Header
					</div>

					<p>
						<a contenteditable="false" data-ipshover="" data-ipshover-target="https://www.rpnation.com/profile/25253-lilyannagaming/?do=hovercard" data-mentionid="25253" href="https://www.rpnation.com/profile/25253-lilyannagaming/" id="ips_uid_5389_10">@LilyannaGaming</a> It's finished.  Each one of these colored areas is technically a section, however, they flow all together.  So each color box is a section that is typed in separately from the others.
					</p>

					<p>
						 
					</p>

					<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam viverra tortor, at bibendum libero congue eget. Suspendisse feugiat diam ac tortor semper, at aliquet arcu scelerisque. Curabitur consequat dapibus dui in lacinia. Duis non dui eget magna blandit rutrum. Sed nec egestas turpis. 
					</p>
				</div>

				<div class="box2">
					<div class="header">
						Header
					</div>

					<p>
						Nullam tempor molestie orci in lacinia. Aliquam sollicitudin tortor nisl. Donec sed eros sapien. Integer maximus urna tortor, vel tempus diam pharetra ac. Sed lobortis, sapien non elementum sodales, diam erat iaculis elit, quis pulvinar mi mauris tempus dolor. Donec pellentesque molestie eleifend. Donec dolor arcu, faucibus a volutpat at, euismod id sapien. In hac habitasse platea dictumst.
					</p>
				</div>

				<div class="box3">
					<div class="header">
						Header
					</div>

					<p>
						Quisque id ultrices leo, vel sagittis diam. Aenean dui nulla, consequat id facilisis eu, lacinia quis ex. Sed arcu ante, dictum eget odio vel, condimentum congue sapien. Suspendisse potenti. Nulla facilisi. Fusce eleifend diam eu neque ultrices, vitae luctus lacus ultrices. Nunc magna velit, rutrum ut sapien nec, placerat ultricies leo. Quisque dictum pretium ante, ut interdum metus facilisis eleifend. Donec et ante turpis. Donec quis maximus urna.
					</p>
				</div>
			</div>
		</div>
	</div>
</div>
 
Last edited by a moderator:
.fyurirequest003{background-color:#48120e;width:510px;height:510px;margin:auto}.fyurirequest003 .bg{position:relative;background-image:url(https://www.rpnation.com/uploads/monthly_2017_01/large.artworks-000163809959-6vhxgm-t500x500.jpg.6e8089546c947c9d96ba315f8057a906.jpg);height:500px;width:500px;border:3px solid #ab3e16;padding:10px;margin:auto;top:5px}.fyurirequest003 .imgs{width:100%;height:100px;text-align:center;margin-bottom:5px}.fyurirequest003 .imgs img{height:100px;max-width:100px;margin:0 5px;border:3px solid #ab3e16;object-fit:cover;padding:0}.fyurirequest003 .boxcontainer{height:367px;width:100%;overflow:auto;border:3px solid #ab3e16}.fyurirequest003 .boxcontainer::-webkit-scrollbar{width:7px;background:transparent}.fyurirequest003 .boxcontainer::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.2);background-color:rgba(248,243,230,0.8)}.fyurirequest003 .boxcontainer::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(72,18,14,0.8)}.fyurirequest003 .header{font-family:'Courgette',cursive;font-size:25px;color:color: #48120e}.fyurirequest003 .box1{background-color:rgba(248,243,230,0.8);width:100%;padding:5px;color:#48120e}.fyurirequest003 .box2{background-color:rgba(231,204,143,0.8);padding:5px;color:#48120e}.fyurirequest003 .box3{background-color:rgba(239,170,82,0.8);padding:5px;color:#48120e}









Header

@LilyannaGaming It's finished.  Each one of these colored areas is technically a section, however, they flow all together.  So each color box is a section that is typed in separately from the others.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam viverra tortor, at bibendum libero congue eget. Suspendisse feugiat diam ac tortor semper, at aliquet arcu scelerisque. Curabitur consequat dapibus dui in lacinia. Duis non dui eget magna blandit rutrum. Sed nec egestas turpis. 





Header

Nullam tempor molestie orci in lacinia. Aliquam sollicitudin tortor nisl. Donec sed eros sapien. Integer maximus urna tortor, vel tempus diam pharetra ac. Sed lobortis, sapien non elementum sodales, diam erat iaculis elit, quis pulvinar mi mauris tempus dolor. Donec pellentesque molestie eleifend. Donec dolor arcu, faucibus a volutpat at, euismod id sapien. In hac habitasse platea dictumst.





Header

Quisque id ultrices leo, vel sagittis diam. Aenean dui nulla, consequat id facilisis eu, lacinia quis ex. Sed arcu ante, dictum eget odio vel, condimentum congue sapien. Suspendisse potenti. Nulla facilisi. Fusce eleifend diam eu neque ultrices, vitae luctus lacus ultrices. Nunc magna velit, rutrum ut sapien nec, placerat ultricies leo. Quisque dictum pretium ante, ut interdum metus facilisis eleifend. Donec et ante turpis. Donec quis maximus urna.









<p style="display:none;">
 
</p>
<link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet">
<style type="text/css">
.fyurirequest003{background-color:#48120e;width:510px;height:510px;margin:auto}.fyurirequest003 .bg{position:relative;background-image:url(https://www.rpnation.com/uploads/monthly_2017_01/large.artworks-000163809959-6vhxgm-t500x500.jpg.6e8089546c947c9d96ba315f8057a906.jpg);height:500px;width:500px;border:3px solid #ab3e16;padding:10px;margin:auto;top:5px}.fyurirequest003 .imgs{width:100%;height:100px;text-align:center;margin-bottom:5px}.fyurirequest003 .imgs img{height:100px;max-width:100px;margin:0 5px;border:3px solid #ab3e16;object-fit:cover;padding:0}.fyurirequest003 .boxcontainer{height:367px;width:100%;overflow:auto;border:3px solid #ab3e16}.fyurirequest003 .boxcontainer::-webkit-scrollbar{width:7px;background:transparent}.fyurirequest003 .boxcontainer::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.2);background-color:rgba(248,243,230,0.8)}.fyurirequest003 .boxcontainer::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(72,18,14,0.8)}.fyurirequest003 .header{font-family:'Courgette',cursive;font-size:25px;color:color: #48120e}.fyurirequest003 .box1{background-color:rgba(248,243,230,0.8);width:100%;padding:5px;color:#48120e}.fyurirequest003 .box2{background-color:rgba(231,204,143,0.8);padding:5px;color:#48120e}.fyurirequest003 .box3{background-color:rgba(239,170,82,0.8);padding:5px;color:#48120e}</style>
<div style="overflow:auto;">
<div class="fyurirequest003">
<div class="bg">
<div class="imgs">
<img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png"><img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png"><img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png"><img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png">
</div>

<div class="boxcontainer">
<div class="box1">
<div class="header">
Header
</div>

<p>
<a contenteditable="false" data-ipshover="" data-ipshover-target="https://www.rpnation.com/profile/25253-lilyannagaming/?do=hovercard" data-mentionid="25253" href="https://www.rpnation.com/profile/25253-lilyannagaming/" id="ips_uid_5389_10">@LilyannaGaming</a> It's finished.  Each one of these colored areas is technically a section, however, they flow all together.  So each color box is a section that is typed in separately from the others.
</p>

<p>
 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam viverra tortor, at bibendum libero congue eget. Suspendisse feugiat diam ac tortor semper, at aliquet arcu scelerisque. Curabitur consequat dapibus dui in lacinia. Duis non dui eget magna blandit rutrum. Sed nec egestas turpis. 
</p>
</div>

<div class="box2">
<div class="header">
Header
</div>

<p>
Nullam tempor molestie orci in lacinia. Aliquam sollicitudin tortor nisl. Donec sed eros sapien. Integer maximus urna tortor, vel tempus diam pharetra ac. Sed lobortis, sapien non elementum sodales, diam erat iaculis elit, quis pulvinar mi mauris tempus dolor. Donec pellentesque molestie eleifend. Donec dolor arcu, faucibus a volutpat at, euismod id sapien. In hac habitasse platea dictumst.
</p>
</div>

<div class="box3">
<div class="header">
Header
</div>

<p>
Quisque id ultrices leo, vel sagittis diam. Aenean dui nulla, consequat id facilisis eu, lacinia quis ex. Sed arcu ante, dictum eget odio vel, condimentum congue sapien. Suspendisse potenti. Nulla facilisi. Fusce eleifend diam eu neque ultrices, vitae luctus lacus ultrices. Nunc magna velit, rutrum ut sapien nec, placerat ultricies leo. Quisque dictum pretium ante, ut interdum metus facilisis eleifend. Donec et ante turpis. Donec quis maximus urna.
</p>
</div>
</div>
</div>
</div>
</div>

.fyurirequest003{background-color:#48120e;width:510px;height:510px;margin:auto}.fyurirequest003 .bg{position:relative;background-image:url(https://www.rpnation.com/uploads/monthly_2017_01/large.artworks-000163809959-6vhxgm-t500x500.jpg.6e8089546c947c9d96ba315f8057a906.jpg);height:500px;width:500px;border:3px solid #ab3e16;padding:10px;margin:auto;top:5px}.fyurirequest003 .imgs{width:100%;height:100px;text-align:center;margin-bottom:5px}.fyurirequest003 .imgs img{height:100px;max-width:100px;margin:0 5px;border:3px solid #ab3e16;object-fit:cover;padding:0}.fyurirequest003 .boxcontainer{height:367px;width:100%;overflow:auto;border:3px solid #ab3e16}.fyurirequest003 .boxcontainer::-webkit-scrollbar{width:7px;background:transparent}.fyurirequest003 .boxcontainer::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.2);background-color:rgba(248,243,230,0.8)}.fyurirequest003 .boxcontainer::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(72,18,14,0.8)}.fyurirequest003 .header{font-family:'Courgette',cursive;font-size:25px;color:color: #48120e}.fyurirequest003 .box1{background-color:rgba(248,243,230,0.8);width:100%;padding:5px;color:#48120e}.fyurirequest003 .box2{background-color:rgba(231,204,143,0.8);padding:5px;color:#48120e}.fyurirequest003 .box3{background-color:rgba(239,170,82,0.8);padding:5px;color:#48120e}









Header


@LilyannaGaming It's finished.  Each one of these colored areas is technically a section, however, they flow all together.  So each color box is a section that is typed in separately from the others.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam viverra tortor, at bibendum libero congue eget. Suspendisse feugiat diam ac tortor semper, at aliquet arcu scelerisque. Curabitur consequat dapibus dui in lacinia. Duis non dui eget magna blandit rutrum. Sed nec egestas turpis. 





Header

Nullam tempor molestie orci in lacinia. Aliquam sollicitudin tortor nisl. Donec sed eros sapien. Integer maximus urna tortor, vel tempus diam pharetra ac. Sed lobortis, sapien non elementum sodales, diam erat iaculis elit, quis pulvinar mi mauris tempus dolor. Donec pellentesque molestie eleifend. Donec dolor arcu, faucibus a volutpat at, euismod id sapien. In hac habitasse platea dictumst.





Header

Quisque id ultrices leo, vel sagittis diam. Aenean dui nulla, consequat id facilisis eu, lacinia quis ex. Sed arcu ante, dictum eget odio vel, condimentum congue sapien. Suspendisse potenti. Nulla facilisi. Fusce eleifend diam eu neque ultrices, vitae luctus lacus ultrices. Nunc magna velit, rutrum ut sapien nec, placerat ultricies leo. Quisque dictum pretium ante, ut interdum metus facilisis eleifend. Donec et ante turpis. Donec quis maximus urna.









<p style="display:none;">
 
</p>
<link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet">
<style type="text/css">
.fyurirequest003{background-color:#48120e;width:510px;height:510px;margin:auto}.fyurirequest003 .bg{position:relative;background-image:url(https://www.rpnation.com/uploads/monthly_2017_01/large.artworks-000163809959-6vhxgm-t500x500.jpg.6e8089546c947c9d96ba315f8057a906.jpg);height:500px;width:500px;border:3px solid #ab3e16;padding:10px;margin:auto;top:5px}.fyurirequest003 .imgs{width:100%;height:100px;text-align:center;margin-bottom:5px}.fyurirequest003 .imgs img{height:100px;max-width:100px;margin:0 5px;border:3px solid #ab3e16;object-fit:cover;padding:0}.fyurirequest003 .boxcontainer{height:367px;width:100%;overflow:auto;border:3px solid #ab3e16}.fyurirequest003 .boxcontainer::-webkit-scrollbar{width:7px;background:transparent}.fyurirequest003 .boxcontainer::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.2);background-color:rgba(248,243,230,0.8)}.fyurirequest003 .boxcontainer::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:rgba(72,18,14,0.8)}.fyurirequest003 .header{font-family:'Courgette',cursive;font-size:25px;color:color: #48120e}.fyurirequest003 .box1{background-color:rgba(248,243,230,0.8);width:100%;padding:5px;color:#48120e}.fyurirequest003 .box2{background-color:rgba(231,204,143,0.8);padding:5px;color:#48120e}.fyurirequest003 .box3{background-color:rgba(239,170,82,0.8);padding:5px;color:#48120e}</style>
<div style="overflow:auto;">
<div class="fyurirequest003">
<div class="bg">
<div class="imgs">
<img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png"><img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png"><img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png"><img alt="large_iph.png.dc94fd33702f7ca5a3605be694" class="ipsImage" src="https://www.rpnation.com/uploads/monthly_2017_01/large_iph.png.dc94fd33702f7ca5a3605be694d2c390.png">
</div>

<div class="boxcontainer">
<div class="box1">
<div class="header">
Header
</div>

<p>
<a contenteditable="false" data-ipshover="" data-ipshover-target="https://www.rpnation.com/profile/25253-lilyannagaming/?do=hovercard" data-mentionid="25253" href="https://www.rpnation.com/profile/25253-lilyannagaming/" id="ips_uid_5389_10">@LilyannaGaming</a> It's finished.  Each one of these colored areas is technically a section, however, they flow all together.  So each color box is a section that is typed in separately from the others.
</p>

<p>
 
</p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In aliquam viverra tortor, at bibendum libero congue eget. Suspendisse feugiat diam ac tortor semper, at aliquet arcu scelerisque. Curabitur consequat dapibus dui in lacinia. Duis non dui eget magna blandit rutrum. Sed nec egestas turpis. 
</p>
</div>

<div class="box2">
<div class="header">
Header
</div>

<p>
Nullam tempor molestie orci in lacinia. Aliquam sollicitudin tortor nisl. Donec sed eros sapien. Integer maximus urna tortor, vel tempus diam pharetra ac. Sed lobortis, sapien non elementum sodales, diam erat iaculis elit, quis pulvinar mi mauris tempus dolor. Donec pellentesque molestie eleifend. Donec dolor arcu, faucibus a volutpat at, euismod id sapien. In hac habitasse platea dictumst.
</p>
</div>

<div class="box3">
<div class="header">
Header
</div>

<p>
Quisque id ultrices leo, vel sagittis diam. Aenean dui nulla, consequat id facilisis eu, lacinia quis ex. Sed arcu ante, dictum eget odio vel, condimentum congue sapien. Suspendisse potenti. Nulla facilisi. Fusce eleifend diam eu neque ultrices, vitae luctus lacus ultrices. Nunc magna velit, rutrum ut sapien nec, placerat ultricies leo. Quisque dictum pretium ante, ut interdum metus facilisis eleifend. Donec et ante turpis. Donec quis maximus urna.
</p>
</div>
</div>
</div>
</div>
</div>



data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==


It's amazing. Thank you.
 

Users who are viewing this thread

Back
Top