Sujet Précédent Sujet Suivant

Theme HTML Tumblr redimension images

Fermé
Klausy Messages postés 2 Date d'inscription jeudi 19 mai 2016 Statut Membre Dernière intervention 19 mai 2016 - 19 mai 2016 à 22:33
Klausy Messages postés 2 Date d'inscription jeudi 19 mai 2016 Statut Membre Dernière intervention 19 mai 2016 - 19 mai 2016 à 22:34
Bonjour, j'essaye de dompter un theme sur Tumblr, pas moyen de contacter le créateur pour savoir comment le modifier je me tourne vers vous pour voir si vous pouvez m'éclairer, aider.

Voilà le blog en question sur lequel je teste le theme : https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Fblogtestn1.tumblr.com%2F
Mon problème est que mes images sont redimensionner en 500px et pour afficher la taille original il faut cliquer sur l'image or j'aimerais afficher mes images dans leurs formats d'origine (majoritairement du 600px de largeur) sans avoir cette option où il faut cliquer.
Je voulais donc savoir si avec le codage sous les yeux vous sauriez m'indiquer (j'ai essayé plein de modification sans succès) ce qu'il faut changer ou ajouter...
(j'ajoute le codage après ce poste)

Merci d'avance
A voir également:

1 réponse

Réponse 1 / 1
Klausy Messages postés 2 Date d'inscription jeudi 19 mai 2016 Statut Membre Dernière intervention 19 mai 2016
19 mai 2016 à 22:34
Le codage :

<!--
Theme 016 - Lighthouse by thewicked-eternity.tumblr.com
PLEASE DO NOT REMOVE THE CREDIT OR REDISTRIBUTE
For any help, visit wickedeternitythemehelp.tumblr.com
-->

<html><head>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<meta name="description" content="{MetaDescription}" /

<!-- DEFAULT VARIABLES -->
<meta name="color:Background" content="#444444"/>
<meta name="color:Text" content="#999999"/>
<meta name="color:Title" content="#FFFFFF"/>
<meta name="color:Links" content="#8A90AD"/>
<meta name="color:Links Hover" content="#999999"/>
<meta name="color:Sidebar Background" content="#333333"/>
<meta name="color:Sidebar Image Border" content="222222"/>
<meta name="color:Navigation" content="#222222"/>
<meta name="color:Navigation Hover" content="#444444"/>
<meta name="color:Sidelinks" content="#222222"/>
<meta name="color:Sidelinks Hover" content="#333333"/>
<meta name="color:Info Background" content="#222222"/>
<meta name="color:Mainlink Background" content="#222222"/>
<meta name="color:Tag Border" content="#333333"/>
<meta name="color:Tag Background" content="#222222"/>
<meta name="color:Asker Background" content="#333333"/>
<meta name="color:Description Background" content="#000000"/>
<meta name="color:Scrollbar" content="#222222"/>

<meta name="image:Sidebar" content=""/>
<meta name="image:Background" content=""/>
<meta name="image:Sidebar Background" content="http://static.tumblr.com/vyzeblq/y1Xm7oa77/background.png"/>

<meta name="font:Title" content="georgia" />
<meta name="font:Body" content="georgia" />
<meta name="font:Description" content="georgia" />

<meta name="if:Show Description" content="0"/>
<meta name="if:Infinite Scrolling" content="0" />
<meta name="if:Show Submit" content="0"/>
<meta name="if:Hide Title" content="0"/>
<meta name="if:Hide Icon" content="0"/>
<meta name="if:Hide Side Navigation" content="0"/>
<meta name="if:Switch Main Links To Right" content="0"/>
<meta name="if:600px Posts" content="0"/>
<meta name="if:White Audio Player" content="0"/>
<meta name="if:Hide Photo Captions" content="0"/>

<meta name="text:Link 1" content="http://"/>
<meta name="text:Link 1 Title" content=""/>
<meta name="text:Link 2" content="http://">
<meta name="text:Link 2 Title" content=""/>
<meta name="text:Link 3" content="http://"/>
<meta name="text:Link 3 Title" content=""/>
<meta name="text:Link 4" content="http://"/>
<meta name="text:Link 4 Title" content=""/>
<meta name="text:Link 5" content="http://"/>
<meta name="text:Link 5 Title" content=""/>


<style type="text/css">

/* --- SCROLLBAR --- */

::-webkit-scrollbar-thumb:vertical {
background-color:{color:Scrollbar};
height:30px;
}

::-webkit-scrollbar-thumb:horizontal {
background-color:{color:Scrollbar};
height:5px!important;
}

::-webkit-scrollbar {
background-color:{color:Background};
height:5px;
width:5px;
}


/* --- POSTS & INFO --- */

body {
color:{color:Text};
background-attachment:fixed;
background-color:{color:Background};
background-image: url('{image:Background}');
background-position:bottom right;
background-repeat:repeat;
text-align:center;
font-family:{font:Body};
font-size:12px;
}

a {
color:{color:Links};
text-decoration:none;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;
}

a:hover {
color:{color:Links Hover};
text-decoration:none;
-webkit-transition:opacity 0.7s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#entries {
position:absolute;
overflow:hidden;
width:614px;
{block:If600pxPosts}
width:515px;
{block:PermalinkPage}
width:614px;
{/block:PermalinkPage}
{/block:If600pxPosts}
margin-top:5px;
margin-left:420px;
}

#posts {
margin-top:10px;
padding:7px;
}

