Shiny Purple Journal Layout This professional, simple, easy-to-use journal layout will really brighten up your userpage!
Note: This was created before the new simple click-to-install system, but it's still perfectly easy to use if you follow the instructions. Also, Google Chrome came out after this was made - it works perfectly well in that, too! It's only in Internet Explorer that the rounded corners don't show, but the layout's still fine. c:
How To Use First, you must click DOWNLOAD in order to gain access to the code. Choose 'Extract..'. Choose where you want the files to be extracted to, click 'OK', and go to where you extracted them. Then simply open the file 'instructions.txt', and off you go!
Note: For best results, please ensure that your 'Mood', 'Listening To', etc. information is set to 'At The Top'.
Question. I'm temporarily using this journal(which I really love, actually) but I want to make my own though. I have the code and design all ready, but I really wanted the side bar that's on this journal, but I can't seem to find the code. Could you point it out? I'd be really great full. Thanks.
Hi, apologies for taking a little while to get back to you! I've had such a backlog of messages, just finally getting through them~
The "sidebar" design of my layouts is created by there being two columns - one of them is just coded to be thinner! c: Here is the basic coding (to be edited to suit your design), for the CSS section:
In the header box: Type <div class="left"> to begin the main, wide column.
In the footer box: Type </div> to end the main column, and then (immediately afterwards, with no space) put <div class="right"> to begin the sidebar - then write all your sidebar stuff! Once you're done with that, just put </div> right at the end to close the sidebar. c:
The "sidebar" design of my layouts is created by there being two columns - one of them is just coded to be thinner! c: Here is the basic coding (to be edited to suit your design), for the CSS section:
.left {
overflow:auto;
width:66%!important;
width:65%;
height:500px;
vertical-align:top;
margin-top: 5px;
margin-bottom: 5px;
margin-left:1.75%;
background:#ffffff url(URL);
text-align:center;
padding: 0 5px 5px 5px;
float:left;
}
.right {
overflow:auto;
width:25%!important;
width:26%;
margin-top: 5px;
margin-left:5px;
margin-bottom: 5px;
margin-right:1.75%;
height:500px;
vertical-align:top;
background:#ffffff url(URL);
border:none;
text-align:center;
padding: 0 5px 5px 5px;
float:right;
}
In the header box:
Type <div class="left"> to begin the main, wide column.
In the footer box:
Type </div> to end the main column, and then (immediately afterwards, with no space) put <div class="right"> to begin the sidebar - then write all your sidebar stuff! Once you're done with that, just put </div> right at the end to close the sidebar. c:
Hope that helps! ♥
spammedaccount. Again, thank you very much~