[]
blog için küçük bir teknik destek
blogumda cokdegisikkafamgirsin.tumblr.com sağ üstteki arşiv/rss/kısmı sağa kayık ya, onu sola nasıl yaklaştırabilirim? sağdaki manasız boşluğa o sebep oluyor sanırım.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org">
<link href='fonts.googleapis.com rel='stylesheet' type='text/css'>
<html xmlns="www.w3.org" xml:lang="en" lang="en">
<head>
<title>{Title}</title>
<!--
.d8888b. 888b d888 8888888b. 888
d88P Y88b 8888b d8888 888 Y88b 888
Y88b. 88888b.d88888 888 888 888
"Y888b. 888Y88888P888 888 d88P 888
"Y88b. 888 Y888P 888 8888888P" 888
"888 888 Y8P 888 888 888
Y88b d88P 888 " 888 888 888
"Y8888P" 888 888 888 88888888
Theoretical Theme by SMPL Design
smpldesign.co.uk
-->
<meta name="image:Background" content="000000"/>
<meta name="color:Background" content="000000"/>
<meta name="color:Font" content="000000"/>
<meta name="color:Link Underline" content="#DDDDDD"/>
<meta name="color:Accent" content="#57b8ff"/>
<meta name="color:Link Hover" content="#57b8ff"/>
<meta name="text:About Page URL" content=""/>
<meta name="text:Facebook URL" content=""/>
<meta name="text:Twitter URL" content=""/>
<meta name="text:Flickr URL" content=""/>
<meta name="text:Vimeo URL" content=""/>
<meta name="if:Show Captions" content="0"/>
<meta name="if:Fixed Header" content="0"/>
<meta name="if:Header Underline" content="0"/>
<meta name="if:2 Columns" content="0"/>
<meta name="if:Icon Navigation" content="0"/>
<meta name="if:Show About Icon" content="0"/>
<meta name="if:Show Facebook Icon" content="0"/>
<meta name="if:Show Twitter Icon" content="0"/>
<meta name="if:Show Flickr Icon" content="0"/>
<meta name="if:Show Vimeo Icon" content="0"/>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<script src="ajax.googleapis.com" type="text/javascript"></script>
<style type="text/css">
body {
font-family: 'Open Sans';
font-size: 15px;
line-height:15px;
color: {color:Font};
text-align:{block:IndexPage}left{/block:IndexPage}{block:PermalinkPage}justify{/block:PermalinkPage};
background-color: {color:Background};
background-image:url({image:Background});
background-position:fixed;
}
html {
overflow-y: scroll !important;
}
a { text-decoration: none; color: {color:Font}; border-bottom: 1px solid {color:Link Underline};
-moz-transition: 0.2s ease-in;-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;}
a.index_perma { border:none; }
.index_perma img { width:12px !important; height: 12px !important; opacity:0.3;}
a.index_perma:hover { border:none; opacity:1;}
a.photo_hover:hover { border:none !important;}
a.photo_hover { border:none !important;}
a:hover { color:{color:Link Hover}; -moz-transition: 0.2s ease-in;-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;}
.photo_post { position:relative; {block:IndexPage}background:000000{/block:IndexPage}; }
.photo_post a, .photo_post a:hover { border:none !important;
}
::-webkit-scrollbar-thumb:vertical {background-color: {color:Font}; height:200px;}
::-webkit-scrollbar-thumb:horizontal {background-color: {color:Font}; height:10px !important;}
::-webkit-scrollbar { height:10px; width:7px; background-color:{color:Background};
}
.wrap {
margin: auto;
width: 1020px;
margin-top: -8px;
}
#posts {
{block:ifFixedHeader}
margin-top:158px;
{/block:IfFixedHeader}
padding:10px;
background:000000;
}
.entry {
{block:IndexPage}
padding:10px;
background:000000;
width: {block:IfNot2Columns}240px{/block:IfNot2Columns}{block:If2Columns}500px{/block:If2Columns};
float: left;
{/block:IndexPage}
{block:PermalinkPage}width:500px;{/block:PermalinkPage}
}
.entry img {
{block:IndexPage}
width: {block:IfNot2Columns}240px{/block:IfNot2Columns}{block:If2Columns}500px{/block:If2Columns};
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}
.text {
{block:IndexPage}
margin:10px;
width:218px;
border:1px solid 000000;
{/block:IndexPage}
}
#chat li {
list-style-type:none;
margin-bottom:7px;
}
#chat li:nth-child(even) {
padding:5px;
background: {color:Accent};
}
h2 {
font-weight:600;
font-size:16px;
}
#audio {
position:relative;
}
.audio {
left:26%;
top:26%;
position:absolute;
width:25px;
height:25px;
background:#000;
overflow:hidden;
}
.albumart {
background:{color:Background};
{block:IfNot2Columns}width: 240px; height:240px;{/block:IfNot2Columns}{block:If2Columns}width:500px; height:500px;{/block:If2Columns}
}
.audio_circle {
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
{block:IfNot2Columns}
left:40%;
top:40%;
{/block:IfNot2Columns}
{block:If2Columns}
left:45%;
top:45%;
{/block:If2Columns}
position:absolute;
width:55px;
height:55px;
background:#000;
}
.photo_post:hover .box_caption p, #audio:hover .box_caption p {
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
opacity:1;
}
.photo_post:hover .box_caption h1, .box_caption h2 {
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
opacity:1;
}
.box_caption p:first-child {
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
opacity:0;
display:block;
z-index:2000;
position:absolute;
bottom:-11px;
padding:10px;
color:#000;
background:#fff;
}
.box_caption p {
display:none;
}
{block:IndexPage}
.box_caption h1, .box_caption h2 {
font-weight:normal;
opacity:0;
display:block;
z-index:1000;
position:absolute;
bottom:-1px;
padding:10px;
color:000000;
background:000000;
margin:0;
line-height:normal;
font-size:11px;
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in; }
{/block:IndexPage}
#header {
z-index:3000;
{block:IfFixedHeader}position:fixed;{/block:IfFixedHeader}
background:000000;
{block:IfHeaderUnderline}border-bottom:1px solid {color:Accent};{/block:IfHeaderUnderline}
top:0px; text-align:left;
padding: 70px 20px 20px 20px;
width:1020px;
margin-bottom:30px;
}
#header a, #header a:hover {
border:none; color:{color:Font};
}
.icons a {
margin-left:5px;
}
.navigation a {
padding:3px 5px;
background:{color:Accent};
margin-left:5px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.navigation a:hover{
text-shadow: 0px 0px 0px #ddd;
background:{color:Font};
color:#fff !important;
}
.blogtitle {
letter-spacing:-3px;
-webkit-text-stroke: 1px transparent;
font-size: 55px;
font-weight:800;
text-transform:uppercase;
}
.description {
font-weight:normal;
font-size:12px;
margin-top:10px; }
.label {font-weight: bold;
margin-right: 10px;
}
#nav {
display: none;
}
blockquote {
margin: 0px;
border-left: 2px solid;
padding-left: 5px;
margin-left: 5px;
}
{block:IndexPage}div.video embed,
div.post div.video object, div.video iframe {
z-index:-1;
width:{block:IfNot2Columns}240px !important{/block:IfNot2Columns}
{block:If2Columns}500px !important{/block:If2Columns};
height:{block:IfNot2Columns}200px{/block:IfNot2Columns}
{block:If2Columns}450px{/block:If2Columns} !important;}{/block:IndexPage}
{block:PermalinkPage}div.video embed,
div.post div.video object, div.video iframe {
width:500px !important;
height:400px !important;
}
{/block:PermalinkPage}
{block:IndexPage}.photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
width:{block:IfNot2Columns}240px !important{/block:IfNot2Columns}
{block:If2Columns}500px !important{/block:If2Columns}; {/block:IndexPage}
{/block:PermalinkPage}
}
{block:IndexPage}img { opacity:1;
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in; }
img:hover, #audio:hover img {
opacity:0.6;
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
{/block:IndexPage}
#infscr-loading {
z-index: 5000;
position: fixed !important;
left: 47%;
bottom: 20px !important;
width: 35px;
height: 35px;
padding: 13px;
background: #fff;
opacity: 0.7;
color: #FFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.footer {
position:fixed;
bottom:0;
width:220px;
font-size:10px;
left:50%;
margin-left:270px;
padding:5px 10px;
background:#fff;
z-index:2000;
}
.footer a {
color:#57b8ff;
font-weight:bold;
border:none;
text-transform:uppercase;
letter-spacing:-0.5px;
}
#top-link {
display:none;
float:right;
background: url('dl.dropbox.com) center center no-repeat; height:13px;
width:19px;
}
#top-link a:hover {
border:none;
}
.perma_info {
float:right;
width:500px;
margin-right:20px;
}
.perma_info ul {
padding:0;
margin:-15px 0 15px 0;
}
{CustomCSS}
</style>
{block:IndexPage}
<script src="masonry.desandro.com"></script>
<script src="static.tumblr.com"></script>
<script src="static.tumblr.com"></script>
<script type="text/javascript">
$(window).load(function () {
$('#posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "#nav",
nextSelector : "#nav a#next",
itemSelector : ".entry",
preload: true,
loadingImg : "static.tumblr.com ",
loadingText : "<em></em>",
},
function() { $('#posts').masonry({ appendedContent: $(this) });
});
});
</script>
{/block:IndexPage}
</script>
<script type="text/javascript" src="static.tumblr.com"></script>
<script type="text/javascript" src="static.tumblr.com"></script>
</head>
<body>
<div class="wrap">
<div id="header">
{block:IfIconNavigation}<div class="icons" style="float:right"><a href="/"><img src="static.tumblr.com " title="Refresh"></a> <a href="/archive"><img src="static.tumblr.com " title="Archive"></a> <a href="{RSS}"><img src="static.tumblr.com " title="Subscribe"></a> <a href="/ask"><img src="static.tumblr.com " title="Message"></a> <a href="/random"><img src="static.tumblr.com "></a>{block:IfShowAboutIcon}<a href="/{text:About Page URL}"><img src="static.tumblr.com " title="About me"></a>{/block:IfShowAboutIcon} {block:ifShowFacebookIcon}<a href="{text:Facebook URL}"><img src="static.tumblr.com "></a>{/block:IfShowFacebookIcon} {block:IfShowTwitterIcon}<a href="{text:Twitter URL}"><img src="static.tumblr.com "></a>{/block:IfShowTwitterIcon} {block:IfShowFlickrIcon}<a href="{text:Flickr URL}"><img src="static.tumblr.com "></a>{/block:IfShowFlickrIcon} {block:IfShowVimeoIcon}<a href="{text:Vimeo URL}"><img src="static.tumblr.com "></a>{/block:IfShowVimeoIcon}</div>{/block:IfIconNavigation}
{block:IfNotIconNavigation}<div class="navigation" style="float:right"><a href="/archive">Archive</a> <a href="{RSS}">RSS Feed</a> <a href="/ask">Message</a> <a href="/random">Random</a> {block:HasPages} {block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}</div>{/block:IfNotIconNavigation}
<a href="/" class="blogtitle">{Title}</a>
{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
<div id="posts">
{block:Posts}
{block:PermalinkPage}<div class="perma_info">{block:Caption}<ul>{Caption}</ul>{/block:Caption}
{block:Date}<img src="static.tumblr.com "> {TimeAgo} <img src="static.tumblr.com "> {NoteCountWithLabel}{block:hasTags} <img src="static.tumblr.com "> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:Date}
{block:PermalinkPagination}<div style="height:20px; margin-top:15px">{block:PreviousPost}<a href="{PreviousPost}" style="float:left">« Previous post</a> {/block:PreviousPost}{block:NextPost}<a href="{NextPost}" style="float:right;">Next post »</a> {/block:NextPost}</div>{/block:PermalinkPagination}
</div>{/block:PermalinkPage}
{block:Text}
<div class="entry text">
{block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
{Body}
{block:IndexPage}<a href="{Permalink}" class="index_perma"><img src="static.tumblr.com " align="right"></a>{/block:IndexPage}
</div>
{/block:Text}
{block:Photo}
<div class="entry">
<div class="photo_post">{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}"></a>{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
{block:IfShowCaptions}{block:IndexPage}{block:Caption}<div class="box_caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}</div>
{block:IndexPage}{/block:IndexPage}
</div>
{/block:Photo}
{block:Photoset}
<div class="entry">
<div class="photoset_photo">{Photoset-500}</div>
{block:IndexPage}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:IndexPage}
{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
</div>
{/block:Photoset}
{block:Quote}
<div class="entry text">
"{Quote}"
{block:Source}<p style="font-size: 12px;" align="right">— {Source}</p>{/block:Source}
{block:IndexPage}<a href="{Permalink}" class="index_perma"><img src="static.tumblr.com " align="right"></a>{/block:IndexPage}
</div>
{/block:Quote}
{block:Link}
<div class="entry text">
<h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
{block:Description}{Description}{/block:Description}
{block:IndexPage}<a href="{Permalink}" class="index_perma"><img src="static.tumblr.com " align="right"></a>{/block:IndexPage}
</div>
{/block:Link}
{block:Chat}
<div class="entry text" id="chat">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}
{block:IndexPage}<p><a href="{Permalink}" class="index_perma"><img src="static.tumblr.com " align="right"></a></p>{/block:IndexPage}
</div>
{/block:Chat}
{block:Video}
<div class="entry">
<div class="video">{Video-500}
{block:IfShowCaptions}{block:IndexPage}{block:Caption}<div class="box_caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}</div>
{block:IndexPage}<br><a href="{Permalink}" class="index_perma"><img src="static.tumblr.com " align="right"></a>{/block:IndexPage}</div>
{/block:Video}
{block:Audio}
<div class="entry" id="audio">
<div class="photo_post">
<div class="albumart">{block:AlbumArt}<a href="{Permalink}"><img src="{AlbumArtURL}"></a>{/block:AlbumArt}</div>
{block:IfShowCaptions}{block:IndexPage}{block:Caption}<div class="box_caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}</div>
<div class="audio_circle"><div class="audio">{AudioPlayerBlack}</div></div>
{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
</div>
{/block:Audio}
{/block:Posts}
</div>
{block:Pagination}<div id="nav"><div class="left">{block:NextPage}<a href="{NextPage}" id="next">Next</a>{/block:NextPage}</div> <div class="right">{block:PreviousPage}<a href="{PreviousPage}" id="previous">Previous</a>{/block:PreviousPage}</div></div>{/block:Pagination}
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org">
<link href='fonts.googleapis.com rel='stylesheet' type='text/css'>
<html xmlns="www.w3.org" xml:lang="en" lang="en">
<head>
<title>{Title}</title>
<!--
.d8888b. 888b d888 8888888b. 888
d88P Y88b 8888b d8888 888 Y88b 888
Y88b. 88888b.d88888 888 888 888
"Y888b. 888Y88888P888 888 d88P 888
"Y88b. 888 Y888P 888 8888888P" 888
"888 888 Y8P 888 888 888
Y88b d88P 888 " 888 888 888
"Y8888P" 888 888 888 88888888
Theoretical Theme by SMPL Design
smpldesign.co.uk
-->
<meta name="image:Background" content="000000"/>
<meta name="color:Background" content="000000"/>
<meta name="color:Font" content="000000"/>
<meta name="color:Link Underline" content="#DDDDDD"/>
<meta name="color:Accent" content="#57b8ff"/>
<meta name="color:Link Hover" content="#57b8ff"/>
<meta name="text:About Page URL" content=""/>
<meta name="text:Facebook URL" content=""/>
<meta name="text:Twitter URL" content=""/>
<meta name="text:Flickr URL" content=""/>
<meta name="text:Vimeo URL" content=""/>
<meta name="if:Show Captions" content="0"/>
<meta name="if:Fixed Header" content="0"/>
<meta name="if:Header Underline" content="0"/>
<meta name="if:2 Columns" content="0"/>
<meta name="if:Icon Navigation" content="0"/>
<meta name="if:Show About Icon" content="0"/>
<meta name="if:Show Facebook Icon" content="0"/>
<meta name="if:Show Twitter Icon" content="0"/>
<meta name="if:Show Flickr Icon" content="0"/>
<meta name="if:Show Vimeo Icon" content="0"/>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<script src="ajax.googleapis.com" type="text/javascript"></script>
<style type="text/css">
body {
font-family: 'Open Sans';
font-size: 15px;
line-height:15px;
color: {color:Font};
text-align:{block:IndexPage}left{/block:IndexPage}{block:PermalinkPage}justify{/block:PermalinkPage};
background-color: {color:Background};
background-image:url({image:Background});
background-position:fixed;
}
html {
overflow-y: scroll !important;
}
a { text-decoration: none; color: {color:Font}; border-bottom: 1px solid {color:Link Underline};
-moz-transition: 0.2s ease-in;-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;}
a.index_perma { border:none; }
.index_perma img { width:12px !important; height: 12px !important; opacity:0.3;}
a.index_perma:hover { border:none; opacity:1;}
a.photo_hover:hover { border:none !important;}
a.photo_hover { border:none !important;}
a:hover { color:{color:Link Hover}; -moz-transition: 0.2s ease-in;-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;}
.photo_post { position:relative; {block:IndexPage}background:000000{/block:IndexPage}; }
.photo_post a, .photo_post a:hover { border:none !important;
}
::-webkit-scrollbar-thumb:vertical {background-color: {color:Font}; height:200px;}
::-webkit-scrollbar-thumb:horizontal {background-color: {color:Font}; height:10px !important;}
::-webkit-scrollbar { height:10px; width:7px; background-color:{color:Background};
}
.wrap {
margin: auto;
width: 1020px;
margin-top: -8px;
}
#posts {
{block:ifFixedHeader}
margin-top:158px;
{/block:IfFixedHeader}
padding:10px;
background:000000;
}
.entry {
{block:IndexPage}
padding:10px;
background:000000;
width: {block:IfNot2Columns}240px{/block:IfNot2Columns}{block:If2Columns}500px{/block:If2Columns};
float: left;
{/block:IndexPage}
{block:PermalinkPage}width:500px;{/block:PermalinkPage}
}
.entry img {
{block:IndexPage}
width: {block:IfNot2Columns}240px{/block:IfNot2Columns}{block:If2Columns}500px{/block:If2Columns};
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
}
.text {
{block:IndexPage}
margin:10px;
width:218px;
border:1px solid 000000;
{/block:IndexPage}
}
#chat li {
list-style-type:none;
margin-bottom:7px;
}
#chat li:nth-child(even) {
padding:5px;
background: {color:Accent};
}
h2 {
font-weight:600;
font-size:16px;
}
#audio {
position:relative;
}
.audio {
left:26%;
top:26%;
position:absolute;
width:25px;
height:25px;
background:#000;
overflow:hidden;
}
.albumart {
background:{color:Background};
{block:IfNot2Columns}width: 240px; height:240px;{/block:IfNot2Columns}{block:If2Columns}width:500px; height:500px;{/block:If2Columns}
}
.audio_circle {
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
{block:IfNot2Columns}
left:40%;
top:40%;
{/block:IfNot2Columns}
{block:If2Columns}
left:45%;
top:45%;
{/block:If2Columns}
position:absolute;
width:55px;
height:55px;
background:#000;
}
.photo_post:hover .box_caption p, #audio:hover .box_caption p {
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
opacity:1;
}
.photo_post:hover .box_caption h1, .box_caption h2 {
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
opacity:1;
}
.box_caption p:first-child {
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
opacity:0;
display:block;
z-index:2000;
position:absolute;
bottom:-11px;
padding:10px;
color:#000;
background:#fff;
}
.box_caption p {
display:none;
}
{block:IndexPage}
.box_caption h1, .box_caption h2 {
font-weight:normal;
opacity:0;
display:block;
z-index:1000;
position:absolute;
bottom:-1px;
padding:10px;
color:000000;
background:000000;
margin:0;
line-height:normal;
font-size:11px;
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in; }
{/block:IndexPage}
#header {
z-index:3000;
{block:IfFixedHeader}position:fixed;{/block:IfFixedHeader}
background:000000;
{block:IfHeaderUnderline}border-bottom:1px solid {color:Accent};{/block:IfHeaderUnderline}
top:0px; text-align:left;
padding: 70px 20px 20px 20px;
width:1020px;
margin-bottom:30px;
}
#header a, #header a:hover {
border:none; color:{color:Font};
}
.icons a {
margin-left:5px;
}
.navigation a {
padding:3px 5px;
background:{color:Accent};
margin-left:5px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.navigation a:hover{
text-shadow: 0px 0px 0px #ddd;
background:{color:Font};
color:#fff !important;
}
.blogtitle {
letter-spacing:-3px;
-webkit-text-stroke: 1px transparent;
font-size: 55px;
font-weight:800;
text-transform:uppercase;
}
.description {
font-weight:normal;
font-size:12px;
margin-top:10px; }
.label {font-weight: bold;
margin-right: 10px;
}
#nav {
display: none;
}
blockquote {
margin: 0px;
border-left: 2px solid;
padding-left: 5px;
margin-left: 5px;
}
{block:IndexPage}div.video embed,
div.post div.video object, div.video iframe {
z-index:-1;
width:{block:IfNot2Columns}240px !important{/block:IfNot2Columns}
{block:If2Columns}500px !important{/block:If2Columns};
height:{block:IfNot2Columns}200px{/block:IfNot2Columns}
{block:If2Columns}450px{/block:If2Columns} !important;}{/block:IndexPage}
{block:PermalinkPage}div.video embed,
div.post div.video object, div.video iframe {
width:500px !important;
height:400px !important;
}
{/block:PermalinkPage}
{block:IndexPage}.photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
width:{block:IfNot2Columns}240px !important{/block:IfNot2Columns}
{block:If2Columns}500px !important{/block:If2Columns}; {/block:IndexPage}
{/block:PermalinkPage}
}
{block:IndexPage}img { opacity:1;
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in; }
img:hover, #audio:hover img {
opacity:0.6;
-moz-transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
{/block:IndexPage}
#infscr-loading {
z-index: 5000;
position: fixed !important;
left: 47%;
bottom: 20px !important;
width: 35px;
height: 35px;
padding: 13px;
background: #fff;
opacity: 0.7;
color: #FFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.footer {
position:fixed;
bottom:0;
width:220px;
font-size:10px;
left:50%;
margin-left:270px;
padding:5px 10px;
background:#fff;
z-index:2000;
}
.footer a {
color:#57b8ff;
font-weight:bold;
border:none;
text-transform:uppercase;
letter-spacing:-0.5px;
}
#top-link {
display:none;
float:right;
background: url('dl.dropbox.com) center center no-repeat; height:13px;
width:19px;
}
#top-link a:hover {
border:none;
}
.perma_info {
float:right;
width:500px;
margin-right:20px;
}
.perma_info ul {
padding:0;
margin:-15px 0 15px 0;
}
{CustomCSS}
</style>
{block:IndexPage}
<script src="masonry.desandro.com"></script>
<script src="static.tumblr.com"></script>
<script src="static.tumblr.com"></script>
<script type="text/javascript">
$(window).load(function () {
$('#posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "#nav",
nextSelector : "#nav a#next",
itemSelector : ".entry",
preload: true,
loadingImg : "static.tumblr.com ",
loadingText : "<em></em>",
},
function() { $('#posts').masonry({ appendedContent: $(this) });
});
});
</script>
{/block:IndexPage}
</script>
<script type="text/javascript" src="static.tumblr.com"></script>
<script type="text/javascript" src="static.tumblr.com"></script>
</head>
<body>
<div class="wrap">
<div id="header">
{block:IfIconNavigation}<div class="icons" style="float:right"><a href="/"><img src="static.tumblr.com " title="Refresh"></a> <a href="/archive"><img src="static.tumblr.com " title="Archive"></a> <a href="{RSS}"><img src="static.tumblr.com " title="Subscribe"></a> <a href="/ask"><img src="static.tumblr.com " title="Message"></a> <a href="/random"><img src="static.tumblr.com "></a>{block:IfShowAboutIcon}<a href="/{text:About Page URL}"><img src="static.tumblr.com " title="About me"></a>{/block:IfShowAboutIcon} {block:ifShowFacebookIcon}<a href="{text:Facebook URL}"><img src="static.tumblr.com "></a>{/block:IfShowFacebookIcon} {block:IfShowTwitterIcon}<a href="{text:Twitter URL}"><img src="static.tumblr.com "></a>{/block:IfShowTwitterIcon} {block:IfShowFlickrIcon}<a href="{text:Flickr URL}"><img src="static.tumblr.com "></a>{/block:IfShowFlickrIcon} {block:IfShowVimeoIcon}<a href="{text:Vimeo URL}"><img src="static.tumblr.com "></a>{/block:IfShowVimeoIcon}</div>{/block:IfIconNavigation}
{block:IfNotIconNavigation}<div class="navigation" style="float:right"><a href="/archive">Archive</a> <a href="{RSS}">RSS Feed</a> <a href="/ask">Message</a> <a href="/random">Random</a> {block:HasPages} {block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}</div>{/block:IfNotIconNavigation}
<a href="/" class="blogtitle">{Title}</a>
{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
<div id="posts">
{block:Posts}
{block:PermalinkPage}<div class="perma_info">{block:Caption}<ul>{Caption}</ul>{/block:Caption}
{block:Date}<img src="static.tumblr.com "> {TimeAgo} <img src="static.tumblr.com "> {NoteCountWithLabel}{block:hasTags} <img src="static.tumblr.com "> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:Date}
{block:PermalinkPagination}<div style="height:20px; margin-top:15px">{block:PreviousPost}<a href="{PreviousPost}" style="float:left">« Previous post</a> {/block:PreviousPost}{block:NextPost}<a href="{NextPost}" style="float:right;">Next post »</a> {/block:NextPost}</div>{/block:PermalinkPagination}
</div>{/block:PermalinkPage}
{block:Text}
<div class="entry text">
{block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
{Body}
{block:IndexPage}<a href="{Permalink}" class="index_perma"><img src="static.tumblr.com " align="right"></a>{/block:IndexPage}
</div>
{/block:Text}
{block:Photo}
<div class="entry">
<div class="photo_post">{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}"></a>{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
{block:IfShowCaptions}{block:IndexPage}{block:Caption}<div class="box_caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}</div>
{block:IndexPage}{/block:IndexPage}
</div>
{/block:Photo}
{block:Photoset}
<div class="entry">
<div class="photoset_photo">{Photoset-500}</div>
{block:IndexPage}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:IndexPage}
{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}
</div>
{/block:Photoset}
{block:Quote}
<div class="entry text">
"{Quote}"
{block:Source}<p style="font-size: 12px;" align="right">— {Source}</p>{/block:Source}
{block:IndexPage}<a href="{Permalink}" class="index_perma"><img src="static.tumblr.com " align="right"></a>{/block:IndexPage}
</div>
{/block:Quote}
{block:Link}
<div class="entry text">
<h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
{block:Description}{Description}{/block:Description}
{block:IndexPage}<a href="{Permalink}" class="index_perma"><img src="static.tumblr.com " align="right"></a>{/block:IndexPage}
</div>
{/block:Link}
{block:Chat}
<div class="entry text" id="chat">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}
{block:IndexPage}<p><a href="{Permalink}" class="index_perma"><img src="static.tumblr.com " align="right"></a></p>{/block:IndexPage}
</div>
{/block:Chat}
{block:Video}
<div class="entry">
<div class="video">{Video-500}
{block:IfShowCaptions}{block:IndexPage}{block:Caption}<div class="box_caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}</div>
{block:IndexPage}<br><a href="{Permalink}" class="index_perma"><img src="static.tumblr.com " align="right"></a>{/block:IndexPage}</div>
{/block:Video}
{block:Audio}
<div class="entry" id="audio">
<div class="photo_post">
<div class="albumart">{block:AlbumArt}<a href="{Permalink}"><img src="{AlbumArtURL}"></a>{/block:AlbumArt}</div>
{block:IfShowCaptions}{block:IndexPage}{block:Caption}<div class="box_caption">{Caption}</div>{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}</div>
<div class="audio_circle"><div class="audio">{AudioPlayerBlack}</div></div>
{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
</div>
{/block:Audio}
{/block:Posts}
</div>
{block:Pagination}<div id="nav"><div class="left">{block:NextPage}<a href="{NextPage}" id="next">Next</a>{/block:NextPage}</div> <div class="right">{block:PreviousPage}<a href="{PreviousPage}" id="previous">Previous</a>{/block:PreviousPage}</div></div>{/block:Pagination}
</div>
</body>
</html>
#header 'ın içindeki
width:1020px olan kısmı 760px yapın
padding:20px; yapın
.blogtitle içine
line-height:55px ekleyin
width:1020px olan kısmı 760px yapın
padding:20px; yapın
.blogtitle içine
line-height:55px ekleyin
- ssyumusakg (01.08.11 16:30:54)
sorunu tam anlamadım ama navigasyonu biraz sola almak için;
.navigation{
margin-right:50px;
}
pikseli arttırdıkça sola gidicek.
.navigation{
margin-right:50px;
}
pikseli arttırdıkça sola gidicek.
- serafettinn (01.08.11 16:31:33 ~ 16:31:57)
{block:IfNotIconNavigation}<div class="navigation" style="float:right"><a href="/archive">Archive</a> <a href="{RSS}">RSS Feed</a> <a href="/ask">Message</a> <a href="/random">Random</a> {block:HasPages} {block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}</div>{/block:IfNotIconNavigation}
<a href="/" class="blogtitle">{Title}</a>
{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
bu kısmı bul kodlamada sil orayı sonra bunu yapıştır
<div class="navigation" style="float:left"><a href="/archive">Archive</a> <a href="{RSS}">RSS Feed</a> <a href="/ask">Message</a> <a href="/random">Random</a> {block:HasPages} {block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}</div>{/block:IfNotIconNavigation}
<a href="/" class="blogtitle">{Title}</a>
{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
<a href="/" class="blogtitle">{Title}</a>
{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
bu kısmı bul kodlamada sil orayı sonra bunu yapıştır
<div class="navigation" style="float:left"><a href="/archive">Archive</a> <a href="{RSS}">RSS Feed</a> <a href="/ask">Message</a> <a href="/random">Random</a> {block:HasPages} {block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}</div>{/block:IfNotIconNavigation}
<a href="/" class="blogtitle">{Title}</a>
{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
- zıcanadam (01.08.11 16:34:17)
1