#posts:hover .t2 {
opacity:1.0;
height:10px;
margin-top:-5px;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
}

#info {
padding:4px;
margin-bottom:5px;
color:{color:Text};
font-size:9px;
font-family:georgia;
line-height:110%;
text-transform:uppercase;
width:592px;
{block:If600pxPosts}
width:493px;
{block:PermalinkPage}
width:592px;
{/block:PermalinkPage}
{/block:If600pxPosts}
background-color:{color:Info Background};
letter-spacing:1px;
text-align:center;
}

.infobox {
width:595px;
height:5px;
margin-top:-10px;
}

.infomain {
width:600px;
height:5px;
}

.t2 {
opacity:0.0;
height:0px;
width:595px;
position:absolute;
margin-top:-10px;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
z-index:2;
}


/* --- SIDEBAR --- */

#sidebar {
position:fixed;
margin-top:-8px;
margin-left:-8px;
width:410px;
height:1000%;
background-color:{color:Sidebar Background};
background-image: url('{image:Sidebar Background}');
border-right:0px solid {color:Sidebar Background};
}

#sidebarimage img {
max-width:300px;
height:auto;
text-align:center;
position:relative;
border:0px solid {color:Sidebar Image Border};
{block:IfSwitchMainLinksToRight}
margin-top:55px;
{/block:IfSwitchMainLinksToRight}
}

#description {
font-size:12px;
font-family:{font:Description};
margin-left:25px;
margin-right:25px;
position:relative;
background-color:{color:#f6f6f6};
padding:15px;
opacity:100;
color:{color:Text};
}

.box {
width:370px;
height:1000%;
margin-top:10px;
margin-left:18px;
}

.main {
width:450px;
height:5px;
}




/* --- NAVIGATION & SIDELINKS --- */

#mainlinks {
width:350px;
height:auto;
margin-top:15px;
background-color:{color:Mainlink Background};
z-index:2;
}

#icon {
border:13px solid {color:Sidelinks};
height:48px;
width:48px;
margin-left:1060px;
{block:If600pxPosts}
margin-left:960px;
{block:PermalinkPage}
margin-left:1060px;
{/block:PermalinkPage}
{/block:If600pxPosts}
margin-top:90px;
position:fixed;
}

#sidelinks {
position:fixed;
margin-left:1060px;
{block:If600pxPosts}
margin-left:960px;
{block:PermalinkPage}
margin-left:1060px;
{/block:PermalinkPage}
{/block:If600pxPosts}
margin-top:167px;
width:85px;
}

#sidelinks a {
display:block;
width:72px;
height:auto;
font-family:calibri;
font-size:9px;
text-align:center;
background-color:{color:Sidelinks};
color:{color:Text};
padding:1px;
margin-bottom:-10px;
text-transform:uppercase;
letter-spacing:1px;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#sidelinks a:hover {
width:77px;
margin-left:15px;
color:{color:Text};
background-color:{color:Sidelinks Hover};
text-align:center;
text-decoration:none;
letter-spacing:1px;
opacity:2;
-webkit-transition:opacity 0.7s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

.navigation a {
width:70px;
margin-top:8px;
margin-bottom:8px;
padding:2px;
display:inline-block;
font-family:georgia;
font-size:8px;
text-align:center;
letter-spacing:1px;
background-color:{color:Navigation};
color:{color:Text};
text-transform:uppercase;
opacity:0.7;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out
}

.navigation a:hover {
opacity:1;
letter-spacing:1px;
-webkit-transition:opacity 0.7s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
color:{color:Text};
background-color:{color:Navigation Hover};
}


/* --- TITLES --- */

#title {
margin-bottom:10px;
margin-right:3px;
margin-left:3px;
font-family:{font:Title};
color:{color:Title};
text-transform:none;
font-size:20px;
font-style:none;
line-height:12px;
letter-spacing:0px;
text-align:center;
text-decoration:none;
position:relative;
}

