Please help? With Tumblr Theme |
Please help? With Tumblr Theme |
Lixoods |
Aug 25 2011, 05:52 AM
Post
#1
|
Group: Members Posts: 1 Joined: 25-August 11 Member No.: 15,248 |
This is my current tumblr theme.
Click here to see a screen shot of it. Okay so here's what I want to do, As you can see the text & photos are put in a white little box. What I want to do, is keep everything on my theme the same, but change the way photos & texts are displayed. Instead of them being in a little box I want them to be like, Click here to see a screen shot of it. So here's the code of my theme, CODE <!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"> <!-- Killin' Hoes --> <head> <!-- DEFAULT VARIABLES --> <meta name="color:background" content="#FFFFFF" /> <meta name="image:background" content="http://static.tumblr.com/9u2zteh/ZQ6lj4ld9/2jfxirk.jpg"/> <meta name="color:text" content="#C2AEAE"> <meta name="color:title" content="#B9AAAA" /> <meta name="color:link" content="#C0B2B2" /> <meta name="color:link hover" content="#967676" /> <meta name="color:posts" content="#FAEFE3" /> <meta name="color:bars" content="#F7E4DE" /> <meta name="font:body" content="georgia" /> <meta name="image:Sidebar" content=""/> <meta name="if:show sidebar image" content="0"/> <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="" /> <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"> img{ -webkit-transition: opacity 0.7s linear; opacity: 1;} img:hover{ -webkit-transition: opacity 0.7s linear; opacity: 0.8; } img { border-style: none; } body{ color:{color:Text}; background-color:{color:background}; background-image:url({image:background}); background-postition:center; background-attachment: fixed; background-repeat: repeat; font-family:{font:body}; font-size:9px; letter-spacing: px; line-height: 12px; text-align:justify; } a:link, a:visited, a:active{color:{color:link}; text-decoration:none; line-height:16px; -webkit-transition-duration: .5s;} #container{ background-color:transparent; padding-bottom:5px; width:96%; position:absolute; left:0%; top:0%; } a:hover{color:{color:link hover}; text-decoration:italics; } #center{ margin-top:1px; margin-bottom:10px; margin-left:300px; } #entry{ float:left; width:250px; height:200px; overflow:hidden; background-color:{color:posts}; text-align:; margin:1px; padding:5px; padding-bottom:3px; margin-bottom:10px; box-shadow: 2px 2px 2px #EEEEEE; -moz-box-shadow: 1px 1px 1px #EEEEEE; -webkit-box-shadow: 1px 1px 1px #EEEEEE; } div.navigate a{ background:{color:bars}; color:{color:title}; letter-spacing: 0px; display:block; padding:0px 0; border: 0px solid #000000; width: 180px; margin-top:1px; position:relative; -webkit-transition-duration: .0s; z-index:1; } div.navigate a:hover{ font-weight: bold; letter-spacing: 1px; background:{color:posts}}; display:block; padding:0px 0; border: 0px solid #000000; z-index:2; } #perma{ color:{color:link}; background-color:{color:link hover}; opacity:0; position:right; -webkit-transition-duration: 0.4s; padding:4px; } #notes{ display:block; width:400px; float:center; padding:3px; margin:5px; } #entry:hover #perma {display: block; opacity:1; } .textposts { padding:20px; } .audio {width: 490px; background-color:#E4E4E4; padding:3px; -webkit-box-shadow: 3px 3px 3px #dcdcdc; } .title {color:{color:title}; font-family:Angsana New; font-size:32px; line-height:10px; letter-spacing:px; text-align:center; text-transform:; padding-top:3px; padding-bottom:5px; } #side{ float: left; position: fixed; top: 14px; left: 20px; width:250px; height:100%; -moz-border-radius:0px; -webkit-border-radius:0px; background-color:{color:posts}; border-left: 0px dotted {color:text}; border-right: 0px solid {color:text}; padding-left:8px; padding-right:6px; padding-bottom:3px; padding-top:3px; } div.killinhoes{ z-index:9; font-size:9px; display:block; position: fixed; right:0px; padding:5px; padding-right:15px; padding-left:15px; background-color: {color:posts}; } .bottomstrip{ width:1025px; margin-left:-7px; position:fixed; padding:1px; bottom:0px; background:{color:background}; text-transform:none; word-spacing:10px; text-align:center; z-index:3; } .right { margin: 0 0 px 0; overflow:hidden; text-align: left;} .totalright {float:right; margin-top:0px;} ol.notes {margin-left: 70px; width: 450px;} ol.notes a:hover {font-style:italic;} ol.notes li.note {padding: px; border-bottom:1px solid {color:link hover}; list-style-type:none;} ol.notes li.note img.avatar {vertical-align:-4px; margin-right:2px;width: 6px;height: 6px;} ol.notes li.note img.avatar:hover {-webkit-transform: scale(1);} ol.notes li.note blockquote {font-size: 1.1em; letter-spacing: -1px; margin-left: -1px; margin-top: -1px; margin-bottom: -1px;} ol.notes li.note .answer_content {font-size: 1.1em; letter-spacing: -1px; margin-left: -1px;margin-top: -1px; margin-bottom: -1px; display: block;} .label {font-weight: bold; letter-spacing: 1px;} ul.chat {list-style-type:none;} </style> <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script> <style type="text/css">{CustomCSS]</style> </head> <body> <div id="container"> <div id="center"> <div id="side"> <div class="title"><a href=""><i>{Title}</i></a></div> <center> <div class="navigate"> <div style="word-spacing:10px"> <a href="/">Home</a> <a href="/ask">Message</a> <a href="http://www.adolfxhitler.tumblr.com/Stuffyoushouldknow">Read this.</a> {block:IfCustomLinkOneTitle} <a href="{text:Custom Link One}"> {text:Custom Link One Title}</a> {/block:ifCustomLinkOneTitle} {block:ifCustomLinkTwoTitle} <a href="{text:Custom Link Two}"> {text:Custom Link Two Title}</a> {/block:ifCustomLinkTwoTitle} {block:ifCustomLinkThreeTitle} <a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a> {/block:ifCustomLinkThreeTitle} {block:ifCustomLinkFourTitle} <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> {/block:ifCustomLinkFourTitle}</div> </center> <BR> <BR> <center> {block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=245px></a>{/block:ifshowsidebarimage}<BR><BR> {block:Description} {Description}{/block:Description}</center> </div> <BR> <div class = "autopagerize_page_element"> {block:Posts} <div id="entry"> {block:Text} <div class="textposts"> {block:Title}<div style="border-bottom:1px solid #CCC; font-family:Trebuchet MS; font-size:10px;"><i>{Title}</i></div>{/block:Title}{Body} </div> <div id="perma"><a href="{Permalink}" title="{NoteCountWithLabel}">{24Hour}:{Minutes} - {NoteCountWithLabel}</a></div> {/block:Text} {block:Photo} {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" title="{PhotoAlt}" width="250px"/></a>{LinkCloseTag} <div id="perma"><a href="{Permalink}" >{24Hour}:{Minutes} - {NoteCountWithLabel}</a></div> {/block:Photo} {block:Photoset}{Photoset-300}{/block:Photoset} {block:Quote} <div class="textposts"> <span style="font-size:20px;">“</span> <span style="font-family:Trebuchet MS; font-size:9px; line-height:14px; "><i>{Quote}</i></span> <BR>{block:Source}—<span style="text-transform:uppercase;">{Source}</span>{/block:Source} </div> <div id="perma"><a href="{Permalink}" >{24Hour}:{Minutes} - {NoteCountWithLabel}</a></div> {/block:Quote} {block:Link} <a href="{URL}" {Target}>{Name}</a>{block:Description}{Description}{/block:Description} <div id="perma"><a href="{Permalink}" >{24Hour}:{Minutes} - {NoteCountWithLabel}</a></div> {/block:Link} {block:Chat} <div class="textposts"> {block:Title}{Title}{/block:Title} <div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<b>{Label} </b>{/block:Label}{Line}</div>{/block:Lines}</div> </div> <div id="perma"><a href="{Permalink}" >{24Hour}:{Minutes} - {NoteCountWithLabel}</a></div> {/block:Chat} {block:Audio} <div class="audio">{AudioPlayerGrey}</div> <center>{block:Caption}{Caption}{/block:Caption}</center> <div id="perma"><a href="{Permalink}" >{24Hour}:{Minutes} - {NoteCountWithLabel}</a></div> {/block:Audio} <div class="video"> {block:Video}{Video-300} {Caption}<div id="perma"><a href="{Permalink}" >{24Hour}:{Minutes} - {NoteCountWithLabel}</a></div>{/block:Video} </div> {block:Answer} <div class="textposts"> <div style="background-color:{color:box}; padding:1px; text-transform:;"> {Asker}: {Question}</div> <div style="padding:3px; background-color:{color:link hover}; -moz-border-radius:0px; -webkit-border-radius:5px;"><i>{Answer}</i></div> </div> <div id="perma"><a href="{Permalink}" >{24Hour}:{Minutes} - {NoteCountWithLabel} </a></div> {/block:Answer} <BR><BR><BR> </div> {/block:Posts} </div> </div> <center>{block:PostNotes} {Caption} {PostNotes}{/block:PostNotes}</center> </div> </body> </html> & Here is the code of the other theme, (theme six) CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- ---------------------------------- Theme Theme SIX by Max Davis, 2011. http://themaxdavis.tumblr.com ---------------------------------- --> <html> <head> <meta name="color:background" content="#fff"/> <meta name="color:center" content="#fff"/> <meta name="color:text" content="#808080"/> <meta name="color:title" content="#636363"/> <meta name="color:link" content="#2E2E2E"/> <meta name="color:link hover" content="#636363"/> <meta name="image:Background" content="" /> <meta name="image:Sidebar" content="" /> <meta name="if:infinite scrolling" content="1"/> <meta name="font:Body" content="Arial, Helvetica, sans-serif"/> <meta name="text:Next Page" content="Next Page" /> <meta name="text:Previous Page" content="Previous Page" /> <meta name="text:ask title" content=""/> <meta name="text:Link One" content="" /> <meta name="text:Link One Title" content="" /> <meta name="text:Link Two" content="" /> <meta name="text:Link Two Title" content="" /> <meta name="text:Link Three" content="" /> <meta name="text:Link Three Title" content="" /> <meta name="text:Link Four" content="" /> <meta name="text:Link Four Title" content="" /> <title>{Title}</title> <link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" /> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <link href="http://static.tumblr.com/8jq17g7/liCln580a/style_link.css" rel="stylesheet" type="text/css" /> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}{block:Ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:Ifinfinitescrolling} <script src="http://themaxdavisthemes.com/scripts/jquery-1.3.2.min.js" type="text/javascript"></script> </head> <style type="text/css"> iframe#tumblr_controls { top: 0px !important; margin: 0 0 0 0; right: 4px !important; opacity:0.65; position: fixed !important;} body{ margin-top: 0px; text-align:justify; text-transform:; color: {color:text}; font-family: {font:Body}; font-size: 8px; line-height: 11px; background-color:{color:background}; background-image:url({image:Background}); background-attachment: fixed; background-position:top center; background-repeat: repeat;} a:link, a:visited, a:active{ color: {color:link}; text-decoration:none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} a:hover{color: {color:link hover}; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} #center{ margin: 20px auto; width: 980px;} #container { color: {color:text}; margin-bottom:20px; line-height: 11px; font-size: 10px; width:750px;} #entry { background-color:{color:center}; float:left; {block:IndexPage} width:250px; height: 160px; overflow:hidden; {/block:IndexPage} {block:PermalinkPage} width:750px; float:right; padding-top:15px; {/block:PermalinkPage}} #photo {width:500px; height: 140px;} .label {font-weight:bold;} ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;} blockquote{padding:0px; padding-left:5px; margin:5px; border-left:1px dotted {color:dots};} blockquote img{display:block; width:100%;} blockquote p{padding:0px; margin:0px;} blockquote blockquote{position:relative; left:-2px; margin-top:0px; margin-right:0px; padding-right:0px;} {block:IndexPage}#entry img{margin-top:0px;}{/block:IndexPage} {block:IndexPage}#entry img{width:250px;} {/block:IndexPage} {block:IndexPage}#entry object, embed{width:200px; margin-left:0px; margin-top:0px;} {/block:IndexPage} {block:PermalinkPage}#entry object, embed{width:750px;}{/block:PermalinkPage} {block:PermalinkPage}#entry img{width: 500px;}{/block:PermalinkPage} #bottominfo{ padding:2px 0px 0px 0px; display:block; margin-left: auto; margin-right: auto; width: 500px;} #info{ background-color: {color:center}; float: right; width: 750px; padding-bottom:15px; margin-bottom:20px;} #notes{ background-color:{color:center}; display:block; width: 490px; line-height: 11px; float: right; padding: 5px; margin-top: 10px; text-align: left;} .notes img{ width:15px; position:relative; top:1px;} ol.notes, .notes li{ list-style:none; margin-top:1px; padding:0px;} .audioinfo{ display:block; margin-left:0px; margin-top: 0px; margin-bottom: 4px; text-align: left; height:10px; padding:2px; width:100%;} .audio{ display:block; background-color: transparant; z-index:-2;} a img{border:none;} #video object{position:relative; top:-20px;} #video{overflow:hidden;} .label { color: {color:bold text}; font-weight: bold; line-height:12px;} .odd { padding:2px;} h1 { color: {color:title}; font-size: 52px; line-height: 46px; text-transform: uppercase; letter-spacing: -2px;} h2 { color: {color:title}; font-size: 20px; line-height: 20px; text-transform: uppercase; letter-spacing: -1px; font-weight:bold;} h3 { color: {color:title}; font-size: 13px; letter-spacing: 0px; font-weight:bold;} bold { font-weight: bold;} div#sidebar{ font-size: 9px; background-color: {color:center}; width:200px; padding: 10px; padding-top: 10px; height: auto; position:fixed; float: right; margin-left: 760px;} #quote{padding:6px;} #textadd{padding:6px;} #linkadd{padding:6px;} #audioadd{padding:6px;} #chatadd{padding:6px;} #questionadd{padding-top:6px; padding-left:18px; padding-right:15px; padding-bottom: 5px;} #answeradd{padding-top:0px; padding-left:5px; padding-right:5px; padding-bottom: 0px;} div#entry .permalink1 a{color:#fff;} div#entry .permalink1 a:hover{ opacity:0.5; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all 0.3s linear;} div#entry .permalink1{ margin-top: 135px; width:236px; position:absolute; text-align: center; color:#fff; overflow:hidden; font-size:10px; white-space:nowrap; padding:7px; heigt:0px; -webkit-transition: opacity 0.7s linear; opacity: 0.0; background-color:#000; letter-spacing: -2px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;} div#entry:hover .permalink1{ letter-spacing: 0px; width:236px; overflow:visible; -webkit-transition: opacity 0.7s linear; opacity: 0.8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} #answer{ margin-top: 1px;} </style> <body> <div id="center"> <div id="sidebar"> {block:IfSidebarImage} <center><a href="/"><img src="{image:Sidebar}" width=200px/></a></center><br><br> {/block:IfSidebarImage} <center><a href="/"><h2>{title}</h2></a></center><br> {Description}<br><br> <center> {block:AskEnabled}<a href="/ask"><h3>{block:ifasktitle}{text:Ask Title}{/block:ifasktitle} {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>{/block:AskEnabled} </h3><br> {block:HasPages}{block:Pages} <a href="{URL}"><h3>{Label}</h3></a><br> {/block:Pages}{/block:HasPages} {block:ifshowarchive} <a href="/archive"><h3>Archive</h3></a><br> {/block:ifshowarchive} {block:ifshowrandom} <a href="/random"><h3>>Random</h3></a><br> {/block:ifshowrandom} {block:ifshowsubmit} <a href="/submit"><h3>Submi</h3>t</a><br> {/block:ifshowsubmit} {block:ifLinkOneTitle} <a href="{text:Link One}"><h3>{text:Link One Title}</h3></a><br> {/block:ifLinkOneTitle} {block:ifLinkTwoTitle} <a href="{text:Link Two}"><h3>{text:Link Two Title}</h3></a><br> {/block:ifLinkTwoTitle} {block:ifLinkThreeTitle} <a href="{text:Link Three}"><h3>{text:Link Three Title}</h3></a><br> {/block:ifLinkThreeTitle} {block:ifLinkFourTitle} <a href="{text:Link Four}"><h3>{text:Link Four Title}</h3></a><br> {/block:ifLinkFourTitle} <br> {block:IfNotinfinitescrolling} <center><br><br> {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">{text:Previous Page} </a> {/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}"> {text:Next Page}</a> {/block:NextPage} {/block:Pagination}</center> {block:IfNotinfinitescrolling} <center><br>Theme <a href="http://maxdavis-themes.tumblr.com/">Six</a>, by <a href="http://themaxdavis.com/">Max davis</a>.</center><br> </div> <div id="container"> <a href="http://maxdavis-themes.tumblr.com/"><div id="link"></div></a> <div class = "autopagerize_page_element" > {block:Posts} <div id="entry"> {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} {block:NoteCount}<a href="{permalink}">{NoteCountWithLabel}</a> - {/block:NoteCount} <a href="{ReblogURL}" target="_blank">Reblog</a> {/block:Date}</span></div> {/block:IndexPage} {block:Text} <div id="textadd"><h2>{Title}</h2>{Body}</div> {/block:Text} {block:Photo} {block:IndexPage} <div id="photo"><a href="{permalink}"> <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/></a> </div> {/block:IndexPage} {block:PermalinkPage}{LinkOpenTag} <center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> {block:Caption}{Caption}{/block:Caption}</center> {/block:PermalinkPage} {/block:Photo} {block:Photoset} <center> {block:IndexPage}{Photoset-500}{/block:IndexPage} {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} </center> {/block:Photoset} {block:Quote} <div id="quote"><h2>"{Quote}"</h2> {block:Source}{Source}{/block:Source}</div> {/block:Quote} {block:Link} <div id="linkadd"> <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a> {block:Description}{Description}{/block:Description} </div> {/block:Link} {block:Chat} <div id="chatadd">{block:Title}{Title}{/block:Title} {block:Lines} {block:Label} <div class="{Alt}"><span class="label"><b>{Label}</b></span> <span class="line">{Line}</span></div> {/block:Label} {/block:Lines}</div> {/block:Chat} {block:Video}<center>{block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center>{/block:Video} {block:Audio}<div id="audioadd"><span class="audio">{AudioPlayerBlack}</span><br> <div style="margin-top:8px; float:right;"><small> {FormattedPlayCount} plays</div> </div> {/block:Audio} {block:Answer}<div id="questionadd">{Asker} said:<BR> <h3>{Question}<h3></div><br> <div id="answeradd"><div id="answer"><i>{Answer}</i></div><br></div>{/block:Answer} </div> {block:PermalinkPage} {block:Date} <div id="info"><div id="bottominfo"> Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}"> {ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} </a> at {12Hour}:{Minutes}{AmPm} {block:RebloggedFrom} <br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>. {/block:RebloggedFrom} {block:Photo} {block:HighRes} <br>HighRes: <a href="{PhotoURL-HighRes}">view</a> {/block:HighRes} {/block:Photo} {block:Answer} <BR> Ask: <a href="/ask">{AskLabel}</a> {/block:Answer} {block:Audio} <BR>Plays: {FormattedPlayCount} {block:ExternalAudio} <BR>Download: <a href="{ExternalAudioURL}">here</a>. {/block:ExternalAudio} {/block:Audio} {block:HasTags} <BR>Tagged: {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags} {/block:HasTags} {block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount} <br><br> {PostNotes} </div></div> {/block:Date} {/block:PermalinkPage} {/block:Posts} </div> </div> </div> </body> </html> So what I want to know is, what from the code of theme six, do i need to put in mine in order for my pictures to come up like that & not having to change anything else from my layout except for that. |
Lo-Fi Version | Time is now: 19th April 2024 - 11:31 AM |