side image on tumblr, help me please, i´m totally lost..., i just don´t know how to do this! |
side image on tumblr, help me please, i´m totally lost..., i just don´t know how to do this! |
sanmarino |
Feb 1 2012, 09:35 PM
Post
#1
|
Group: Members Posts: 1 Joined: 1-February 12 Member No.: 16,376 |
how are you all?
I really want to add a picture like the one on this blog (watercolor feather) but I have no idea how to do it! and I have searched everywhere... and the more I search the more I get lost! please someone help me! this is the code of the theme i am using: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <!-- lucid theme made by amy do not remove credits --> <meta name="color:text" content="#222"> <meta name="color:links" content="#222"> <meta name="color:nav links" content="#222"> <meta name="color:hover" content="#ccc"> <meta name="color:background" content="#fff"> <meta name="if:small posts" content="0" /> <meta name="if:bigger posts" content="1" /> <meta name="if:biggest posts" content="0" /> <meta name="if:small space between posts" content="0"/> <meta name="if:medium space between posts" content="0"/> <meta name="if:large space between posts" content="0"/> <meta name="if:endless scroll" content="0"/> <meta name="if:show archive" content="1"/> <meta name="if:show ask" content="1" /> <meta name="if:show captions" content="1" /> <meta name="font:title" content="Times New Roman" /> <meta name="font:body" content="Georgia" /> <meta name="text:title font size" content="9px" /> <meta name="text:font size" content="9px" /> <meta name="text:Custom Link One" content="" /> <meta name="text:Custom Link One Title" content="" /> <meta name="text:Custom Link Two" content="" /> <meta name="text:Custom Link Two Title" content="" /> <meta name="text:Custom Link Three" content="" /> <meta name="text:Custom Link Three Title" content="" /> <meta name="text:Custom Link Four" content="" /> <meta name="text:Custom Link Four Title" content="" /> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <link rel="shortcut icon" href="{Favicon}"> <title>{Title}</title> <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"> body {height:100%; text-align:justify; font-family: {font:body}; font-size: {text:font size}; line-height:9px; color:{color:text}; background-color:{color:background};} .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;} .allposts {margin-top:5px; margin-left:5px; width:550px; padding-top:px; overflow:shown;} a {text-decoration:none; color:{color:links}; -webkit-transition: 0.5s ease-in;} a:hover {-webkit-transition: 0.5s ease-in; color:{color:hover};} #entry {margin-bottom:20px;{block:Ifsmallspacebetweenposts}margin-bottom: 4px;{/block:Ifsmallspacebetweenposts} {block:Ifmediumspacebetweenposts}margin-bottom:10px;{/block:Ifmediumspacebetweenposts} {block:Iflargespacebetweenposts}margin-bottom: 30px;{/block:Iflargespacebetweenposts} {block:ifsmallposts}width:300px;{/block:ifsmallposts}{block:ifbiggerposts} width:400px;{/block:ifbiggerposts}{block:ifbiggestposts} width:600px;{/block:ifbiggestposts}} #entry img {{block:ifsmallposts}width:300px;{/block:ifsmallposts}{block:ifbiggerposts} width:400px;{/block:ifbiggerposts}{block:ifbiggestposts} width:600px;{/block:ifbiggestposts}} a img {border:0px;} #entry:hover .permalink {opacity: 1;} .info {{block:ifsmallposts}left:307px;{/block:ifsmallposts}{block:ifbiggerposts} left:407px;{/block:ifbiggerposts}{block:ifbiggestposts} left:607px;{/block:ifbiggestposts} top:-8px; padding:10px 10px 10px 10px; position:fixed; width:200px; height:100%; background-color:transparent; border-left: 1px dotted #dedede;} .blogtitle {font-family: {font:title}; padding-bottom:px; text-align:left; font-size:{text:title font size}; letter-spacing:4px; text-transform:lowercase;} div.navlinks a {padding:1px; text-align:left; display:block; position:relative; color:{color:Nav Links};} div.navlinks a:hover {display:block; padding:1px; color:{color:Hover};} .header {margin-left:-200px; position:fixed; width:200px;} .h2, .title {border-bottom:1px dotted #dadada; font-size:10px; font-family: {font:body}; letter-spacing: 2px;} .h3 {text-transform:uppercase;} .h4 {font-family: georgia; font-size:20px; line-height:25px; font-weight:; font-style:italic; letter-spacing: 2px; text-transform:lowercase; display:block;} .h5 {color:{color:title}; font-family: arial ; font-size:40px; line-height:41px; font-weight:; font-style:; text-transform:lowercase; text-align:right;} #pag {width:3px; position:fixed; margin-bottom:-2px; margin-left:-0px; padding:5px; font-size:9px; bottom:2px;} .audio {background-color:#000000; margin-bottom : -10px; {block:ifsmallposts}width:300px;{/block:ifsmallposts}{block:ifbiggerposts} width:400px;{/block:ifbiggerposts}{block:ifbiggestposts} width:600px;{/block:ifbiggestposts}} .answer {color:{color:Text}; font-style:italic; margin-bottom:-15px;} div.video embed, div.post div.video object {{block:ifsmallposts}width:300px;{/block:ifsmallposts}{block:ifbiggerposts} width:400px;{/block:ifbiggerposts}{block:ifbiggestposts} width:600px;{/block:ifbiggestposts} height:300px;} ol.notes {padding: 0px; margin-top:20px; margin-bottom: 10px; list-style-type: none; font-size:9px; text-align: left; } ol.notes li.note { border-top: solid 0px #ccc; padding: 0 0 3px 0; } ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;} ol.notes li.note span.action { font-weight: normal; font-size: 9px; text-align:left;} ol.notes li.note span.action a {font-size: 9px; font-weight: normal; text-align:left; } ol.notes li.note .answer_content { font-size: 9px; font-weight: normal; line-height: 10px; } ol.notes li.note blockquote { font-size: 9px; border-color: none; padding: 1px 3px; margin: 3px 0 3px 7px;} ol.notes li.note blockquote a { font-size: 9px; text-decoration: none; } blockquote {padding-left: 7px; border-left: 1px solid {color:Text}; margin: 3px 10px 3px 7px;} .permalink {float: left; margin-left: -6px; margin-top:0px; padding-top:0px; position: absolute; text-align: left; width: 50px; height:10px; font-size: 9px; courier new; -webkit-transition: 0.5s ease-in; opacity:0;} .permalink a{color:{color:permalink};} .permalink a:hover {color:{color:permalink};} .entry:hover .permalink {opacity: 1;} </style> {block:IfEndlessScroll} <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script> {/block:IfEndlessScroll} </head> <body> <div class="allposts"> <div class="info"> <div class="blogtitle"><a href="/">{Title}</a></div> <div class="navlinks"> <br> {block:Ifshowarchive}<a href="/archive">archive</a>{/block:Ifshowarchive} {block:Ifshowask}<a href="/ask">message</a>{/block:Ifshowask} {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages} <a href="http://arreter.tumblr.com">credit</a> <br> {block:Description}{Description}<br>{/block:Description} <br> {block:IfNotEndlessScroll}<div id="pag"> {block:PreviousPage}<a href="{PreviousPage}" title="newer">back</a> {/block:PreviousPage} <BR> {block:NextPage}<a href="{NextPage}" title="older">onward</a>{/block:NextPage}{/block:IfNotEndlessScroll} </div></div></div> </div></div> {block:IfEndlessScroll} <div class="autopagerize_page_element"> {/block:IfEndlessScroll} {block:Posts} {block:Text} <div id="entry"> <span class="permalink"><a href="{Permalink}">#</a></span> {block:Title}<div class="title">{Title}</div>{/block:Title} <div style="margin-top:-5px;">{Body}</div> </div> {/block:Text} {block:Photo} <div id="entry"> <span class="permalink"><a href="{Permalink}">#</a></span> {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="550"/><div style="margin-top:-4px; margin-bottom:-4px;"></div> {block:IndexPage}</a>{/block:IndexPage} {block:PermalinkPage}{LinkCloseTag} {/block:PermalinkPage} {block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions}</div> {/block:Photo} {block:Photoset} <div id="entry"> <span class="permalink"><a href="{Permalink}">#</a></span> <div style="width:{text:Width}px !important;">{Photoset-500}</div> {block:PermalinkPage}+{/block:PermalinkPage} {block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions}</div> {/block:Photoset} {block:Quote} <div id="entry"> <span class="permalink"><a href="{Permalink}">#</a></span> "<i>{Quote}</i>"<br> {block:Source}— <b>{Source}</b>{/block:Source} </div> {/block:Quote} {block:Link} <div id="entry"> <span class="permalink"><a href="{Permalink}">#</a></span> <div class="h2"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Chat} <div id="entry"> <span class="permalink"><a href="{Permalink}">#</a></span> {block:Title}<i>{Title}</i>{/block:Title}<br> {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines} </div> {/block:Chat} {block:Audio} <div id="entry"> <span class="permalink"><a href="{Permalink}">#</a></span> <div class="audio"> {AudioPlayerBlack}</div><br> <div style="padding:2px; font-size:10px; text-align:left;font-style:italic;">{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div> {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage} </div> {/block:Audio} {block:Answer} <div id="entry"> <span class="permalink"><a href="{Permalink}">#</a></span> <div class="answer">{Asker}: {Question}</div><br> <div style="margin-bottom:-5px;">{Answer}</div> </div> {/block:answer} {block:Video} <div id="entry"> <div class="video"> <span class="permalink"><a href="{Permalink}">#</a></span> {Video-500} {block:Caption}{Caption}{/block:Caption} </div></div> {/block:Video} {block:PermalinkPage}{block:Caption}<div style="margin-top:-5px;">{Caption}</div>{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="TagURL">{Tag}</a>, {/block:Tags}{/block:hasTags}{/block:PermalinkPage} {block:PostNotes} <br> {PostNotes} {/block:PostNotes} {/block:Posts} {block:IfEndlessScroll}</div>{/block:IfEndlessScroll} </div> </body> </html> If you could help me I´d be so grateful! |
Lo-Fi Version | Time is now: 29th March 2024 - 08:00 AM |