#title1 {
font-size:17px;
{block:If600pxPosts}
font-size:15px;
{block:PermalinkPage}
font-size:17px;
{/block:PermalinkPage}
{/block:If600pxPosts}
font-family:calibri;
text-decoration:none;
text-align:center;
text-transform:uppercase;
margin-bottom:-5px;
}

#title2 {
font-size:14px;
{block:If600pxPosts}
font-size:12px;
{block:PermalinkPage}
font-size:14px;
{/block:PermalinkPage}
{/block:If600pxPosts}
font-style:italic;
font-family:georgia;
}


/* --- AUDIO --- */

#audio {
margin-bottom:5px;
width:600px;
height:105px;
}

.albumart {
width:100px;
height:100px;
position:absolute;
}

.albumart img {
width:100px;
height:100px;
float:left;
position:absolute;
}

.playercontainer {
opacity: .2;
display:block;
width:100px;
height:100px;
background-color:black;
{block:IfWhiteAudioPlayer}
background-color:white;
{block:IfWhiteAudioPlayer}
position:absolute;
z-index:1;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}

.playercontainer:hover {
opacity:.7;
position:absolute;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}

.player {
margin-left:36px;
margin-top:36px;
width:25px;
height:25px;
overflow:hidden;
position:absolute;
background-color:black;
{block:IfWhiteAudioPlayer}
background-color:white;
{/block:IfWhiteAudioPlayer}
}

.audioinfo {
margin-left:110px;
float:left;
background-color:{color:Tag Border};
color:{color:Text};
width:386px;
{block:If600pxPosts}
width:287px;
{block:PermalinkPage}
width:386px;
{/block:PermalinkPage}
{/block:If600pxPosts}
padding:2px;
margin-top:3px;
}


/* --- CHAT POST --- */

.chat {
line-height:12px;
list-style:none;
}

.chat ul {
line-height:15px;
list-style:none;
padding:0px;
line-height:20px;
}

.person1 {
background-color:{color:Tag Border};
color:{color:Text};
}

.person1 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}

.person2 {
color:{color:Text};
}

.person2 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}

.person3 {
background-color:{color:Tag Border};
color:{color:Text};
}

.person3 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}

.person4 {
color:{color:Text};
}

.person4 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}

.person5 {
background-color:{color:Tag Border};
color:{color:Text};
}

.person5 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}

.person6 {
color:{color:Text};
}

.person6 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}


/* --- TAGS & OTHER --- */

#tagbord {
padding:2px;
margin-top:4px;
background-color:{color:none};
}

#tags {
padding:4px;
font-family:georgia;
text-align:center;
text-transform:uppercase;
font-size:8px;
background-color:{color:none};
letter-spacing:1px;
}

#questions {
background-color:{color:Asker Background};
color:{color:Text};
padding:10px;
margin-bottom:0px;
font-family:georgia;
font-size:10px;
font-style:italic;
text-align:center;
}

#asker {
color:{color:Asker Background};
text-transform:uppercase;
margin-top:3px;
font-size:8px;
float:left;
margin-left:3px;
}

#askarrow {
font-size:25px;
margin-left:40px;
margin-top:-9px;
float:left;
color:{color:Asker Background};
text-transform:uppercase;
}

#source {
margin-top:3px;
text-align:right;
margin-bottom:5px;
font-size:10px;
}

.pagination {
margin-top:5px;
margin-bottom:10px;
text-align:center;
line-height:20px;
font-family:calibri;
font-size:10px;
}

.pagination a {
text-decoration:none;
background-color:{color:none};
padding:2px 4px 2px 4px;
color:{color:Text};
}

.pagination a:hover {
background-color:{color:Sidebar Background};
color:{color:Text};
}

.postnotes {
margin-top:-5px;
}

ol.notes, .notes li {
width:600px;
list-style:none;
}

blockquote {
border-left:4px solid {color:Text};
padding:0px;
padding-left:5px;
margin:5px;
}

{CustomCSS}

</style>

{block:ifInfiniteScrolling}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:ifInfiniteScrolling}

</head>
<body>




{block:IfNotHideIcon}
<div id="icon"><img src="{PortraitURL-48}"></div>
{/block:IfNotHideIcon}

