Cool Them Side Bar

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!
--
Edit the hell out of it, but DO NOT REMOVE CREDIT. Theme by atmospherica.tumblr.com Gokudera Image: http://tegaki.pipa.jp/523384/18344484.html Tumblr controls fade in by themaxdavis.com
--> <html xmlns="http://www.w3.org/1999/xhtml"> <html lang="en"><head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>{Title}{block:PostTitle} - {PostTitle} {/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}" /> <link href="http://fonts.googleapis.com/css? family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" /> {block:IfInfiniteScrolling} <script type="text/javascript" src="http://codysherman.com/tools/infinitescrolling/code"></script> {/block:IfInfiniteScrolling} <meta name="color:Background" content="#eee"/> <meta name="image:Background" content="http://img4.mediafire.com/33f187b372606efe6cde482c187c3a3bb
71e0b28a98c843abe60abd417a84cde6g.jpg"/> <meta name="image:Small Sidebar" content="http://dl.dropbox.com/u/21726102/lop.png"/> <meta name="image:Large Sidebar" content="http://img19.mediafire.com/2ec7fdf72ed6c685fb76642d1e4887bbe cd65166cb12573fbc511411bdec8a336g.jpg"/> <meta name="if:Small Sidebar Picture" content="0"/> <meta name="if:Center Large Sidebar Picture" content="1"/> <meta name="if:Show Sidebar Menu" content="1"/> <meta name="if:Sidebar Menu Fade" content="0"/> <meta name="if:Sidebar Menu Line Height Hover" content="1"/> <meta name="if:Sidebar Menu Background" content="1"/> <meta name="if:Sidebar Static" content="1"/> <meta name="if:Center Post Titles" content="1"/> <meta name="if:Show Notes" content="0"/> <meta name="if:Consolas Font" content="1"/> <meta name="if:Post Border" content="0"/> <meta name="font:Post Titles" content="courier new"/> <meta name="if:Show Strikethrough" content="1"/> <meta name="text:Title Text" content="v. "/> <meta name="text:Permalinks Symbol" content="+"/> <meta name="text:Back To Top Symbol" content="*"/> <meta name="text:Sidebar Menu Top Position" content="45%"/> <meta name="text:Sidebar Links Letter Spacing" content="2px"/> <meta name="text:Sidebar Title Font Size" content="20px"/> <meta name="text:Sidebar Title Letter Spacing" content="0px"/> <meta name="text:Body Font Size" content="11px"/>
<meta name="text:Post Titles Font Size" content="17px"/> <meta name="text:Description Font Size" content="9px"/> <meta name="color:Sidebar Links" content="#fff"/> <meta name="color:Sidebar Background" content="#000"/> <meta name="color:Sidebar Menu Background" content="#000"/> <meta name="color:Sidebar Links Hover" content="#000"/> <meta name="color:Sidebar Title" content="#fff"/> <meta name="color:Sidebar Right Border" content="#fff"/> <meta name="color:Sidebar Menu Spacers" content="#fff"/> <meta name="color:Post Titles" content="#8F8F8F"/> <meta name="color:Posts Background" content="#fff"/> <meta name="color:Body Text" content="#686868"/> <meta name="color:Links" content="#5ABA11"/> <meta name="color:Links Hover" content="#ccc"/> <meta name="color:Blockquotes" content="#DBDBDB"/> <meta name="color:Navigation Arrows" content="#ccc"/> <meta name="color:Description Background" content="#ffffff"/> <meta name="color:Description Text" content="#686868"/> <meta name="color:Description Link" content="#5ABA11"/> <meta name="color:Permalinks" content="#686868"/> <meta name="color:Back To Top" content="#000"/> <meta name="color:Post Border" content="#eee"/> <meta name="font:Sidebar Menu Links" content="Arial"/> <meta name="font:Sidebar Title" content="courier new"/> <meta name="font:Body" content="Arial"/> <meta name="font:Description" content="Arial"/>
<meta name="if:Infinite Scrolling" content="0"/> <meta name="if:Fade Images" content="1"/> <meta name="if:Show Captions" content="0"/> <meta name="if:Description Box Shadow" content="1"/> <meta name="if:Show Back To Top Icon" content="1"/> <style type="text/css"> *{ margin: 0; padding: 0; } body {background-color:{color:Background};color:{color:Body Text};fontfamily:{block:IfConsolasFont}consolas;{/block:IfConsolasFont} {block:IfNotConsolasFont}{font:Body};{/block:IfNotConsolasFont} {block:IfBodyFontSize}font-size:{text:Body Font Size}; {/block:IfBodyFontSize}background-image: url('{image:Background}'); background-position:center center; background-attachment: fixed;overflowx:hidden;cursor: crosshair} img {border:none;}
iframe#tumblr_controls {right:3px !important; position: fixed !important;webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;} iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear; opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s easeout;transition: all 0.4s ease-out;}
a, ol.notes a {text-decoration:none;color:{color:Links};border:none;-webkittransition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;cursor: crosshair} a:hover,ol.notes a:hover {color:{color:Links Hover};border: 0px; margin: 0px;cursor: crosshair;}
#posts {width:500px;padding:0px;margin-left: 320px; margin-top:0px; textalign: justify; position: absolute; z-index:-1;} #tra {background-color:{color:Posts Background};} .post {margin:0px auto;width:500px;margin-bottom:7px;background-color: {color:Posts Background};padding:5px;{block:IfPostBorder}border:1px solid {color:Post Border};{/block:IfPostBorder}{block:IfBodyFontSize};font-size: {text:Body Font Size};{/block:IfBodyFontSize}; z-index:999;} {block:IfFadeImages} {block:IndexPage}.post img {filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-webkittransition: all 1s ease-in-out;transition: all 1s ease-in-out; } .post img:hover {filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;} {/block:IndexPage}{/block:IfFadeImages}
ol.notes {width:510px;font-size:11px;padding: 0px;color:{color:Body Text};margin: 15px 0px;list-style-type: none;background-color:{color:Posts Background};}
h3 a, .quote {font-family: {font:Post Titles};font-size:{text:Post Titles Font Size};font-weight:normal;color:{color:Post Titles}; {block:IfCenterPostTitles}text-align:center;{/block:IfCenterPostTitles}}
{block:IfSidebarStatic}#sky {width: 300px; height: 100%; top: 0px; left: 0px; padding: 5px; backgroundimage:url(http://img.freecodesource.com/myspacelayouts/images/layouts/1182827101-247-3.gif);position: fixed;filter:alpha(opacity=20); -moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;borderright:4px solid #ccc;} #sky:hover {filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity:
0;}{/block:IfSidebarStatic} li{ margin-left:20px;}
.permabox {margin-left: 500px;position: absolute;padding-left: 200px;}
#bar {{block:IfSidebarMenuBackground}background-color:{color:Sidebar Menu Background};{/block:IfSidebarMenuBackground}textalign:right;position:fixed;width:290px;top:{block:IfSidebarMenuTopPosition} {text:Sidebar Menu Top Position}{/block:SidebarMenuTopPosition};left:10px;padding:3px;z-index:1;filter:alpha(opacity=100); -moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;font-family:arial; {block:IfSidebarMenuFade}filter:alpha(opacity=60);-moz-opacity:0.6;-khtmlopacity: 0.6; opacity: 0.6;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s easein-out;-o-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-inout;transition: all 1s ease-in-out;{/block:IfSidebarMenuFade}} #bar:hover{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;} #bar {color:{color:Sidebar Links};font-family:{font:Sidebar Menu Links};letter-spacing:{block:IfSidebarLinksLetterSpacing}{text:Sidebar Links Letter Spacing}{/block:IfSidebarLinksLetterSpacing}} #bar span {display:block;font-weight:normal;font-size:10px;} #bar h1 {display:block;font-size:{text:Sidebar Title Font Size};fontweight:normal;line-height:25px;margin-right:10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;color: {color:Sidebar Menu Spacers};} #bar h1 a {color:{color:Sidebar Links};} #bar h1 a:hover {color:{color:Sidebar Links Hover}; {block:IfShowStrikethrough}text-decoration:line-through; {/block:IfShowStrikethrough}} {block:IfSidebarMenuLineHeightHover}#bar h1:hover {line-height:30px;} {/block:IfSidebarMenuLineHeightHover}
#back {width: 300px; height: 100%; top: 0px; left: 0px; padding: 5px; background-image:url('{image:Large Sidebar}'); background-position: {block:IfNotCenterLargeSidebarPicture}left top{block:IfNotCenterLargeSidebarPicture} {block:IfCenterLargeSidebarPicture}center center{/block:IfCenterLargeSidebarPicture}; text-align: center;position:fixed;background-color:{color:Sidebar Background};background-repeat:no-repeat;border-right:3px solid {color:Sidebar Right Border};}
#tumblr_controls{position: fixed!important;z-index:1;}
div.hib a {font-size:15px;font-family:{font:Body};textalign:left;position:absolute;left:520px;width:130px;color: {color:Permalinks};line-height:20px;padding:0px;z-index:-1;} div.hib {opacity: 0;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; } div.bird:hover div.hib {opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;khtml-opacity: 1; }
#izzy{ {block:IfDescriptionBoxShadow} border-radius: 3px 3px 3px 3px;moz-border-radius: 4px 4px 0px 0px;-moz-box-shadow: 2px 2px 3px #CCC;webkit-box-shadow: 2px 2px 3px #CCC;box-shadow: 2px 2px 3px #CCC; {/block:IfDescriptionBoxShadow} position:fixed;bottom:0px;right:5px;color:{color:Description Text}; font-size: {text:Description Font Size};text-decoration:none; border:none; backgroundcolor:{color:Description Background};padding: 5px;letterspacing:1px;width:220px;font-family:{font:Description}}
#desc a:link, #desc a:visited, #desc a {color:{color:Description Link};}
.muk a {color:{color:Navigation Arrows};font-size:20px;} #muk a:hover {color:#fff;}
.caption {margin-right:10px;text-align:left;}
#top-link{ display:none; position:fixed; right:250px; bottom:0px; color: {color:Back To Top}; font-weight:lighter; textdecoration:none;background:none;font-size:40px;}
#stars {text-align:;left;margin:20px;} #stars img, #moon img, blockquote img {max-width:350px;} p {margin-bottom:10px;} #stars li, #stars ol, #stars blockquote {text-align:left;} #tra {padding:10px;}
blockquote{padding:0 0 0 4px; margin:0 0 0 14px; background-color: {color:Blockquotes};} ol.notes li.note { padding:7px;text-align:left;border-top: dashed 1px #ccc;} </style>
<script type="text/javascript" src="http://davidwalsh.name/dwcontent/jquery-1.3.2.js"></script> <script type="text/javascript" src="http://davidwalsh.name/dwcontent/jquery.scrollTo-1.4.0-min.js"></script> <script type="text/javascript"> jQuery.fn.topLink = function(settings) { settings = jQuery.extend({ min: 1,
fadeSpeed: 200, ieOffset: 50 }, settings); return this.each(function() { //listen for scroll var el = $(this); el.css('display','none'); //in case the user forgot $(window).scroll(function() { if(!jQuery.support.hrefNormalized) { el.css({ 'position': 'absolute', 'top': $(window).scrollTop() + $ (window).height() - settings.ieOffset }); } if($(window).scrollTop() >= settings.min) { el.fadeIn(settings.fadeSpeed); } else { el.fadeOut(settings.fadeSpeed); } }); }); };
$(document).ready(function() { $('#top-link').topLink({ min: 400, fadeSpeed: 500 }); //smoothscroll $('#top-link').click(function(e) { e.preventDefault(); $.scrollTo(0,300); }); });
</script>
</head>
<body> <div id="top"></div> {block:IfShowBackToTopIcon} <a id="top-link" style="border:none;" href="#top">{block:IfBackToTopSymbol}{text:Back To Top Symbol} {/block:IfBackToTopSymbol}</a>{/block:IfShowBackToTopIcon} <div id="back"></div> <div id="sky"></div>
<div id="izzy"><center>{block:IfNotInfiniteScrolling}
{block:Pagination}<div class="muk">{block:PreviousPage}<a href="{PreviousPage}">← | </a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}</div>{/block:Pagination} {/block:IfNotInfiniteScrolling}{/block:IfNotInfiniteScrolling}<br><div id="desc" style="padding:3px;">{Description}</div></center></div>
{block:IfShowSidebarMenu} <div id="bar"><center>{block:IfSmallSidebarPicture}<a href="/" style="border:none;"><div style="height:150px;width:290px;overflow:hidden; {block:IfSmallSidebarPictureBorder}border: 2px solid {color:Small Sidebar Picture Background} {/block:IfSmallSidebarPictureBorder}">{block:IfSmallSidebarImage}<img style="max-width:290px;min-height:150px;margin:-30px auto;marginleft:20px;" src="{image:Small Sidebar}">{/block:IfSmallSidebarImage}</div></a></center>{block:IfSmall SidebarPicture}<h1><span><a href="/">index</a> | <a href="/archive">archive</a> | <a href="/random">random</a> | <a href="/ask">ask</a> | <a href="http://atmospherica.tumblr.com"></a></span><a class="tit" style="color:{color:Sidebar Title};font-family:{font:Sidebar Title};letterspacing:{text:Sidebar Title Letter Spacing};margin-left:20px;" href="/">{block:IfTitleText}{text:Title Text} {/block:IfTitleText}</a></h1></div> {/block:IfShowSidebarMenu}
<div id="posts"> {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
{block:Posts}
<div class="bird"> {block:IndexPage}<div class="hib"><a
href="{Permalink}">{block:IfPermalinksSymbol}{text:Permalinks Symbol} {/block:IfPermalinksSymbol} {block:IfShowNotes}<br> {block:NoteCount}<span style="fontsize:11px;">{NoteCountWithLabel}</span>{/block:NoteCount} {/block:IfShowNotes} </a></div>{/block:IndexPage}
{block:Text}<div class="post"> {block:Title}<h3><a href="{Permalink}">{block:IfCenterPostTitles}<center>{/block:IfCenterPost Titles}{Title} {block:IfCenterPostTitles}</center>{/block:IfCenterPostTitles}</a></h3>{/ block:Title} <div id="stars" style="{block:IfBodyFontSize}font-size:{text:Body Font Size};{/block:IfBodyFontSize}"> {Body}</div> </div>{/block:Text}
{block:Photo}<div class="post"> <a href="{Permalink}"><img style="min-width:500px;" src="{PhotoURL500}" alt="{PhotoAlt}"/></a> {block:IfShowCaptions}<br><br>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions} {block:IfNotShowCaptions} {block:PermalinkPage}<br><br>{block:Caption} <div class="caption">{Caption}</div>{/block:Caption} {/block:PermalinkPage}{/block:IfNotShowCaptions}</div>{/block:Photo}
{block:Photoset}<div class="post">{Photoset-500} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div> {/block:Photoset}
{block:Quote}<div class="post"> <div class="quote"> "{Quote}"</div>{block:Source}<center><div class="source">--{Source}</div></center>{/block:Source}</div>{/block:Quote}
{block:Link}<div class="post"> <h3><a href="{URL}" class="link" {Target}>{block:IfCenterPostTitles}<center>{/block:IfCenterPostTitles} {Name} {block:IfCenterPostTitles}</center>{/block:IfCenterPostTitles}</a></h3>{bl ock:Description}<div class="description">{Description}</div>{/block:Description}</div>{/block: Link}
{block:Chat}<div class="post"> <div style="margin:0px auto;padding:10px;font-size:11px;"> {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<br>{block:Lines} {block:Label} <span class="label"><b>{Label}</b></span>{/block:Label} {Line}<br><br>{/block:Lines}</div></div>{/block:Chat}
{block:Video}<div class="post">{Video500}<br><Br>{block:Caption}<div class="caption">{Caption}</div> {/block:Caption}</div>{/block:Video}
{block:Audio}<div class="post"><center>{AudioPlayerBlack} {block:Caption}<div class="caption"><span style="font-size:12px;fontstyle:italic;font-weight:lighter;textalign:center;">{Caption}</span></div>{/block:Caption}</center></div>{/ block:Audio}
{block:Answer}
<div class="post"><center> <b>{Asker} whispered,</b> "{Question}"<br>-------<br> <div id="moon" style="padding:10px;">{Answer}</div></center></div> {/block:Answer}
{block:PermalinkPage} <div style="width:510px;"><div style="color:{color:Body}" id="tra"> <center>{block:Date}<span>posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {ShortMonth} {DayOfMonthWithZero}</span>{/block:Date} <span>{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}</span><br/>{block:RebloggedFrom}<span>origin:</sp an> <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" align=ABSMIDDLE style="padding:2px;"></a> <span>via:</span> <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" align=ABSMIDDLE style="padding:2px;"></a>{/block:RebloggedFrom}<Br> {block:HasTags}tags {block:Tags}<a href="{TagURL}"><span>{Tag}</span></a> {/block:Tags} {/block:HasTags} </center></div> {block:PostNotes}{PostNotes}{/block:PostNotes}</div> {/block:PermalinkPage} </div> {/block:Posts} {block:IfInfiniteScrolling}</div> {/block:IfInfiniteScrolling} </div>
</body> </html>

Cool Them Side Bar

Transféré par

Informations du document

Description originale:

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Cool Them Side Bar

Transféré par

Droits d'auteur :

Formats disponibles

<!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"> <html lang="en"><head>

ol.notes {width:510px;font-size:11px;padding: 0px;color:{color:Body Text};margin: 15px 0px;list-style-type: none;background-color:{color:Posts Background};}

h3 a, .quote {font-family: {font:Post Titles};font-size:{text:Post Titles Font Size};font-weight:normal;color:{color:Post Titles}; {block:IfCenterPostTitles}text-align:center;{/block:IfCenterPostTitles}}

0;}{/block:IfSidebarStatic} li{ margin-left:20px;}

.permabox {margin-left: 500px;position: absolute;padding-left: 200px;}

#desc a:link, #desc a:visited, #desc a {color:{color:Description Link};}

.muk a {color:{color:Navigation Arrows};font-size:20px;} #muk a:hover {color:#fff;}

<div id="posts"> {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}

<div class="bird"> {block:IndexPage}<div class="hib"><a

href="{Permalink}">{block:IfPermalinksSymbol}{text:Permalinks Symbol} {/block:IfPermalinksSymbol} {block:IfShowNotes}<br> {block:NoteCount}<span style="fontsize:11px;">{NoteCountWithLabel}</span>{/block:NoteCount} {/block:IfShowNotes} </a></div>{/block:IndexPage}

{block:Photoset}<div class="post">{Photoset-500} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div> {/block:Photoset}

{block:Quote}<div class="post"> <div class="quote"> "{Quote}"</div>{block:Source}<center><div class="source">--{Source}</div></center>{/block:Source}</div>{/block:Quote}

{block:Video}<div class="post">{Video500}<br><Br>{block:Caption}<div class="caption">{Caption}</div> {/block:Caption}</div>{/block:Video}

{block:Audio}<div class="post"><center>{AudioPlayerBlack} {block:Caption}<div class="caption"><span style="font-size:12px;fontstyle:italic;font-weight:lighter;textalign:center;">{Caption}</span></div>{/block:Caption}</center></div>{/ block:Audio}

<div class="post"><center> <b>{Asker} whispered,</b> "{Question}"<br>-------<br> <div id="moon" style="padding:10px;">{Answer}</div></center></div> {/block:Answer}

Vous aimerez peut-être aussi