Sujet Précédent Sujet Suivant

Problème code HTML sur tumblr

Fermé
SXdd - 17 juil. 2012 à 23:01
the9thowl Messages postés 3 Date d'inscription samedi 8 décembre 2012 Statut Membre Dernière intervention 12 décembre 2012 - 12 déc. 2012 à 22:26
Bonjour,

Je voudrais savoir comment avoir le code de cet espèce de bande rouge ( http://xdlolxdtest.tumblr.com/ ) je suis en train de chercher depuis des heures je n'y arrive pas, en cherchant tout les codes possibles je n'arrive pas.

Je demande maintenant votre aide: comment mettre cette bande autour d'une colonne que je voudrais mettre en page sur mon tumblr.
La seule chose dont je dispose est ce bout de bande rouge qui se plie: http://img15.hostingpics.net/pics/267064lol.jpg Comment l'inserer à l'aide d'un code html pour pouvoir reproduire ce qui est sur http://xdlolxdtest.tumblr.com ?

Merci d'avance


A voir également:

2 réponses

Réponse 1 / 2
SXdd
17 juil. 2012 à 23:19
pour ceux qui n'aurai pas compris la bande rouge c'est celle ou il y a écrit la date dessus :p
0
Réponse 2 / 2
the9thowl Messages postés 3 Date d'inscription samedi 8 décembre 2012 Statut Membre Dernière intervention 12 décembre 2012
12 déc. 2012 à 22:26
Bonjour tout le monde,

Etant totalement perdu dans le code html de mon tumblr, je recherche une personne calée dans ce domaine qui aurait la gentillesse de m'aider.

Voici le problème : je n'arrive absolument pas à caler mon logo à gauche, de manière à ce qu'il soit totalement visible. J'ai tente et non répété. J'ai essayer plusieurs codes mais rien ne fonctionne.

Je remercie d'avance celui ou celle qui pourra m'apporter son aide car je suis réellement bloqué.

Merci.

Bien à vous.

voici le tumblr => www.thebloodinkmafia.tumblr.com

voici le code => <!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</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}

<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Text" content="#555555"/>
<meta name="color:Titles" content="#111111"/>
<meta name="color:Links" content="#111111"/>
<meta name="color:Links Hover" content="#000000"/>

<meta name="image:logo" content="" />
<meta name="image:Background" content="" />

<meta name="if:2 columns" content="1" />
<meta name="if:2 columns broader posts" content="1" />
<meta name="if:Infinite Scrolling" content="1" />
<meta name="if:Background Image Fixed" content="1" />
<meta name="if:Sidebar left Or Right" content="1" />
<meta name="if:Show Copyright" content="1" />
<meta name="if:Show Captions" content="0" />

<meta name="text:Link Separator 1" content="//"/>
<meta name="text:Link Separator 2" content="-"/>
<meta name="text:Sidebar Title" content=""/>
<meta name="text:Sidebar Description" content=""/>
<meta name="text:Twitter Username" content=""/>
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 Title" content="" />
<meta name="text:Link 6" content="" />
<meta name="text:Link 6 Title" content="" />


$(window).load(function(){
var $wall = $('#content');

$wall.masonry({
itemSelector: '.post',
columnWidth:{block:ifNot2columnsbroaderposts}210{block:ifNot2columnsbroaderposts}{block:if2columnsbroaderposts}260{/block:if2columnsbroaderposts}
});

$wall.infinitescroll({
navSelector : ".nav",
nextSelector : ".nav a",
itemSelector : ".post",
loading : "",
donetext : ""
},

function( newElements ) {
var $newElems = $( newElements ).css({
opacity: 0
});
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$wall.masonry( "appended", $newElems, true );
});
});
});
</script>
{/block:if2columns}