{block:IfNotHideSideNavigation}
<div id="sidelinks">
{block:IfSwitchMainLinksToRight}
<a href="/">home</a><br>
<a href="/ask">message</a><br>
{block:IfShowSubmit}
<a href="/submit">{SubmitLabel}</a><br>
{/block:IfShowSubmit}
<a href="/archive">archive</a><br>
<a href="https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Fthewicked-eternitythemes.tumblr.com%2F">theme</a><br>
{/block:IfSwitchMainLinksToRight}
{block:IfNotSwitchMainLinksToRight}{block:IfShowSubmit}
<a href="/submit">{SubmitLabel}</a><br>
{/block:IfShowSubmit}{/block:IfNotSwitchMainLinksToRight}
{block:HasPages}{block:Pages}<a href="{URL}" title="{Label}">{Label}</a><br>{/block:Pages}{/block:HasPages}
{block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a><br>{/block:ifLink1Title}
{block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a><br>{/block:ifLink2Title}
{block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a><br>{/block:ifLink3Title}
{block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a><br>{/block:ifLink4Title}
{block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a><br>{/block:ifLink5Title}
</div>
{/block:IfNotHideSideNavigation}


<div id="sidebar">

{block:IfNotSwitchMainLinksToRight}
<center><div id="mainlinks"><center><div class="navigation"><a href="/">home</a> <a href="/ask">message</a> <a href="/archive">archive</a> <a href="https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Fthewicked-eternitythemes.tumblr.com%2F">theme</a></div></center><p></div></center>
{/block:IfNotSwitchMainLinksToRight}

<center><div id="sidebarimage"><img src="{image:Sidebar}"/></div></center>

<div class="box">
<div class="main"></div>
<div class="b3">

{block:IfNotHideTitle}<div id="title">{Title}</div>{/block:IfNotHideTitle}

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

{block:ifNotInfiniteScrolling} {block:Pagination}<div class="pagination">
{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
{block:JumpPagination length="6"}{block:CurrentPage}
<span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
</div>{/block:Pagination}{/block:ifNotInfiniteScrolling}
</div></div></div>



<div id="entries">

{block:IndexPage}{block:ifInfiniteScrolling}<div class="600px">{/block:ifInfiniteScrolling}{/block:IndexPage}

{block:Posts}<div id="posts">

<div class="infobox">
<div class="t2">
{block:Date}<div id="info"><a href="{ReblogURL}" target="_blank">Reblog</a> / posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> {block:ContentSource} · © <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
</div><div class="infomain"></div></div>

{block:Title}
<div id="title1">{Title}</div>{/block:Title}
{block:Text}{Body}{/block:Text}

{block:Photo}
<center>{LinkOpenTag}{block:IfNot600pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:IfNot600pxPosts}{block:If600pxPosts}{block:IndexPage}<img src="{PhotoURL-600}" alt="{PhotoAlt}"/>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-600}" alt="{PhotoAlt}"/>{/block:PermalinkPage}{/block:If600pxPosts}{LinkCloseTag}</center>{block:IfNotHidePhotoCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaptions}{block:IfHidePhotoCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfHidePhotoCaptions}
{/block:Photo}

{block:Photoset}
<center>{block:IfNot600pxPosts}{Photoset-600}{/block:IfNot600pxPosts}
{block:If600pxPosts}{block:IndexPage}{Photoset-600}{/block:IndexPage}{block:PermalinkPage}{Photoset-600}{/block:PermalinkPage}{/block:If600pxPosts}</center>{block:IfNotHidePhotoCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaptions}{block:IfHidePhotoCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfHidePhotoCaptions}
{/block:Photoset}

{block:Quote}
<div id="title2">"{Quote}"</div>
{block:Source}<div id="source">— {Source}</div>{/block:Source}
{/block:Quote}

{block:Link}
<div id="title1"><a href="{URL}" class="link" {Target}>{Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">
{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul></div>
{/block:Chat}

{block:Audio}
<div id="audio"><div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{block:IfNotWhiteAudioPlayer}{AudioPlayerBlack}{/block:IfNotWhiteAudioPlayer}{block:IfWhiteAudioPlayer}{AudioPlayerWhite}{/block:IfWhiteAudioPlayer}</div></div>{block:TrackName}<div class="audioinfo"><b>Track Title:</b> {TrackName}</div><br>{/block:TrackName}{block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}{block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}</div>{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}
{Video-500}{block:If500pxPosts}{Video-500}{/block:If500pxPosts}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:Answer}
<div id="questions">{Question}<br></div>
<div id="askarrow">◥</div>
<div id="asker">{Asker}</div><br>
<div style="margin-left:5px;">{Answer}</div>
{/block:Answer}

<div id="tagbord"></div>{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div><BR>

{block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}

{/block:Posts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}

</div></div>

</body>
</html>
0

Discussions similaires

calcule nombre des pixels "noir" dans un image (noir/blanc)
neji55 -
nath84150 -

3 réponses
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
voir ses images enregistrés
bastUltra -
bastUltra -

2 réponses
ou sont enregistrées les images
RAKAMA -
mathejea -

4 réponses