carisma_sensei (
carisma_sensei) wrote in
inconformista2013-09-12 07:13 pm
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Entry tags:
Kiki's Delivery Service
1024x768 resolution or above
DOUBTS/PROBLEMS/QUESTIONS

Click the thumbnail to preview the layout.
I wanted to make a simple layout with an image in the sidebar, more like we use to do in Tumblr, rather than a whole header at the top. You can use any image you want on your sidebar (instructions further below) but I used an image from Kiki's Delivery Service, hence the title of the layout :3 I know it's too simple and has really nothing too original to it, but I started making this for myself and thought someone would like it for it's simplicity in changing headers and having a small sidebar etc. Enjoy!Instructions→Go to the customize page and set your style to Transmogrified. Then save changes. →Go to customize your theme. →Sidebar set up: ![]() Go to modules and set up your sidebar like above. NOTE: Remember to hide all other modules. They are disabled but the cut tags "no cut tags" text appears and I don't know how to disable that except manually through the modules set up, sorry! →Finally, go to custom css and UNSELECT se layout's stylesheet(s) Now paste the overrides on the textbox and save the changes. That's it! DOUBTS/PROBLEMS/QUESTIONS Sidebar imageTo put up a sidebar image you have to go to the text option from the customize page. Find "Text for the 'Custom Text' box " and you'll see a box where you can type. Copy and paste this: Replace the url if you want to change the image to your own :D. NOTE: Size in pixels must be 400 x 250 to look like in the preview. It may be taller or smaller in height, but the width must be 400px to look right (as it's the width of the sidebar). ImagesSidebar picture. Feel free to use your own. Overrides→Paste this on your profile as credit for the layout. Terms of use-Comments are really appreciated. -You must credit ![]() -Feel free to edit the layout as you like as long as you: 1)Credit me in your profile (with a note that you edited the layout) and 2)Don't use my overrides to create and redistribute any layouts around the internet, they should be for your personal use only, thanks! ♥ |
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
Glad you like it :3
no subject
no subject
no subject
no subject
no subject
no subject
Thank you~
no subject
no subject
no subject
My only problem is that the sidebar tends to overlap the content in a lot of scenarios (iPad displays, any time browsers aren't maximized, etc.). But I think that's a necessary evil for the look (though I think it could be remedied by making it a fluid width layout + separated by percentages and just made to float relative; but though I can theorise all I want, I didn't do the hard work. >_<)
no subject
So sorry it's not fluid and looks weird on smaller resolutions and devices! I know it can be fixed, but I like the menu where it is and couldn't, for the life of me, find a way to make it flow with the rest when fluid because of the paddings and margins and also because each user has different words for the menu so... long story short, yeah, no fluid width xD
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
I had another tab called Navigation, so I had to adjust the size of the secondary box. The new width I messed with is 492px.
Also I should mention that the 1024px width resolution really doesn't cut it! I'm not sure if it's because I tampered with coding, but the journal entries are quite wide. I don't even know if it'll clash at 1366 resolutions either; it looks fine at 1920px widths though, heh.
no subject
Yes, the reason why the sidebar overlaps the entries is because you changed the sidebar width. Since it's wider now, the margin I left between sidebar and entries is no longer there. You could fix your layout by changing the width here:
To a higher %. 65 or 70 should be good.
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
no subject
Thank you! The two of them were my favorite members in Kagrra <3 Especially Nao who was always so funny xD