Adaptation de l'astuce Sélecteur de style

[chattigre]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum :

Description du problème

Bonjour,
Je souhaite installer le sélecteur de style proposé ici : https://forum.forumactif.com/t308631-
Mais voilà, problème, il ne fonctionne pas sur la Chatbox !
Je sais, il ne peut fonctionner sur la Chatbox en pleine page, car les JS ne sont pas appelés sur la page de la Chatbox.
Mais dans le script, il y a bien une partie #frame_chatbox qui devrait sauf si je me trompe agir sur la chatbox intégrée en bas de page... mais ça ne fonctionne pas...

J'aimerais donc :
 1 - Faire fonctionner cette astuce sur les chatbox intégrées aux pages (en tant qu'élément object ou iframe au choix ^^)

 2- Remplacer la liste déroulante de thèmes par une checkbox : non cochée pour le thème par défaut, cochée pour le thème secondaire


Merci de votre aide !

[chattigre]

Bonsoir
UP
J'ai légèrement modifié ma demande :

Bonjour,
Je souhaite installer le sélecteur de style proposé ici : https://forum.forumactif.com/t308631-
Mais voilà, problème, il ne fonctionne pas sur la Chatbox !
Je sais, il ne peut fonctionner sur la Chatbox en pleine page, car les JS ne sont pas appelés sur la page de la Chatbox.
Mais dans le script, il y a bien une partie #frame_chatbox qui devrait sauf si je me trompe agir sur la chatbox intégrée en bas de page... mais ça ne fonctionne pas...

J'aimerais donc :
 1 - Faire fonctionner cette astuce sur les chatbox intégrées aux pages (en tant qu'élément object ou iframe au choix ^^)

 2- Remplacer la liste déroulante de thèmes par une checkbox : non cochée pour le thème par défaut, cochée pour le thème secondaire


Merci de votre aide !

Merci et bonne soirée

PS : Comme l'astuce est de @Ea, si il passe par là, peut-il me confirmer la fonctionnalité ou non sur les chatbox intégrées ? Je suppose que les lignes de code ciblant # frame_chatbox ne sont pas là pour modifier la barre de navigation
Merci !

[chattigre]

UP !! Je suis certain qu'il y a une solution
Je précise que j'ai déjà ma structure HTML et mes feuilles CSS (structure HTML modifiable si besoin bien sûr ^^) et que mon problème réside dans le JS de bascule entre les deux thèmes

[chattigre]

UUUUUUUUUUP !

[chattigre]

UP

[chattigre]

UP !
Je remercie celui ou celle qui voudra bien se pencher sur ma question .

[chattigre]

UP UP UP !!!

[chattigre]

Bon, toujours personne ^^
J'ai avancé un peu finalement
 
Il reste un problème... Lorsque je clique sur le bouton pour changer le style, ça le change. Mais lorsque je vais consulter les archives, l'url de la page affichée change, et mon CSS part avec ^^
Comment faire pour que ma fonction JS soit exécutée à chaque fois que je passe des archives au chat et inversement ?

Merci

[chattigre]

Mais UP euh !
Merci beaucoup

[chattigre]

Et encore un...

[Invité]

Hello chattigre,
le sélecteur de style concerne le forum en lui même , la Chat-box étant une "partie "externe' (iframe et object) ,
il est donc impossible d'imposer un style spécifique à part sur les serveurs de forumactif.

a++

[chattigre]

il est donc impossible d'imposer un style spécifique à part sur les serveurs de forumactif.

Coucou Milouze
Merci de ton aide !!!
Qu'entends-tu par là ? J'arrive bien à dupliquer les feuilles CSS "forum" sur l'iframe Chatbox (c'est déjà ça ^^)
Mon problème est que comme la page change lorsque l'on passe des archives au chat et inversement, le style dupliqué est perdu et je cherche à ce qu'il soit réappliqué à chaque changement du coup

M'enfin tu connais mon niveau en JS, j'ai réussi à bidouiller quelque chose mais même si ça marche à moitié je ne sais pas ce que ça vaut
(Je mets le code en hide je préfère )

Merci, bonne soirée

[Invité]

Hello chattigre,
les feuilles de styles hébergées ne doivent pas être dans la page html mais dans le sélecteur mon ami.
Félicitations en tout cas .





Pour le thème black, tu peux utiliser le style de cette page en copiant l'intégralité :
https://dl.dropboxusercontent.com/s/sxf7udn1b669ej1/chattigreblackCSS.css

a++

[chattigre]

Coucou Milouze
Alors je ne vais ni mettre de couleurs, ni mettre de taille, mais c'est pas l'envie qui me manque : MERCI !!!

Quelques petits détails ^^

- En fait, dans mon code il n'y avait plus le sélecteur mais une checkbox car il n'y a qu'un thème supplémentaire : le thème sombre. Du coup, est-ce-qu'il est possible de transformer ça ? Si c'est compliqué c'est pas grave laisse tomber

- Pour la div jslink, tu peux l'oublier, cherche pas

- Par contre, il faudrait si possible que la feuille "cb-embed.css" soit appliquée quel que soit le thème sélectionné (sombre ou par défaut). Mais comme je ne veux pas que cela touche à la chatbox "pleine page", je ne peux pas la mettre dans la feuille CSS du forum

- Enfin, puis-je insérer le script (js) entre balises script plutôt que de l'héberger à part via le PA vu qu'il ne sert que sur cette page ?

Merci beaucoup et bonne journée

PS : Il y avait un problème dans le code du sélecteur ? Parce que quand j'essaye de l'installer bêtement via l'astuce, ça ne marche pas sur la Chatbox ^^

[Invité]

Re chattigre,

- En fait, dans mon code il n'y avait plus le sélecteur mais une checkbox car il n'y a qu'un thème supplémentaire : le thème sombre. Du coup, est-ce-qu'il est possible de transformer ça ?

Hum, je ne serais pas le mettre en œuvre désolé.

- Par contre, il faudrait si possible que la feuille "cb-embed.css" soit appliquée quel que soit le thème sélectionné (sombre ou par défaut). Mais comme je ne veux pas que cela touche à la chatbox "pleine page", je ne peux pas la mettre dans la feuille CSS du forum

IL faut mettre ce style dans le template :index_body
Ensuite mettre les ids de la chatbox avant les class

Code:


<style>
.chatbox_row_1, .chatbox_row_2 {
    background: none;
}
#chatbox > p {
    border-bottom:none;
}

