Modification html / css thème Tumblr

Bonjour Sophier,

ça doit être possible, il n'y pas de raison. .

Je ne connais pas "Tumblr" //

- Je regarderai du côté des options de ton thème, il y a peut-être une option qui te permet de changer ça.
- avec les sélecteurs (nth-child(n+1)...) ou des .class en css tu dois pouvoir faire ça.
- Sinon je chercherai le fichier qui créer le "+", modifierai le code..

Ici tu peux trouver des idées. .

le "+" est tout petit chez moi je ne l'ai pas vu au premier abord

Bonsoir et merci beaucoup pour votre réactivité et vos éléments de réponse !

@blond1n : oui le "+" est minuscule, c'est bien pour ça que j'aimerai le modifier J'ai trouvé la ligne du code qui permet de remplacer par du texte, par contre je ne sais pas comment faire pour que celui-ci puisse changer sur chaque image... merci pour les conseils, je vais regarder de plus près.

Edit : merci pour le lien, c'est exactement ce que j'aimerai faire apparaitre sur mes images !

@Zelena : oui j'ai accès au fichier par le lien "éditer le HTML" par contre mon manque de compétences m'empêchent de comprendre votre commentaire : " Si on ne peut faire que ça, c'est assez limité..." ? Vous pensez que ce que je cherche à faire n'est pas possible en modifiant le HTML?

Merci de vos réponses, je dois paraitre être un boulet sur le forum mais ce projet m'est important...
Modifié par sophier (14 Dec 2016 - 22:13)

Zelena a écrit :

Eh bien... vous voulez mettre du texte à la place de la croix... la question est comment ? Le texte va changer selon quels critères ? Si ce n'est pas trop compliqué... peut-être... Quel va être le texte ?

Comment, la question est bien là ... Oui j'aimerai que le texte puisse changer sur chaque image. Le texte serai le nom de chaque artiste.

J'ai trouvé ceci dans le code :

{block:Photo}
<div id="photo">
<div id="picture">
{block:IndexPage}
<div id="info">
<div id="holder">
<a href="{Permalink}">
{block:NoteCount}<div class="note">
{NoteCount}
</div>{/block:NoteCount}
<center>+</center>
</a>
</div>
</div>
{/block:Date}
<img src="{PhotoURL-500}" />
{/block:IndexPage}
{block:PermalinkPage}
<center><img src="{PhotoURL-HighRes}"
class="permalink_photo" /></center>
{/block:PermalinkPage}
</div>
</div>
{/block:Photo}

est-ce que c'est là (en rouge) que je peux modifier quelque chose comme une balise qui permettrait de modifier le contenu à chaque post?

mille mercis encore une fois!

Après avoir passé la nuit dessus.... ne serait-il pas possible d'ajouter le nom de la photo (son nom lors de l'importation) pour que cela apparaisse ensuite sur la zone cliquable ?

Par exemple :
<a href="{Permalink}">
{block:NoteCount}<div class="note">
{NoteCount}
</div>{/block:NoteCount}
<div class="border"></div>
<div class="date">
{Text} {ShortMonth} {Year}
</div>

en rouge, est-ce que ce n'est pas là que je pourrai remplacer quelque chose ? et si oui, sauriez vous quelle est la balise pour rappeler le nom de l'image?

Oui malheureusement je suis perdue et je change de thème... J'avais trouvé la solution à mon problème en passant par les publications "texte" en y incluant une image plutôt que par les publications photo qui ne permettaient pas de titre.

Maintenant j'ai un autre problème : l'infinite scroll ne marche pas, la page est limitée à 15 billets alors que j'en ai besoin de 23 exactement pour mon projet. J'ai pensé à changer le thème (en conservant toutefois le précédent au chaud). Mes compétences en code sont trop légères.... à moins que vous pensez que faire fonctionner " l'infinite scroll " est aisé en agissant sur le html ?

ce serait une merveilleuse nouvelle... !

pour répondre précisement à votre question : si tumblr est basé sur le re-blogging ce n'est pas un intérêt prioritaire de mon projet qui sert davantage de "monstration"...

Bonsoir,

Content que le lien avec les exemples te plaise. à garder sous le coude pour les inspirations et pour comprendre comment construire quelque chose dans le genre. .

Avec du Css3, une animation basique, en :hover sur l'image, du texte et des éléments apparaissent de façon dynamique. .

Dans la zone de texte il doit avoir moyen de créer des éléments en leur mettant des .class. Ces .class leurs appliquer un display:none pour qu'elles ne soient pas visibless et un display:block pour les faire apparaitre en :hover. Bien sur pour que ce soit joli y rajouter quelques transitions..

Je rejoins Zelena, Il y a surement mieux que Trumblr..