[]

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 ">&nbsp; {TimeAgo}&nbsp; <img src="static.tumblr.com ">&nbsp; {NoteCountWithLabel}{block:hasTags}&nbsp; <img src="static.tumblr.com ">&nbsp; {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:Date}

{block:PermalinkPagination}<div style="height:20px; margin-top:15px">{block:PreviousPost}<a href="{PreviousPost}" style="float:left">&laquo; Previous post</a> {/block:PreviousPost}{block:NextPost}<a href="{NextPost}" style="float:right;">Next post &raquo;</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
  • 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.
  • 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>
  • zıcanadam  (01.08.11 16:34:17) 
1
buraya yazılanların hakları Sir Anthony Hopkins'e aittir.
yazan eden compumaster, ilgilenen eden fader
modere edenler angelus, Artibir, aychovsky, baba jo, basond, compumaster, deckard, duyulmasi gerektigi kadar, fader, fraise, groove salad, kahvegibi, kaymaktutmayansicaksut, kibritsuyu, monstro, pandispanya, robin, ron dennis
bu sitede yazılanların hiçbiri doğru değildir. site içeriği küçükler için sakıncalı olabilir. yazılardan yazarları sorumludur. kaynak göstermeden alıntılanamaz. devlet tarafından atanmış bir kurumun internet üzerinde kimin hangi bilgiye ulaşıp ulaşamayacağına karar vermesi insan haklarına aykırıdır. web siteleri kullanıcıların istekleri doğrultusunda bağlandıkları yerlerdir. kullanıcılar isterlerse bir web sitesine bağlanmayabilirler. bu güçleri ve imkanları mevcuttur. bir kullanıcı bir siteye bağlanmak istiyorsa bu onun tercihi ve hakkıdır. bağlanmak istemiyorsa bu yine onun tercihi ve hakkıdır. halkın kendisine hizmet etmesi için görevlendirdiği kurumlar hadlerini aşıp halka neye ulaşıp ulaşmayacağını bilmeyen cahil cühela muamelesi edemezler. ebeveynlerin çocuklarını sakıncalı içeriklerden koruması için çok sayıda bedava ve ücretli yazılım mevcuttur. bu yazılımlar bir web tarayıcısını kullanmaktan daha karmaşık teknik bilgi gerektirmemektedir. devletin milletini küçük düşürmesi ve ebleh yerine koyması yasaktır. Skimlinks ile linkler üzerinden yönlendirme payı alınmaktadır.