'ADJUSTABLE' (BLOG LAYOUT / FREE)
07
jan
adjustable
free adjustable blog layout
free adjustable blog layout
I don't really know what's up with me and blog layouts, but... here have another one haha. I realise I prefer the simple black and white, minimalistic kind of blog layouts because the content of the blog might already be elaborate. Which is why I decided to take the minimalistic approach with the design.
And, it's also adjustable! For some reason I have an urge to do adjustable layouts, there's just a few limitations with it. I'll show you a few shots of the layout on different devices listed iPad portrait, iPad landscape, mobile portrait, mobile landscape respectively. Open photos in new tab for better quality.
Click here for code. Please don't tamper or remove the credits on the bottom of the layout. Press Shift + Enter for a new line, press and hold Shift while pressing Enter twice for new paragraph. You don't need to comment if using, but it's highly appreciated.
Tip! When adding images, set the height and width to '100%'. You can add it in the width and height field when you go to add an image as weird as it seems to do so. But what this does is, it'll automatically adjust your image along with your layout if you're viewing it on a smaller device. So if you're viewing a blog on your phone, the image will automatically decrease in size.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.
Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
Donec sed libero lacinia, porttitor risus nec, aliquam quam. Phasellus aliquet pretium purus. Praesent pellentesque at est eu accumsan. Mauris ultrices mauris id nibh lacinia hendrerit. Ut rutrum, magna eu condimentum gravida, eros justo interdum felis, eu placerat quam nisl sit amet nulla. Etiam aliquam eu ante eget lobortis. Cras mollis ultrices neque. Vestibulum facilisis ante ante, a sollicitudin elit suscipit non.
Aenean quam erat, facilisis vitae mattis non, auctor ac dui. Nullam rutrum convallis volutpat. Suspendisse non risus lobortis, posuere velit et, varius arcu. Aenean ex elit, cursus a porttitor nec, vulputate in sapien.
And, it's also adjustable! For some reason I have an urge to do adjustable layouts, there's just a few limitations with it. I'll show you a few shots of the layout on different devices listed iPad portrait, iPad landscape, mobile portrait, mobile landscape respectively. Open photos in new tab for better quality.
Click here for code. Please don't tamper or remove the credits on the bottom of the layout. Press Shift + Enter for a new line, press and hold Shift while pressing Enter twice for new paragraph. You don't need to comment if using, but it's highly appreciated.
Tip! When adding images, set the height and width to '100%'. You can add it in the width and height field when you go to add an image as weird as it seems to do so. But what this does is, it'll automatically adjust your image along with your layout if you're viewing it on a smaller device. So if you're viewing a blog on your phone, the image will automatically decrease in size.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.
Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
Donec sed libero lacinia, porttitor risus nec, aliquam quam. Phasellus aliquet pretium purus. Praesent pellentesque at est eu accumsan. Mauris ultrices mauris id nibh lacinia hendrerit. Ut rutrum, magna eu condimentum gravida, eros justo interdum felis, eu placerat quam nisl sit amet nulla. Etiam aliquam eu ante eget lobortis. Cras mollis ultrices neque. Vestibulum facilisis ante ante, a sollicitudin elit suscipit non.
Aenean quam erat, facilisis vitae mattis non, auctor ac dui. Nullam rutrum convallis volutpat. Suspendisse non risus lobortis, posuere velit et, varius arcu. Aenean ex elit, cursus a porttitor nec, vulputate in sapien.
Comments