Modification thème [DohTheme] Pad 2.2.13

résolu Modification thème [DohTheme] Pad 2.2.13

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
Modification thème [DohTheme] Pad 2.2.13

résolu Modification thème [DohTheme] Pad 2.2.13

Catégorie Catégorie Questions & Aides
Titre du sujet Titre du sujet Modification thème [DohTheme] Pad 2.2.13
Auteur de la discussion Auteur de la discussion Smallville
Date de début Date de début
Réponses Réponses 29
Affichages Affichages 1 191
Réaction Réaction 0
Dernier message par Dernier message par Smallville

Smallville

Membre suprême

Donateur
Réputation: 79%
Discussions
64
Messages
516
Solutions
32
J'aime
173
Points
73
bonjour Laurent et à tous,

Comment et où modifier le (les) icone(s) du thème suivant [DohTheme] Pad 2.2.13 s'il vous plais​


de ceci

voir la capture


Pour mettre suivant l'icone du forum comme film etc...

Mille Merci d'avance à tous​
 

Pièces jointes

  • Sans titre.png
    Sans titre.png
    233.3 KB · Affichages: 44
Solution
Si tu veux mettre plusieurs icône différent le mieux c'est d'installer cet addon :

Si tu veux mettre plusieurs icône différent le mieux c'est d'installer cet addon :

 
Upvote 0
Solution
Merci Laurent trop bien,
Laisse le poste ouvert car j'aurais d'autres question aux fur et a mesure que j'avance
 
Upvote 0
Bonjour Laurent
J'ai placer un background dans le forum via les option après les icônes a changer
et rien ne change comment se fait t'il et comment y remédier s'il te plais regarde les 2 captures
 

Pièces jointes

  • theme1.png
    theme1.png
    33.3 KB · Affichages: 35
  • theme2.png
    theme2.png
    27.2 KB · Affichages: 43
Upvote 0
Bonjour Laurent
J'ai placer un background dans le forum via les option après les icônes a changer
et rien ne change comment se fait t'il et comment y remédier s'il te plais regarde les 2 captures
Essais en ajoutent / devant.
Se qui donne :
/data/assets/nodebackground/marvel.png

Ou met le lien en entier
https://adresse-de-ton-forum/data/assets/nodebackground/marvel.png

J'ai pas le node background comme toi :
 
Upvote 0
bonjour Laurent
sa n pas marcher
J'ai fait et quand je sauvegarde j'ai le message suivant qui est sur la capture
 

Pièces jointes

  • theme.png
    theme.png
    94 KB · Affichages: 28
Upvote 0
Pourtant ton lien fonctionne :

Sur ton screen, ton lien n'est pas dans la case Node background

Tu peux aussi la télécharger :
 
Upvote 0
oui mais sa change l'icone seulement moi je voudrais changer le fond du forum de cette partie voir capture car il parle de Node background donc je suppose que s'est le fond dans les options car plus haut j'ai deja mis les bon icone
 

Pièces jointes

  • icone.png
    icone.png
    23.9 KB · Affichages: 26
  • theme.png
    theme.png
    36.5 KB · Affichages: 30
Upvote 0
Sinon tu le fais manuellement dans Extra.less

Less:
.block.block--category.block--category .node--id5 .node-body {
    background-repeat: no-repeat;
    background-image: url("https://extreme-warez.top/forum/data/assets/nodebackground/marvel.png") !important;
    background-position: 0px 0px;
    opacity: 0.5;
}

Change le numéro id par le tiens.
Background-position contrôle : Droite / Gauche et Bas / Haut
opacity contrôle la clarté de l'image

Résultat :
 
Upvote 0
Merci Laurent est t'il possible d'avoir la même image qui s'affiche sur 3 forum ensemble pour qu'on voit pas trois fois la meme image et que sa soit visible uniquement jusque la voir capture

theme.png


Comme cela le texte sera plus visible voir la capture
them2.png
 
Upvote 0
Si j'ai bien compris tu veux une seule image qui complète toute la catégorie ?
 
Upvote 0
La seule chose que j'ai trouver c'est de mettre plusieurs fois le même code et changer la hauteur de l'image

