hi leute
ich hab jetzt so ziemlich alles fertig in meinen blog....
ich möchte noch unbedingt eine sache mit rein bauen!
das ist mein blog:
http://drc8514.tumblr.com/
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="color:Background" content="#ffffff"/> <meta name="color:Center" content="#ffffff"/> <meta name="color:Borders and header title" content="#000000"/> <meta name="color:Text" content="#B3B3B3"/> <meta name="color:Title" content="#000000"/> <meta name="color:Link" content="#000000"/> <meta name="color:Hover" content="#B3B3B3"/> <meta name="if:Infinite Scrolling" content="0"/> <meta name="if:Show Caption" content="0"/> <meta name="if:Show Post Borders" content="0"/> <meta name="image:Background" content="" /> <meta name="image:Sidebar" content="" /> <meta name="text:Header title" content="" /> <meta name="text:Ask Title" content="" /> <meta name="text:Next Page" content="Next Page" /> <meta name="text:Previous Page" content="Previous Page" /> <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="" /> {block:Description} <meta name="description" content="{MetaDescription}" />{/block:Description} <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage} {block:PostSummary} {PostSummary} - {/block:PostSummary}{Title}</title> {block:Ifinfinitescrolling} <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> {/block:Ifinfinitescrolling}<link href="http://fonts.googleapis.com/css?family=Oswald:regular&v1" rel="stylesheet" type="text/css"><script type="text/javascript" src=""></script> <meta name="viewport" content="width=820" /> <style type="text/css"> body{ line-height: 11px; overflow-x:hidden; color:{color:text}; margin:0px; font-size:10px; text-align: center; font-family:arial; background-color:{color:background}; background-image:url({image:Background}); background-attachment: fixed; background-position:top center; background-repeat: repeat;} a{color:{color:link}; text-decoration:none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out;} a:hover{color: {color:hover}; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} strong{color:#000;} img{border:none;} div#content{ margin: auto; width:520px; margin-top: 10px; margin-bottom: 20px; text-align: left;} div#center{ background-color:{color:Center}; margin-left: 0px; padding: 10px; width:500px; overflow:hidden; text-align: left;} div#header{ background-color:{color:Center}; padding: 10px; width:500px;} div#header h1 {font-size: 70px; line-height:90px; font-family: 'oswald', arial, serif; font-weight:normal; color:{color:Borders and header title}; letter-spacing:-2px; display:inline;} div#header hr{ width:270px; margin-top:15px; margin-bottom:30px; border: 0; height:3px; background-color:{color:Borders and header title};} div#header a{color:#ccc; letter-spacing:1px;} div#header a:hover{color:#444;} #entry{ margin-left:0px; width:500px; margin-bottom: 20px;} #entry img{ min-width:500px; max-width:500px; height:auto;} div#sidebar{ padding: 10px; font-size: 10px; width:260px; height:auto; margin-top:-370px; position: fixed; margin-left: 470px; {block:IfSidebarfadeonscrolldown} opacity:0; {block:IfSidebarfadeonscrolldown}} div#sidebar .image { {block:IfSidebarimageroundborders} {block:IfNotSidebarImage} -moz-border-radius: 100px; border-radius: 100px; {/block:IfNotSidebarImage} {block:IfSidebarImage} -moz-border-radius: 120px; border-radius: 120px; {/block:IfSidebarImage} {/block:IfSidebarimageroundborders}} blockquote{ margin: 10px; color: {color:text}; padding: 10px;} div.post div.conversation ul {list-style-type:none;} ol.notes { padding: 0px; font-weight:normal; margin: 10px 0px; list-style-type: none !important; border-bottom: 0px; line-height: 17px; margin-left: 50px; letter-spacing:0.5px; text-align: center;} .notes img{display:none;} ul {list-style-type:bullet;} ul:hover {color: #999;} ol {list-style-type: upper-roman;} ul:hover {color: #999;} blockquote{padding:0px 0px 2px 5px; margin:0px 0px 2px 1px;} blockquote p, ul{margin:0px; padding:0px; } ul, ol, li{list-style:none; margin:5px; padding:0px;} .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {font-weight: bold;} #answer{ margin-top: 8px; margin-left: -34px;} .title{ font-family: {font:Body}; font-weight:bold; font-size: 20px; line-height: 23px; letter-spacing: -1px; color: {color:title}; padding:1px 1px 0px 1px; text-transform:uppercase;} .title2{ font-family: {font:Body}; font-weight:bold; font-size: 15px; line-height: 23px; letter-spacing: -1px; color: {color:title}; padding:1px 1px 0px 1px;} .answer_post img{ height: 30px !important; max-width: 30px !important; min-width: 30px !important; width: 30px !important;} .answer_post .asker_portrait{ float:left; width:30px; margin-right:10px;} .answer_post .question{ float: left; font-size: 10px; font-weight: bold; margin: 0 0 15px; width: 360px;} .answer_post .answer{ clear: both; font-style: italic; margin-left: 40px; margin-top: 10px;} .quotesymbols{ font-size: 30px; opacity: 0.5; line-height: -10px;} .border{ background:{color:Borders and header title}; border: 0 none; height: 3px; margin: 12px auto; width: 270px; {block:IfShowPostBorders} display:none; {/block:IfShowPostBorders}} .permalink_photo_notes{ color: #FFFFFF; display: block; font-family: 'Oswald',arial,serif; font-size: 60px; opacity: 0; position: absolute; text-align: center; top: 44%; width: 500px; z-index: 1000 !important; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;} .permalink_photo_notes a { border-bottom:solid 3px white; padding:0 0 10px} #entry:hover .permalink_photo_notes { opacity:1; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;} .permalink_photo_notes a {color:#fff;} #entry:hover .permalink_photo_notes:hover{ opacity:1; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear;} #photo {width:500px;} #photo div#picture {position:relative; overflow:hidden;} #photo img {max-width:500px; display:block;} div#photo div#picture div#info { position:absolute; opacity: 0; top:0px; left:0; width:500px; height:100%; font-size:5px; visibility:hidden; z-index:998; text-align:center; background-color:#000; opacity 0.7s linear; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out;} #entry div#photo div#picture:hover div#info{ opacity 0.7s linear; opacity: 0.9; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;} div#photo div#picture div#info div#holder { position:absolute; z-index:999; color:#000;} div#photo div#picture div#info div#holder a,div#photo div#picture div#info div#holder a:hover { text-decoration:none; color:{color:Notes photo post hover}; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;} div#photo div#picture:hover div#info {visibility:visible;} .permalink{ display: block; font-size: 9px; text-align: right; float:left; position: absolute; margin-bottom: -40px; margin-top: 15px; height: 25px; width:100px; width: auto; margin-left: -150px;} div#entry .permalink1 a{color:#aaa;} div#entry .permalink1 a:hover{ color:#333; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all 0.3s linear;} div#entry .permalink1{ width:auto; {block:IfBackgroundImage} background-color:{color:center}; {/block:IfBackgroundImage} height: auto; position:absolute; width:100px; margin-top: -15px; text-align: left; padding-top:10px; padding-right:10px; padding-bottom:10px; font-style:italic; border-right: 4px solid {color:Borders and header title}; text-align: right; color:{color:permalink}; overflow:hidden; line-height:12px; font-size:10px; letter-spacing:0px; white-space:nowrap; -webkit-transition: opacity 0.7s linear; opacity: 0.0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all 0.5s linear;} div#entry:hover .permalink1{ letter-spacing: 0px; overflow:visible; -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all 0.2s linear;} div.padd { width: 100%; line-height: 11px; padding-top: 0px; padding-left: 5px; margin: 0px;} #answer{ margin-top: 10px; margin-left: -34px;} #sidebar_info { margin-left: 55px; height: auto; color: #aaa; padding:10px 0; width:170px; background-color: {color:center}; padding-bottom:15px; border-left: 4px solid {color:Borders and header title};} #sidebar_info_inside { {block:IfBackgroundImage} background-color: {color:center}; {/block:IfBackgroundImage} height: auto; padding: 10px; color: #aaa; padding:0 10px;} #sidebar_info h1 { font-size: 29px; line-height: 50px; font-family: 'oswald', arial, serif; font-weight:normal; color:{color:title}; letter-spacing:0px; display:inline;} #permalink_post_info { width: 200px; position:fixed; height: auto; {block:IfBackgroundImage} background-color: {color:center}; {/block:IfBackgroundImage} border-left: 4px solid {color:Borders and header title}; text-align:center; margin-left: 530px; padding-top:50px; padding-bottom:50px; padding:10px;} </style> <script type="text/javascript" src="http://static.tumblr.com/8jq17g7/Qrjln0pkr/jquery-1.2.6.min.js"></script> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /> <meta name="viewport" content="width=820" /> <meta name="robots" content="noindex"/> </head> <body> <div id="content"> <div id="header"> <center><a href="/"><h1>{block:ifNotHeadertitle}{title}{/block:ifNotHeadertitle} {block:ifHeadertitle}{text:Header title}{/block:ifHeadertitle}</h1></a></center> <center> {block:AskEnabled}<a href="/ask"> {block:ifAskTitle}{text:Ask Title}{/block:ifAskTitle} {block:ifnotAskTitle}{AskLabel}{/block:ifnotAskTitle}</a> {/block:AskEnabled} {block:HasPages}{block:Pages} <a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages} <iframe width="505" height="315" src="//www.youtube.com/embed/videoseries?list=PLd_3YCiF0TGrFiS102OSklYuQShdnYgRm&autoplay=1" frameborder="0" allowfullscreen></iframe> <a href=""></a> <hr> </center> </div> <div id="sidebar"> {block:IndexPage} <div id="sidebar_info"> <div id="sidebar_info_inside"> <div style="opacity:1;"> {block:IfSidebarImage} <img src="{image:Sidebar}" class="image" width=150px/> {/block:IfSidebarImage} {block:IfNotSidebarImage} <img src="{PortraitURL-128}" class="image"> {/block:IfNotSidebarImage}</div> <div id="sidebar_info_fade"> <h1> {block:ifLinkOneTitle} <a href="{text:Link One}">{text:Link One Title}</a> {/block:ifLinkOneTitle} {block:ifLinkTwoTitle} <a href="{text:Link Two}">{text:Link Two Title}</a> {/block:ifLinkTwoTitle} {block:ifLinkThreeTitle} <a href="{text:Link Three}">{text:Link Three Title}</a> {/block:ifLinkThreeTitle} {block:ifLinkFourTitle} <a href="{text:Link Four}">{text:Link Four Title}</a> {/block:ifLinkFourTitle} </h1> <br> {Description} {block:IfNotinfinitescrolling} <center> {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}" class="navi">{text:Previous Page} </a> {/block:PreviousPage} {block:JumpPagination length="4"} {block:CurrentPage} <span class="current_page" class="navi"><strong><font color="{color:link}">{PageNumber}</font></strong></span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}" class="navi">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}" class="navi"> {text:Next Page}</a> {/block:NextPage} {/block:Pagination} </center> {block:IfNotinfinitescrolling} </div> </div></div> {/block:IndexPage} {block:IfSidebarfadeonscrolldown} <script> var visible = 0; $(window).scroll(function() { if($(window).scrollTop()>="150") { if(visible == 0){ $("#sidebar").stop().fadeTo("medium", 1); visible = 1; } } else { if(visible == 1){ $("#sidebar").stop().fadeTo("medium", 0.0); visible = 0; } } }); </script> {/block:IfSidebarfadeonscrolldown} </div><!-- End Sidebar --> <div id="center"> <div class = "autopagerize_page_element" > {block:Posts} <div id="entry"> {block:PermalinkPage} {block:Date} <div id="permalink_post_info"> Posted: <font color="{color:link}">{TimeAgo}</font><br> Date: <font color="{color:link}">{DayOfMonth} {Month} {Year}</font><br> {block:NoteCount}Notes: <font color="{color:link}">{NoteCountWithLabel}</font><br>{/block:NoteCount} {block:HasTags} Tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags} {block:RebloggedFrom} Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br> Posted: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> {/block:RebloggedFrom} {block:Source} Source: {Source}<br> {/block:Source} </div> {/block:Date} {/block:PermalinkPage} {block:Quote} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}" target="_blank"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{TimeAgo} on</a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {/block:Date}</span></div> {/block:IndexPage} <center> <span class="quotesymbols">❝</span> <span class="title">{Quote}</span> <span class="quotesymbols">❞</span><br> {block:Source}{Source}{/block:Source}</center> {/block:Quote} {block:Text} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{TimeAgo} on</a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {/block:Date}</span></div> {/block:IndexPage} {block:Title}<span class="title">{Title}</span>{/block:Title} {Body} {/block:Text} {block:Link} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{TimeAgo} on</a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {/block:Date}</span></div> {/block:IndexPage} <a href="{URL}" class="title">{Name}</a> {block:Description}{Description}{/block:Description} {block:Link} {block:Answer} <div class="answer_post"> <img class="asker_portrait" src="{AskerPortraitURL-30}"/> <div class="question"> {Asker} asked:<br> {Question} </div> <div class="answer">{Answer}</div> </div> {/block:Answer} {block:Photo} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}">{TimeAgo}</a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> <a href="{ReblogURL}">Reblog</a> {/block:Date}</span></div> {/block:IndexPage} <div class="post"> <div id="extraonephoto"> <div id="photo"> {block:IndexPage} <div id="picture"> {block:Date} <a href="{permalink}"><div class="permalink_photo"> </div></a> <div class="permalink_photo_notes"> <a href="{permalink}">{block:NoteCount} {NoteCount}{/block:NoteCount}</a> </div> <div id="info"> <div id="holder"> </div></div> {/block:Date} <img src="{PhotoURL-500}" alt="{PhotoAlt}"></div> {block:ifshowphotoCaption} {block:Caption}{Caption}{/block:Caption}{/block:ifshowphotoCaption} {/block:IndexPage} {block:PermalinkPage} {LinkOpenTag} <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/><br><br> {LinkCloseTag} {block:Caption}{Caption}{/block:Caption} {/block:PermalinkPage} </div></div></div> {/block:Photo} {block:Chat} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{TimeAgo} on</a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {/block:Date}</span></div> {/block:IndexPage} {block:Title}<span class="title">{Title}</span>{/block:Title} <ul class="chat"> {block:Lines} <li class="user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> {/block:Chat} {block:Audio} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{TimeAgo} on</a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {/block:Date}</span></div> {/block:IndexPage} <center><div style="width:400px; height:20px;"> <div style="float:left">{AudioPlayerWhite}</div> <div style="margin-top:8px; float:right;"><small> {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a> {/block:ExternalAudio}</small> </div></div></center><br> {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Video} {block:IndexPage} <div class="permalink"><span class="permalink1"> {block:Date} <a href="{permalink}"> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a><br> <a href="{permalink}">{TimeAgo} on</a><br> <a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br> {/block:Date}</span></div> {/block:IndexPage} <center> {Video-500}<br> {block:Caption}{Caption}{/block:Caption} </center> {/block:Video} <div class="border"></div> </div><!-- End entry --> {block:PostNotes} <br>{PostNotes}<br> {/block:PostNotes} {/block:Posts} </div> </div><!-- End Center --></div><!-- End Content --> </body></html>
ich möchte jedoch die goldrahmen bei jeden post wie hier
http://esquiretheme.tumblr.com/
ich hab schon mit dreamweaver ein bisschen rum experimentiert aber meine kenntnisse reichen leider nicht aus, es fehlt immer der oberer rahmen"top" und auserdem ist es leicht verschoben usw.....
ich wäre sogar bereit ein bisschen was per paypal zu zahlen [Blockierte Grafik: http://www.boerse.bz/images/smilies/laugh.gif]
ich versuch ddas jetz schon seit jahren lol
mfg dave