La date/heure actuelle est Mar 24 Oct 2017 - 00:28 - créer un forum

Changer la couleur principale du thème mobile.

Aller au contenu

Poster un nouveau sujet Répondre au sujet

Changer la couleur principale du thème mobile.
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Mer 7 Jan 2015 - 21:05    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

PublicitéSupprimer les publicités ?
Changer la couleur principale du thème mobile :





Le thème mobile est disponible en 6 coloris.
Dans ce tutoriel, nous allons voir comment changer la couleur du thème, en 5 petites minutes. Ça vous dit ? Alors c'est parti !





Rendez-vous sur le panneau d'administration de votre forum Xooit.
Accédez à la section "Thème" puis cliquez sur le lien"Modifier les templates" du thème de test.



Sur cette page, cherchez le template OVERALL_HEADER.TPL, puis cliquez sur le bouton "Modifier" situé à gauche de son nom.

Dans le template OVERALL_HEADER.TPL, cherchez la ligne suivante:

Code: Sélectionner - Agrandir
<body class="blue">


Il vous suffira de remplacer le terme "blue" par celui de votre choix dans la liste ci-dessous :

  • blue : thème bleu
  • red : thème rouge
  • pink : thème rose
  • purple : thème violet
  • green : thème vert
  • yellow : thème jaune


Pour finir, sauvegardez le template.

Félicitations, vous venez de changer la couleur principale du thème mobile ! Smile

Besoin de plus d'informations ? N'hésitez pas à nous soumettre vos questions.
_______________________
Les membres suivants remercient Kyosuke pour ce message :
kieffer (07/01/15), (08/01/15)


Forum
Auteur Message
kieffer
Membre


Hors ligne
Membre

Inscrit le: 12 Nov 2009
Messages: 412
Niveau:
Point(s): 397
Moyenne: 0,96
Mac Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Gémeaux (21mai-20juin)

MessagePosté le: Mer 7 Jan 2015 - 21:50    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

bonsoir MAITRE Wink

peut on mettre d'autres couleurs style black ou orange ou autres
merci de ta réponse
_______________________
Membre fondateur de Graphcode
Forum d'entraide gratuit graphisme et code multi-plateformes
Ressources photoshop et gimp gratuites



Forum
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Jeu 8 Jan 2015 - 21:19    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

Salut Kieffer,

Six coloris par défaut sont disponibles afin de permettre à tous les administrateurs de changer facilement la couleur principale du thème.

Tu comprendras que je ne peux pas mettre à disposition toutes les couleurs existantes.

Cela dit, les administrateurs qui s'y connaissent en CSS ont tout à fait la possibilité de partir d'une des couleurs disponibles afin de personnaliser le thème grâce à la feuille de style XOOITMOBILE.CSS disponible dans la liste des templates du thème mobile.
_______________________
Les membres suivants remercient Kyosuke pour ce message :
kieffer (09/01/15)


Forum
Auteur Message
venosc
Membre


Hors ligne
Membre

Inscrit le: 18 Juin 2009
Messages: 27
Niveau:
Point(s): 25
Moyenne: 0,93
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Féminin Capricorne (22déc-19jan)

MessagePosté le: Jeu 22 Jan 2015 - 23:32    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

impeccable , juste une question Kyosuke il n'y a pas possibilité d'autres couleurs en écrivant les codes couleurs au lieu des noms de couleur?
je demande ça car cela m'aurait permis d'avoir la même couleur que sur le forum traditionnel;

mais c'est pas grave c'est déjà super bien d'avoir un choix
_______________________
tout à apprendre


Forum
Auteur Message
Djizzz
Membre


Hors ligne
Membre

Inscrit le: 06 Oct 2012
Messages: 24
Niveau:
Point(s): 24
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Capricorne (22déc-19jan) 馬 Cheval

MessagePosté le: Jeu 5 Fév 2015 - 22:09    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

merci Kyosuke.
de mon coté je cherche a personnaliser le thème mobile pour qu'il ressemble a mon thème normal, qui est noir.
comment utiliser le templates "xoiitmobile.ccs" pour faire ça ?
_______________________
Djo

La théorie, c'est quand on sait tout et que rien ne fonctionne.
La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi.

A. Einstein


Forum
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Jeu 5 Fév 2015 - 23:16    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

Yop,

Djizzz a écrit:
merci Kyosuke.
de mon coté je cherche a personnaliser le thème mobile pour qu'il ressemble a mon thème normal, qui est noir.
comment utiliser le templates "xoiitmobile.ccs" pour faire ça ?



Délicat de répondre à ta question, c'est un peu comme si tu me demandais de t'apprendre les bases du CSS en un message.
C'est un langage de programmation relativement simple a apprendre et il existe de nombreux sites qui t'expliqueront mieux que moi par où commencer et comment progresser. Smile

De mon côté, je vais essayer de rédiger des tutoriels pour que vous puissiez personnaliser de manière simple -sans trop rentrer dans la partie code- le thème mobile.
_______________________
Les membres suivants remercient Kyosuke pour ce message :
kieffer (06/02/15)


Forum
Auteur Message
Djizzz
Membre


Hors ligne
Membre

Inscrit le: 06 Oct 2012
Messages: 24
Niveau:
Point(s): 24
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Capricorne (22déc-19jan) 馬 Cheval

MessagePosté le: Ven 6 Fév 2015 - 13:46    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