<style type="text/css"> body { padding:0; margin:0; font-size:11px; font-family: Courier New, sans-serif; color:{color:Text}; background-color:{color:background}; background-image:url({image:Background}); background-position:left top; {block:ifBackgroundImageFixed} background-attachment:fixed; {/block:ifBackgroundImageFixed}} a { text-decoration:none; color:{color:Links}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:hover { color:{color:Links Hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;} .clear {clear:both;} #tumblr_controls{position:fixed !important;} .install_button{position:fixed !important;} #container{ margin:auto; width:860px; {block:if2columns} {block:if2columnsbroaderposts} width:960px; {/block:if2columnsbroaderposts} {/block:if2columns}} #sidebar{ width:400px; position:fixed; height: 100%; padding:0 20px; background-color:{color:background}; {block:ifNotSidebarleftOrRight} margin-left:420px; padding-right:20px; {block:if2columns} {block:if2columnsbroaderposts} margin-left:520px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:ifNotSidebarleftOrRight}} #sidebar .logo{ height: 50%; position: relative; top: 0; width: 400px;} #sidebar .logo .image{ bottom:0; position:absolute; width:400px; padding:0 0 20px;} #sidebar .logo .image img{ max-width:400px; max-height:250px;} #sidebar .navigation{ width:400px; height:50%; bottom:0; position:relative; text-align:center; font-size:18px;} #sidebar .navigation h1{ display:inline; font-weight:normal; margin:0 10px; font-size:18px; cursor:pointer; color:{color:titles};} #sidebar .navigation h1.active{ text-decoration:underline;} #sidebar .navigation .description{ font-size:12px; margin-top:20px;} #sidebar .navigation .description .links{ font-size:12px; margin-top:20px;} #sidebar .navigation .description .links a{ margin:0 5px;} #sidebar .navigation .description .copyright{ margin:20px 0 0; font-size:10px;} #sidebar .navigation .description .pagination{ margin:20px 0 0; font-size:10px;} #sidebar .navigation .message{ display:none; font-size:12px; margin-top:20px; padding:0 20px} #sidebar .navigation .about{ display:none; font-size:12px; margin-top:20px;} #sidebar .navigation .permalink_side{ font-size:12px; margin-top:20px;} #sidebar .navigation .twitter{ width:400px; overflow:hidden; display:none;} #sidebar .navigation .twitter h1{ margin:20px 0; font-size:12px; display:block; text-transform:uppercase;} #sidebar .navigation .twitter #twitter_update_list{ margin:0; padding:0; list-style:none; width:400px;} #sidebar .navigation .twitter #twitter_update_list li{ padding: 4px 5px; margin:0 0 4px; font-size:10px; font-style:italic;} #sidebar .navigation .twitter #twitter_update_list li span{ font-style:normal;} #sidebar .navigation .twitter #twitter_update_list li a{ color:{color:text};} #sidebar .navigation .twitter #twitter_update_list li:nth-child(even){ background:rgba(0,0,0,0.05); color:{color:text};} #sidebar .navigation .twitter #twitter_update_list li:last-child{ margin:0} #content{ width:400px; padding:20px 20px 0; background-color:{color:background}; {block:ifSidebarleftOrRight} margin-left:440px; padding-right:20px; {/block:ifSidebarleftOrRight} {block:if2columns} width:420px; {block:if2columnsbroaderposts} width:520px; {/block:if2columnsbroaderposts} {/block:if2columns}} #content .post{ margin:0 0 20px; position:relative; overflow:hidden; width:400px; {block:IndexPage} {block:if2columns} float:left; width:190px; margin:0 20px 20px 0; {block:if2columnsbroaderposts} width:240px; margin:0 20px 20px 0; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} {block:if2columns} #content .width{ width:400px; height:auto; {block:if2columnsbroaderposts} width:500px; {/block:if2columnsbroaderposts}} {/block:if2columns} #content .post img{ display:block; {block:IndexPage} {block:if2columns} width:190px; {block:if2columnsbroaderposts} width:240px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post p{margin:0;} #content .post blockquote{margin: 5px 0;} #content .post h1{ margin:0 0 10px; color:{color:text}} #content .post .chat{ margin:0; padding:0; list-style:none;} #content .post .chat li{ padding: 10px;} #content .post .chat li:nth-child(even){ background:rgba(0,0,0,0.05);} #content .post .audio{ padding:6px 30px 3px; width:340px; background:black; margin:0; {block:IndexPage} {block:if2columns} width:30px; padding:6px 80px 3px; overflow:hidden; {block:if2columnsbroaderposts} padding:6px 105px 3px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album{ float:left; width:300px; padding:6px 30px 3px; {block:IndexPage} {block:if2columns} width:30px; padding:6px 80px 3px; overflow:hidden; {block:if2columnsbroaderposts} padding:6px 105px 3px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album_art{ width:34px; height:34px; overflow:hidden; padding:3px; float:left; background:black; {block:IndexPage} {block:if2columns} width:190px; clear:both; height:190px; padding:0; {block:if2columnsbroaderposts} width:240px; height:240px; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .album_art img{ height: 34px; width: 34px; {block:IndexPage} {block:if2columns} height: auto; width: 190px !important; {block:if2columnsbroaderposts} height: auto; width: 240px !important; {/block:if2columnsbroaderposts} {/block:if2columns} {/block:IndexPage}} #content .post .question{ padding: 10px; background: rgba(0,0,0,0.05);} #content .post .answer{ padding: 10px 10px 0;} #content .post .permalink{ margin:10px 0; font-size:9px; text-align:center;} #content .post .photo{ display:none;} #content .post .caption{ background:rgba(0,0,0,0.05); padding:10px; {block:PermalinkPage} text-align:center; {/block:PermalinkPage} } #content .post .box{ position:relative;} #content .post .permalink_photo{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); bottom: 0; font-size: 10px; height: 13px; left: 0; opacity: 0; padding: 10px 0 7px; position: absolute; text-align: center; width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; {block:ifSidebarleftOrRight} left:0px; {/block:ifSidebarleftOrRight} {block:ifNotSidebarleftOrRight} right:0px; {/block:ifNotSidebarleftOrRight}} #content .post .permalink_photo a{ margin:0 5px;} #content .post:hover .permalink_photo { opacity:1; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;} .view_notes{ cursor:pointer; text-align:center; margin:20px 0 0;} ol.notes { font-size: 10px; list-style-type: none; margin: 10px 0; padding: 0; display:none;} ol.notes a{ background-color: transparent;} ol.notes li.note { margin: 0 0 5px; padding: 5px;} ol.notes li.note img.avatar { border: medium none !important; display: inline !important; height: 16px !important; margin-right: 10px; vertical-align: -4px; width: 16px !important; min-width: 16px !important;} ol.notes li.note span.action a{} ol.notes li.note span.action a:hover{} ol.notes li.note .answer_content {} ol.notes li.note blockquote { border-left: medium none !important; margin: 5px 4px 5px 30px !important; padding: 5px 10px 4px !important;} </style>

<body>
{block:if2columns}{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}{/block:if2columns}

<div id="container">
<div id="sidebar">
<div class="logo">
<div class="image">
<a href="/"><center><img src="{image:logo}"></center></a>
</div>
</div>
<div class="navigation">

{block:AskEnabled}
<h1 class="m">MESSAGE</h1>
{text:Link Separator 1}
{/block:AskEnabled}
<h1 class="a">ABOUT</h1>
{block:ifTwitterUsername}
{text:Link Separator 1}
<h1 class="t">TWITTER</h1>
{block:ifTwitterUsername}

{block:IndexPage}
<div class="description">
<a href="/">
{block:ifSidebarTitle}
{text:Sidebar Title}
{/block:ifSidebarTitle}
</a>
{block:ifSidebarDescription}
<br/><br/>{text:Sidebar Description}
{/block:ifSidebarDescription}
<div class="links">
<a href="/" title="Home">Index</a>
{block:SubmissionsEnabled}
{text:Link Separator 2}
<a href="/submit">{SubmitLabel}</a>
{/block:SubmissionsEnabled}
{block:ifLink1Title}
{text:Link Separator 2} <a href="{text:Link 1}">
{text:Link 1 Title}</a>
{/block:ifLink1Title}

{block:ifLink2Title}
<br /><a href="{text:Link 2}">
{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
{text:Link Separator 2} <a href="{text:Link 3}">
{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
{text:Link Separator 2} <a href="{text:Link 4}">
{text:Link 4 Title}</a>
{/block:ifLink4Title}

{block:ifLink5Title}
<br />
<a href="{text:Link 5}">
{text:Link 5 Title}</a>
{/block:ifLink5Title}
{block:ifLink6Title}
{text:Link Separator 2} <a href="{text:Link 6}">
{text:Link 6 Title}</a>
{/block:ifLink6Title}

{block:HasPages}<br />{block:Pages}
<a href="{URL}">{Label}
</a> {/block:Pages}{/block:HasPages}
</div>

{block:ifNotInfinitescrolling}
<div class="pagination">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">Previous</a> -
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">Next</a>
{/block:NextPage}
{/block:Pagination}
</div>
{/block:ifNotInfinitescrolling}

{block:ifShowCopyright}
<div class="copyright">
© {CopyrightYears}
</div>{/block:ifShowCopyright}
</div>
{/block:IndexPage}

{block:Posts}
{block:PermalinkPage}
{block:Date}
<div class="permalink_side">
{block:NoteCount}
{NoteCountWithLabel}<br/>
{/block:NoteCount}
Posted {TimeAgo},
on {DayOfWeek} {DayOfMonth} {Month} {Year}.<br/>
{block:HighRes}
<br/>
<a href="{PhotoURL-HighRes}" target="_blank">
View High-Res</a><br/>
{/block:HighRes}

<div class="pagination">
{block:PreviousPost}<br/>
<a href="{PreviousPost}">Previous post</a> -
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}">Next Post</a>
{/block:NextPost}
</div>
</div>
{/block:Date}
{/block:PermalinkPage}
{/block:Posts}

<div class="message">
<iframe frameborder="0" scrolling="no" width="100%" height="149" src="https://www.tumblr.com/privacy/consent?redirect=https%3A%2F%2Fwww.tumblr.com%2Fask_form%2F{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
</div>

<div class="about">
{Description}
</div>

{block:ifTwitterUsername}
<div class="twitter">
<a href="https://twitter.com/{text:Twitter Username}" target="_blank">
<h1>My twitter feed</h1></a>
<div id="twitter_div">
<ul id="twitter_update_list"></ul>
</div>
<script type="text/javascript" src="https://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="https://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count=5"></script>
</div>
{/block:ifTwitterUsername}

{block:IndexPage}
<script>
$(".m").click(function () {
$(".description").hide();
$(".about").hide();
$(".twitter").hide();
$(".message").show();
$(".m").addClass("active");
$(".a").removeClass("active");
$(".t").removeClass("active");
});
</script>
<script>
$(".a").click(function () {
$(".description").hide();
$(".about").show();
$(".twitter").hide();
$(".message").hide();
$(".a").addClass("active");
$(".m").removeClass("active");
$(".t").removeClass("active");
});
</script>
<script>
$(".t").click(function () {
$(".description").hide();
$(".twitter").show();
$(".about").hide();
$(".message").hide();
$(".t").addClass("active");
$(".a").removeClass("active");
$(".m").removeClass("active");
});
</script>
{/block:IndexPage}
{block:PermalinkPage}
<script>
$(".m").click(function () {
$(".permalink_side").hide();
$(".about").hide();
$(".twitter").hide();
$(".message").show();
$(".m").addClass("active");
$(".a").removeClass("active");
$(".t").removeClass("active");
});
</script>
<script>
$(".a").click(function () {
$(".permalink_side").hide();
$(".about").show();
$(".twitter").hide();
$(".message").hide();
$(".a").addClass("active");
$(".m").removeClass("active");
$(".t").removeClass("active");
});
</script>
<script>
$(".t").click(function () {
$(".permalink_side").hide();
$(".twitter").show();
$(".about").hide();
$(".message").hide();
$(".t").addClass("active");
$(".a").removeClass("active");
$(".m").removeClass("active");
});
</script>
{/block:PermalinkPage}
</div>
</div>
<div id="content">
{block:Posts}
<div class="post {block:if2columns}{block:Photoset}width{/block:Photoset}{block:Video}width{/block:Video}{/block:if2columns}">

{block:Text}
{block:Title}
<a href="{Permalink}"><h1>{Title}</h1></a>
{/block:Title}
{Body}
{/block:Text}

{block:Photo}
<div class="box">
{block:IndexPage}
{block:NoteCount}
{block:Date}
<div class="permalink_photo">
<a href="{Permalink}">{NoteCountWithLabel}</a>
{text:Link Separator 1}
<a href="{ReblogURL}">Reblog</a>
</div>
{/block:Date}
{/block:NoteCount}
{/block:IndexPage}
<a href="{Permalink}"><img src="{PhotoURL-400}" /></a>
</div>
{block:ifShowCaptions}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaptions}
{/block:Photo}

{block:Photoset}
{block:ifNot2columnsbroaderposts}
{Photoset-400}
{/block:ifNot2columnsbroaderposts}
{block:if2columnsbroaderposts}
{Photoset-500}
{/block:if2columnsbroaderposts}
{block:ifShowCaptions}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaptions}
{/block:Photoset}

{block:Quote}
<center>
<h1>"{Quote}"</h1>
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</center>
{/block:Quote}

{block:Link}
<a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>

{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{/block:Link}

{block:Chat}
{block:Title}
<h1><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}

{block:Video}
{block:ifNot2columnsbroaderposts}
{Video-400}
{/block:ifNot2columnsbroaderposts}
{block:if2columnsbroaderposts}
{Video-500}
{/block:if2columnsbroaderposts}
{block:ifShowCaptions}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaptions}
{/block:Video}

