Text
HTML Structure
This is a sample of the HTML structure for Tumblr themes:
Source: http://freetexthost.com/qp3m4pqhhb
<html lang="en"> <head> <--DELETE THIS--> Here you should put any meta tags, banners and scripts you want to use. <--DELETE THIS--> <link rel=”shortcut icon” href=”{Favicon}”/> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <style type="text/css"> <--DELETE THIS--> Here is where you'll write your css, designing how your theme will look & where everything will be. The main four designs you need in here, is the body css, your post css, the box your posts are wrapped in css & the a sidebar design. <--DELETE THIS--> {CustomCSS} </style> </head> <body> <--DELETE THIS--> Here you will enter the 'content' html of the theme. If you have a sidebar for example, you'd need to type of something like <div id="sidebar">SIDEBAR CONTENT</div> <--END OF DELETE THIS--> <--DELETE THIS--> This is where you write the div you wrap your posts in. For example <div id="wrap"> <--END OF DELETE THIS--> {block:Posts} <--DELETE THIS--> This is where you write the post content. You need to add your posts design within this box, for example <div id="wrap">{block:Posts}<div id="post"></div>{/block:Posts}</div> Then you need to add your blocks for every type of post with these two, for example <div id="wrap"> <div id="post"> {block:Photo}<img src="{PhotoUrl">{/block:Photo} </div> {/block:Posts} </div> Please note: one of the </div>'s needs to go after {/block:posts} <--DELETE THIS--> {/block:Posts} </body> </html>
0 notes