The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> side image on tumblr, help me please, im totally lost..., i just dont know how to do this!
sanmarino
post 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 Id be so grateful!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 1st November 2014 - 01:50 AM