#chatbox_members .member-title {
    background: none;
}

/*POUR FBLF*/
iframe {
    border:none;
    border-radius: 10px;
    padding: 5px;
}

.headerbar {
    display:none;
}

.navbar {
    margin-top: 10px;
    padding: 10px;
}
</style>


- Enfin, puis-je insérer le script (js) entre balises script plutôt que de l'héberger à part via le PA vu qu'il ne sert que sur cette page ?

Non mon ami , car on recherche l'iframe et dans la page html elle n'est pas présente:

Code:

function changestyle(cssurl) { my_setcookie('sstyle',$('#tstyle')[0].href=cssurl,1,0); $('#frame_chatbox,iframe[name=smilies]').contents().find('#tstyle').attr('href',cssurl); }

PS : Il y avait un problème dans le code du sélecteur ? Parce que quand j'essaye de l'installer bêtement via l'astuce, ça ne marche pas sur la Chatbox ^^

Hum, tu veux activer le sélecteur sur l'index et aussi sur la page html créée?

a++

[chattigre]

Re chattigre,

- En fait, dans mon code il n'y avait plus le sélecteur mais une checkbox car il n'y a qu'un thème supplémentaire : le thème sombre. Du coup, est-ce-qu'il est possible de transformer ça ?

Hum, je ne serais pas le mettre en œuvre désolé.
  Pas de soucis

- Par contre, il faudrait si possible que la feuille "cb-embed.css" soit appliquée quel que soit le thème sélectionné (sombre ou par défaut). Mais comme je ne veux pas que cela touche à la chatbox "pleine page", je ne peux pas la mettre dans la feuille CSS du forum

IL faut mettre ce style dans le template :index_body
Ensuite mettre les ids de la chatbox avant les class

Code:


<style>
.chatbox_row_1, .chatbox_row_2 {
    background: none;
}
#chatbox > p {
    border-bottom:none;
}

#chatbox_members .member-title {
    background: none;
}

iframe {
    border:none;
    border-radius: 10px;
    padding: 5px;
}

.headerbar {
    display:none;
}

.navbar {
    margin-top: 10px;
    padding: 10px;
}
</style>


  Mais ça va toucher toutes les chatbox non ?
Euh, EDIT : Le style intégré dans l'index sera cloné sur l'object "Chatbox"
Si j'ajoute ce CSS dans le template index, il sera certes appliqué à la page principale, mais à la page intégrée, j'en doute, ou je me trompe
Bon, je vais inclure ma feuille par défaut à l'intérieur de celle du thème sombre, ce sera aussi simple

- Enfin, puis-je insérer le script (js) entre balises script plutôt que de l'héberger à part via le PA vu qu'il ne sert que sur cette page ?