ok pas de soucis, ne passe pas trop de temps la dessus : on peut aussi tout a fait vivre bien et heureux avec du bleu ! Cool
quand j'aurais le temps, je me formerai tranquillement au CSS, dans mon coin

merci encore
_______________________
Djo

La théorie, c'est quand on sait tout et que rien ne fonctionne.
La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi.

A. Einstein


Forum
Auteur Message
lew_xvtt
Membre


Hors ligne
Membre

Inscrit le: 14 Jan 2014
Messages: 5
Niveau:
Point(s): 5
Moyenne: 1,00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Mer 22 Avr 2015 - 21:33    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

énorme ! merci bcp ! Cool

Forum
Auteur Message
tortue-xTz
Membre


Hors ligne
Membre

Inscrit le: 14 Jan 2015
Messages: 6
Niveau:
Point(s): 6
Moyenne: 1,00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Sam 2 Mai 2015 - 13:47    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

Salut Kyosuke,
Je cherche à personnaliser un peu plus le thème mobile de mon forum,
En effet certaines couleurs du forum sont incompatibles avec ton thème...

Je m'explique:
Par exemple les couleurs des groupes de membres ne peuvent pas etre dissociées sur le thème principal et thème test,
et en l’occurrence une de mes couleurs de groupes est le blanc, et ceci rends donc la lecture de certains pseudos impossible.

J'ai bien trouvé comment bidouiller le fichier CSS comme par exemple pour changer la couleur du fond
Code: Sélectionner - Agrandir
body {
    background-color: #??????;
}

mais je ne trouve pas comment personnaliser les diverses parties du thème mobile, comme par exemple les couleurs de fond des "panel heading text" ou de "panel body text" ou bien les couleurs de fond du tchat

Je ne te demande bien sur pas de m'apprendre le CSS en 5 minutes, mais juste de m'aiguiller un peu vers les différentes références aux parties, polices, couleurs
Je me débrouillerai pour retrouver toutes ces occurrences dans les divers fichiers

Peut-etre même que tu as un lien vers les bases du CSS plus sympa que ceux que j'ai trouvé !

Dans tous les cas, merci d'avance Wink


Dernière édition par tortue-xTz le Ven 8 Mai 2015 - 09:12; édité 1 fois
Forum
Auteur Message
tortue-xTz
Membre


Hors ligne
Membre

Inscrit le: 14 Jan 2015
Messages: 6
Niveau:
Point(s): 6
Moyenne: 1,00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Sam 2 Mai 2015 - 14:16    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

Je pense que je m'approche ...
Est-ce que ca aurait un rapport avec le fichier désigné dans la partie suivante présente dans l'overall_header.tpl ?
Code: Sélectionner - Agrandir
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/9q7hxkqr60jhd7m/xooitMobile.css">


Forum
Auteur Message
Kyosuke
Contributeurs


Hors ligne
Contributeurs

Inscrit le: 30 Mar 2009
Messages: 444
Niveau:
Point(s): 540
Moyenne: 1,22
Windows 8 ou 10 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin

MessagePosté le: Sam 2 Mai 2015 - 22:06    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

tortue-xTz a écrit:
Je pense que je m'approche ...
Est-ce que ca aurait un rapport avec le fichier désigné dans la partie suivante présente dans l'overall_header.tpl ?
Code: Sélectionner - Agrandir
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/9q7hxkqr60jhd7m/xooitMobile.css">


Salut tortue-xTz,

Ce fichier contient effectivement toutes les règles CSS liées au thème mobile.
Cependant, ce fichier n'est pas destiné a être remplacé et tu ne pourras pas l'éditer.

Pour modifier l'apparence du thème mobile, une feuille de style nommé XOOITMOBILE.CSS, présente dans la liste des templates du thème de test, est prévue pour que tu puisses ajouter tes propres règles de manière a personnaliser ce dernier.

Dans cette feuille de style, essaye d'ajouter la règle suivante :

Code: Sélectionner - Agrandir
div.whosonline a.username-coloured[style^="color:#FFFFFF"] {
    color: #FF0000 !important;
}


remplace ensuite FF0000 (qui correspond à du rouge) par le code hexadecimal de ton choix.

Si tu souhaites apprendre le langage CSS, de nombreux développeurs autodidactes ont commencé en lisant des cours gratuits sur openclassrooms (anciennement appelé siteduzero), mais il existe de nombreux autres sites.

En plus de ces cours en ligne, il te faudra évidemment beaucoup de pratique, mettre les mains dans le cambouis et faire preuve de curiosité intellectuelle.

Je te souhaite bon courage et reste à ta disposition si tu as besoin de plus de renseignements.
_______________________
Les membres suivants remercient Kyosuke pour ce message :
RotorMan (03/05/15)


Forum
Auteur Message
tortue-xTz
Membre


Hors ligne
Membre

Inscrit le: 14 Jan 2015
Messages: 6
Niveau:
Point(s): 6
Moyenne: 1,00
Windows XP (ou plus ancien) Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

MessagePosté le: Mar 5 Mai 2015 - 10:25    Sujet du message: Changer la couleur principale du thème mobile. Répondre en citant

Merci pour le coup de pouce Very Happy
J’essaierai de partager mon travail si j’arrive a qqchose de sympa !


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 00:28    Sujet du message: Changer la couleur principale du thème mobile.

Montrer les messages depuis:   
Répondre au sujet Page 1 sur 1




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401