Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Couleur sélecteur / attachTo ++

Voir le sujet précédent Voir le sujet suivant Aller en bas

ThunderTB
ThunderTB
http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Mar 29 Sep 2020 - 3:03

  • Version du forum :
    PHPBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Salut Philippe c'est encore moi , j'ai installer ceci aujourd'hui et j'aimerais étendre
sont efficacité pour étendre le changement de couleur sur mon forum mais je m'y connais
pas du tout en javascript , j'ai fait de mon mieux avec quelque tentatives mais rien n'y va .

J'ai installer le sélecteur de couleur partager par ange tuteur :
https://fmdesign.forumotion.com/t530-simple-theme-changer

par contre par défaut sont "attachTo" est pour le .bodyline > last-child .
je me demandais si tu pouvais m'aider à ajouter des partis sur mon forum qui pourrais être changer ...

Exemples : https://snipboard.io/zsFXnT.jpg

J'aimerais comprendre comment on peut ajouter une div spécifique pour le
attachTo de l'astuce javascript .

Un gros merci Phil encore une fois pour ton temps c'est très apprécié .


Dernière édition par ThunderTB le Mer 30 Sep 2020 - 19:12, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 29 Sep 2020 - 4:18

Hello Franck,
je présume que ce n'est pas le forum de ton profil!!!


Alors le :

Code:
  // elements the selector is attached to
    attachTo : [
      '.bodyline > table:first-child', // phpbb2
      '#page-header', // phpbb3
      '#pun-head', // punbb
      '#submenu' // invision
    ][version],

Sert en faite a configurer le script selon la version.

Pour la version phpbb2:
Code:
 // 0 = phpbb2
  // 1 = phpbb3
  // 2 = punbb
  // 3 = invision
  var version = 0; // forum version

Il faut l'ajouter pour la version Phpbb2 ici:
Code:
      case 0 : // phpbb2
          return 'a, a:link, a:visited, a.forumlink, a.forumlink:link, a.forumlink:visited, a.topictitle, a.topictitle:link, a.topictitle:visited { color:' + palette[3] + '; }'+
                'a:hover, a.forumlink:hover, a.topictitle:hover { color:' + palette[1] + '; }'+
                'th, td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides { background:' + palette[1] + '!important; }'+
                '.forumline { border-color:' + palette[1] + '; }'+
                'th, td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides, .cattitle, h1.pagetitle, .module-title, .catHead .genmed, .secondarytitle h2, .catBottom a, .catLeft .genmed { color:#FFF !important; }'+
                all;

Et plus particulièrement ici:

Code:
 
 'th, td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides

{ background:' + palette[1] + '!important; }'+


Je t'ai déjà ajouté les boutons de la barre de navigation , le bouton d'ouverture et fermeture en haut, mais pour le bouton en bas cela va être compliqué Franck car c'est une image:

http://hf.hockeyhq.net/HockeyFederation/Ronde2/GMC/tothetop/image/32.png

Voilà mon ami ce que j'ai modifié sur le fofo:
cette ligne va modifier la couleur de fond sur les parties désirées.
J'ai ajouté:
,.openbtn ,#navbar a.active
Code:
     
'th, td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides ,.openbtn ,#navbar a.active { background:' + palette[1] + '!important; }'+

Dons si tu désires ajouter d'autres parties, il faut toujours séparer par une virgule Franck.
Exemple, tu veux ajouter la class trucmuche.

#navbar a.active , .trucmuche

Puis pour les bordures top des widgets à droite, j'ai créé cette ligne:

Code:
'.menudroitin, .menudroitin2, .menudroitin4{ border-color:' + palette[1]  + '!important; }'+


ThunderTB
ThunderTB
http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Mer 30 Sep 2020 - 2:25

Salut Phil coucou ,

"WOW" ... Je suis très content et chanceux que tu m'es expliquer tout sa pour que je
puisse comprendre, sans tes explications j'aurais jamais trouver . Je suis très satisfait
du résultat tu peux y jeter un coup d'oeil : https://qmhl.forum-canada.com/

P.s. Pour l'image de "To the top" j'ai changer le tout est j'ai réussi à l'intégré à tes explications Merci .

Je te le dirais jamais assez " Mercimill " ...
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 30 Sep 2020 - 4:06

Hello et de rien Franck,
alors j'ai rectifié les couleurs de fond mon ami,
car la couleur de fond par défaut du sélecteur de thème est celle ci:

#283EB8

Donc j'ai attribué cette couleur aux blocs qui avaient une autre couleur.


Pour les bordures top:

Code:
/*ON DONNE LA MEME APPARENCE AUX TROIS DIVS*/
.menudroitin,.menudroitin2,.menudroitin4{
background-color:#efefef;
border-top: 36px solid #283EB8;
height:275px;
margin-bottom:20px;
margin-left:-14%;
max-width:274px;
min-width:274px;
padding:5px;
position:absolute;
text-align:center;
}

Pour la couleur de fond des balises th:

Code:
th{
background-image:none!important;
color:#333;
font-size:11px;
font-weight:700;
height:25px;
padding:2px 3px;
background-color:#283EB8;
}



Si tu veux ajouter une class ou un id dans le sélecteur il faut toujours renseigner la couleur de base du thème dans la css Franck :

#283EB8
ThunderTB
ThunderTB
http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Mer 30 Sep 2020 - 17:41

Salut Phil , je pense que j'ai mis le tout en place de la bonne façon par contre j'ai un petit
souci d'alignement de mes div ".menudroitin,.menudroitin2,.menudroitin4"
le menudroitin2 fait défault lorsque es dimensions bouge sur firefox c'est correct
comme tu peux le voir ici ->

Firefox : https://snipboard.io/mOP4t0.jpg
Chrome : https://snipboard.io/QtEirI.jpg

Que puis-je faire ?
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 30 Sep 2020 - 18:13

Re Franck,

je ne rencontre pas de soucis avec Chrome de mon côté, penses a vider ton cache mon ami Merci .
ThunderTB
ThunderTB
http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Mer 30 Sep 2020 - 18:54

Re Phil , j'ai toujours le même souci après avoir vider le cache par contre je me suis peut-être mal exprimer . En se moment tout est numéro 1 au niveau visuel pour les deux browsers par contre si je fait la manipulation "CTRL+-" pour réduire mon écran à 90% la table sort de sa ligne et à 80%
elle ce remet en place alors que sur firefox elle reste dans sa ligne à 90%
mais sort de sa ligne à 80% y'a tu une raison pour sa ? pourtant outre cette div sur le forum tout reste en place sur le forum .

marreordi
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 30 Sep 2020 - 19:01

Ah tout ceci n'est rien Franck, ce ne sont que des aperçus des navigateurs.
Cela ne joue en rien sur les différentes résolutions d'écran mon ami.


ThunderTB
ThunderTB
http://hockeyfederation.forumgratuit.org/forum

MessageThunderTB Mer 30 Sep 2020 - 19:05

Alors je suis soulager !!! ouf ...

Sur ce le sujet est résolue , je te remercie mon ami et je te souhaite une belle fin de soirée .
hinhin
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 30 Sep 2020 - 19:14

De rien Franck,
bonne soirée à toi également hinhin .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum