web-dev-qa-db-fra.com

Comment modifier l'apparence des tags sur un thème Tumblr déjà créé?

Je me demandais si quelqu'un savait comment m'aider à changer l'apparence de mes tags. Ils ressemblent à des liens oldschool (soulignés et bleus) et c’est très criard. Cela heurte très mal le reste de mon thème. Je ne suis pas familier avec le codage CSS, mais toute instruction aide! Voici un lien vers mon blog pour voir de quoi je parle: http://spanz-spectral.tumblr.com/ .

tumblrtumblr-themestumblr-tags
1
Joey Flaig

Je sais comment! Recherchez {block: HasTags} dans votre thème HTML. Autour du <a href="{TagURL}">{Tag}</a>, vous pouvez ajouter des balises HTML modifiant la disposition, telles que la couleur, la taille et le style de la police, etc. Voir ci-dessous un exemple:

{block:HasTags}
       {block:Tags}
          <font size="2"> 
          <font color="#FFFFFF">
          <a href="{TagURL}">{Tag}</a>
          </font>
          </font>
       {/block:Tags}
    {/block:HasTags}

J'espère que ça aide!

Maintenant, j'essaie simplement de comprendre comment placer automatiquement une virgule après chaque balise, mais pas lorsqu'un seul balise est affichée. ; __;

1
Charlotte

Grâce à ce que vous m'avez déjà donné (trouvé via Google), j'ai enfin compris que cela fonctionnait exactement comme je l'espérais avec le thème de Munich. Voici donc ce que j’ai fait: aller dans Personnaliser → Modifier HTML. Sélectionnez le bloc de code géant que vous trouvez dans un fichier .txt du Bloc-notes pour le rendre plus facile à utiliser. En faisant défiler le haut de la page, vous trouverez un peu qui dit /* GENERAL POSTS */. Quelque part dans cette section, ajoutez ceci:

}

.tag a {
    color:{color:Links};
    text-decoration:none;

}

.tag a:hover {
    text-decoration:underline;

En gros, cela indiquera à votre thème comment gérer vos balises lorsque vous les ajoutez, afin qu'elles ne finissent pas en bleu vif et n'entrent en conflit avec tout. Maintenant, faites défiler vers le bas et vous trouverez beaucoup de sections pour formater des types d’entrées individuels. La première pour moi est {block:Link} et la dernière {block:Audio}. À la fin de chacune de ces sections, juste avant le </div> {/block:Link}, vous devez ajouter ceci:

<div class="tag">
    {block:HasTags}
          {block:Tags}
             <i>
             <font size="2">
             <font color="{color:Links}">
             <font="Lucida Sans Unicode">
             #<a style="{color:Links};" href="{TagURL}">{Tag}</a>
             </font>
             </font>
             </i>
          {/block:Tags}
    {/block:HasTags}
</div>

Vous devez passer et ajouter ceci au bas de chaque type d'entrée, en prenant soin de toujours le mettre avant le dernier </div> (il y a parfois deux de ceux-ci - le mettre entre eux si c'est le cas) et avant le {/block:Link}.

0
Myra

Je me rends compte que ce post est vieux, mais peut-être que vous ou quelqu'un googlerez ce fil trouverez cela utile. J'utilise aussi ce thème, Munich, et l'utilise pour afficher mes tags:

    {block:HasTags}
          {block:Tags}
             <i>
             <font size="2">
             <font color="#FFBC00">
             <font="Lucida Sans Unicode">
             #{Tag}
             </font>
             </font>
             </i>
          {/block:Tags}
    {/block:HasTags}

Il est juste pavé avec le peu de HTML que je connais mais cela fonctionne. Il suffit de le mettre dans chaque "type" de post, recherchez les en-têtes qui ressemblent à {block: Link}, il devrait y en avoir 7. Mettez ceci à la fin, juste avant le

    </div>
    </block:Link}
0
user34952