Non mon ami , car on recherche l'iframe et dans la page html elle n'est pas présente:

Code:

function changestyle(cssurl) { my_setcookie('sstyle',$('#tstyle')[0].href=cssurl,1,0); $('#frame_chatbox,iframe[name=smilies]').contents().find('#tstyle').attr('href',cssurl); }

  Je m'excuse, mais je n'ai pas tout compris là ^^ Elle est bien intégrée dans la page html mon iframe que je sache

PS : Il y avait un problème dans le code du sélecteur ? Parce que quand j'essaye de l'installer bêtement via l'astuce, ça ne marche pas sur la Chatbox ^^

Hum, tu veux activer le sélecteur sur l'index et aussi sur la page html créée?
  A l'origine, juste en "pleine page" (donc sur la page html) mais si j'installe "bêtement" le code de base sur toutes les pages, il n'a pas l'air de fonctionner sur la chatbox "nativement intégrable via le PA" sur l'index, d'où mon interrogation ^^ Enfin, c'est pas bien grave

a++

Je t'ai répondu dans la citation ^^
Merci beaucoup !
Bonne soirée

[Invité]

Re,

Je m'excuse, mais je n'ai pas tout compris là ^^ Elle est bien intégrée dans la page html mon iframe que je sache

hum, tu fais appel à l'iframe c'est différent chattigre.

Pour le reste, c'est la chatbox .
Donc très compliqué mon ami, pour ma pomme j'arrête car je ne suis pas un fervent de la Chatbox .

Bonne soirée à toi aussi et bon courage pour les recherches.


a++

[chattigre]

Salut,
Pas de soucis, par contre j'aurais besoin de tes compétences quelques minutes de plus pour régler les liens
 
Est-ce que tu pourrais me faire un code qui change l'attribut href du lien "Rejoindre le Chat" de l'index et l'attribut href de l'en-tête de la chatbox intégrée sur l'index ? (De href="/chatbox" à href="/hxx-chatbox" bien sûr)

Merci d'avance
Bonne soirée

[Invité]

Re,
ce script coché sur l'index devrait fonctionner:

Code:


$(function(){
$('a[href="/chatbox/?"]').attr('href','/hxx-chatbox');
});


a++

[chattigre]

Re,
Du coup ça fonctionne pour le lien "Rejoindre le Chat" mais pas pour le titre cliquable de la chatbox intégrée ^^
Tu peux passer ton tour si tu n'aimes pas la chatbox hein
Bonne soirée

[chattigre]

Coucou Milouze et les autres qui seraient intéressés ^^

Des bêtises... :

Je laisse ouvert pour le moment, au cas où
Merci beaucoup Milouze pour l'aide que tu m'as apportée jusqu'ici !
Bonne journée

[chattigre]

Bonjour,
Je reviens sur ce sujet car, une nouvelle fois, le basculement chat / archives pose problème ^^
Dès que je passe dans les archives ou que je reviens au chat, le lien "par défaut" est rétabli. Je pensais que l'astuce, trouvée sur ce forum même, fonctionnerait, mais non ^^
Si quelqu'un a une idée pour changer durablement le lien / titre ChatBox de la chatbox...
Bonne journée

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[chattigre]

Bonjour,
Je reviens sur ce sujet car, une nouvelle fois, le basculement chat / archives pose problème ^^
Dès que je passe dans les archives ou que je reviens au chat, le lien "par défaut" est rétabli. Je pensais que l'astuce, trouvée sur ce forum même, fonctionnerait, mais non ^^
Si quelqu'un a une idée pour changer durablement le lien / titre ChatBox de la chatbox...
Bonne journée

Problème toujours d'actualité
UP !

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[chattigre]

Toujours en attente d'aide
Merci ^^

Bonjour,
Je reviens sur ce sujet car, une nouvelle fois, le basculement chat / archives pose problème ^^
Dès que je passe dans les archives ou que je reviens au chat, le lien "par défaut" est rétabli. Je pensais que l'astuce, trouvée sur ce forum même, fonctionnerait, mais non ^^
Si quelqu'un a une idée pour changer durablement le lien / titre ChatBox de la chatbox...
Bonne journée

[chattigre]

Up

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[chattigre]

UP...

[Lutins]

Bonjour @chattigre,

Il serait intéressant de refaire un message complet en réexpliquant le problème et en donnant les codes nécessaires pour effectuer des tests de notre côté pour trouver une solution ensemble. En lisant votre sujet, nous sommes rapidement perdus avec les nombreuses interventions.

Merci de votre compréhension