{block:Audio}
{block:AlbumArt}<div class="album_art">
<img src="{AlbumArtURL}" />
</div>{/block:AlbumArt}

<div class="audio {block:AlbumArt}album{/block:AlbumArt}">
{AudioPlayerBlack}
</div>
<div class="clear"></div>
{block:ifShowCaptions}
<div class="caption">{PlayCountWithLabel}</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
{/block:ifShowCaptions}
{/block:Audio}

{block:Answer}
<div class="question">
{Asker}:
{Question}
</div>
<div class="answer">{Answer}</div>
{/block:Answer}

{block:IndexPage}
{block:Date}
<div class="permalink {block:Photo}photo{/block:Photo}">
<a href="{Permalink}">{TimeAgo}</a>
</div>
{/block:Date}
{/block:IndexPage}

{block:PermalinkPage}
{block:Date}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
{/block:Date}
{block:NoteCount}
<div class="view_notes">View Notes</div>
{/block:NoteCount}
{PostNotes}
<script>
$(".view_notes").click(function () {
$(".notes").show();
$(".view_notes").hide();
});
</script>
{/block:Date}
{/block:PermalinkPage}

</div>
{/block:Posts}
</div>
</div>
</body>
</html>
0

Discussions similaires

Code de renvoi d'appel : Ooredo, Mobilis...
midoou07 -
Camille -

13 réponses
code d'activation GTA 5 steam
ylyes59 -
David -

6 réponses
Codes bateaux et avion GTA vice city Stories
matt3610 -
Diglo -

30 réponses
enigme
sillvain -
Kai61 -

1 réponse