Less:
.block.block--category.block--category .node--id5 .node-body {
    background-repeat: no-repeat;
    background-image: url("https://extreme-warez.top/forum/data/assets/nodebackground/marvel.png") !important;
    background-position: 0px 0px;
    opacity: 0.5;
}
.block.block--category.block--category .node--id6 .node-body {
    background-repeat: no-repeat;
    background-image: url("https://extreme-warez.top/forum/data/assets/nodebackground/marvel.png") !important;
    background-position: 0px -170px;
    opacity: 0.5;
}
.block.block--category.block--category .node--id7 .node-body {
    background-repeat: no-repeat;
    background-image: url("https://extreme-warez.top/forum/data/assets/nodebackground/marvel.png") !important;
    background-position: 0px -340px;
    opacity: 0.5;
}
.block.block--category.block--category .node--id8 .node-body {
    background-repeat: no-repeat;
    background-image: url("https://extreme-warez.top/forum/data/assets/nodebackground/marvel.png") !important;
    background-position: 0px -510px;
    opacity: 0.5;
}

Dans le background postion j'ai changer la hauteur de l'image (-170)
Résulta :
 
Upvote 0
Super Merci Laurent t'est un as vraiment, mais j'ai editer mon extra.less dans les template de theme et j'ai rien dedans, j'ai ajouter malgré tout en changeant mes Id des forum mais rien ne change, que faire
 
Upvote 0
Super Merci Laurent t'est un as vraiment, mais j'ai editer mon extra.less dans les template de theme et j'ai rien dedans, j'ai ajouter malgré tout en changeant mes Id des forum mais rien ne change, que faire
Pourtant le premier code de dimanche fonctionnait.
Se sont les mêmes codes avec différent ID
Vérifie ton url de l'image, ou change la hauteur de ton image dans le background postion.
 
Upvote 0
oui mais chez moi cela na jamais fonctionner Laurent car j'ai rien du tout dans extra.less du thème dot
 
Upvote 0
oui mais chez moi cela na jamais fonctionner Laurent car j'ai rien du tout dans extra.less du thème dot
Je comprend pas, tu met bien les codes dans extra.less ?
Tu as tester sur ton style par defaut ?
 
Upvote 0
J'ai pas encore tester vu que j'avais rien dans extra.less de dot donc j'ai pas osez et aussi je ne sais pas où trouver les id des forums :( ?
 
Upvote 0
Merci Laurent

J'ai placer comme suit dans extra.less

.block.block--category.block--category .node--id10 .node-body {
background-repeat: no-repeat;
background-image: url("https://extreme-warez.top/forum/data/assets/nodebackground/marvel.png") !important;
background-position: 0px 0px;
opacity: 0.5;
}
.block.block--category.block--category .node--id11 .node-body {
background-repeat: no-repeat;
background-image: url("https://extreme-warez.top/forum/data/assets/nodebackground/marvel.png") !important;
background-position: 0px 0px;
opacity: 0.5;
}

et j'ai pas le même résultat que toi voici la capture
S'il te plais que doit je changer
theme.png

[automerge]1714042997[/automerge]
Alors j'ai modifier un peut et voila ce que j'ai placer

.block.block--category.block--category .node--id10 .node-body {
background-repeat: no-repeat;
background-image: url("https://extreme-warez.top/forum/data/assets/nodebackground/marvel.png") !important;
background-position: 190px 0px;
opacity: 0.5;
}
.block.block--category.block--category .node--id11 .node-body {
background-repeat: no-repeat;
background-image: url("https://extreme-warez.top/forum/data/assets/nodebackground/marvel.png") !important;
background-position: 190px 170px;
opacity: 0.5;
}
.block.block--category.block--category .node--id18 .node-body {
background-repeat: no-repeat;
background-image: url("https://extreme-warez.top/forum/data/assets/nodebackground/marvel.png") !important;
background-position: 190px 340px;
opacity: 0.5;
}

et voila le résultat j'ai que le coté gauche décaler c'est ce que je veut mais j'arrive pas aussi a décaler celui de droite pour voir correctement le texte qui est a droite ( les sujet etc...)

que faire

theme.png
 
Dernière édition:
Upvote 0
C'est le probleme si tu met des images.
Sinon tu peux changer la couleur du texte pour qu'il soit plus voyant.

Tu peux aussi supprimer le code opacity: 0.5;
 
Upvote 0
Contenu similaire Les plus vues Voir plus
Retour
Haut Bas