modifier les couleurs du forum sous la version mobile

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

modifier les couleurs du forum sous la version mobile

Message par admin novice le Mer 31 Aoû 2016 - 15:21

Détails techniques


Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,
Dans un premier temps, je souhaiterais savoir si il est possible et comment modifier la couleur de fond de page de mon forum sous la version mobile?Elle est blanche par défaut.

admin novice
***

Messages : 177
Inscrit(e) le : 01/02/2014

http://reservoir-recifal.forumactif.org/
admin novice a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par Zoch le Mer 31 Aoû 2016 - 16:31

Bonjour admin_novice,

Je te propose ça : http://forum.forumactif.com/t310483-

Zoch
****

Masculin
Messages : 241
Inscrit(e) le : 17/09/2014

Zoch a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par admin novice le Mer 31 Aoû 2016 - 17:28

Je viens de regarder le lien, j'y comprends pas grand chose, je sais pas comment procéder.
Pourriez vous me donner un exemple ou code pour changer ma couleur de fond, ensuite je devrais piger, j'espère...

admin novice
***

Messages : 177
Inscrit(e) le : 01/02/2014

http://reservoir-recifal.forumactif.org/
admin novice a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par Zoch le Mer 31 Aoû 2016 - 17:32

Oui, je peux faire un exemple.

Exemple 1 :
Code:
#mpage-body {
background: #000; /* AFFICHAGE DU NOIR */
}

Exemple 2 :
Code:
#mpage-body {
background-image: url("LIEN IMAGE"); /* AFFICHAGE DE L'IMAGE */
background-color: #000; /* AFFICHAGE D'UNE COULEUR SI L'IMAGE N'EXISTE PAS */
}

Voili voilou Smile

Zoch
****

Masculin
Messages : 241
Inscrit(e) le : 17/09/2014

Zoch a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par admin novice le Mer 31 Aoû 2016 - 17:47

où dois je les coller?Dans le CSS?

admin novice
***

Messages : 177
Inscrit(e) le : 01/02/2014

http://reservoir-recifal.forumactif.org/
admin novice a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par Zoch le Mer 31 Aoû 2016 - 17:49

Oui, dans le système de CSS dans le panneau d'administration.

Zoch
****

Masculin
Messages : 241
Inscrit(e) le : 17/09/2014

Zoch a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par admin novice le Mer 31 Aoû 2016 - 18:33

ça ne fonctionne pas.;.)

admin novice
***

Messages : 177
Inscrit(e) le : 01/02/2014

http://reservoir-recifal.forumactif.org/
admin novice a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par Zoch le Jeu 1 Sep 2016 - 10:47

Bonjour admin_novice,

Remplacer :
Code:
mpage-body

Par :
Code:
wrap

Normalement, ça devrait fonctionner. Attention à que cela ne touche pas aux designs actuelles du forum, sinon faudra modifier les templates de la version mobile.

Zoch
****

Masculin
Messages : 241
Inscrit(e) le : 17/09/2014

Zoch a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par jeanini le Jeu 1 Sep 2016 - 11:55

Bonjour,

Je profite de ce poste pour vous exposer mon problème.
J'ai fais un theme mobile pour (la version classique) sur mon forum test, tout fonctionne correctement. Or sur mon forum définitif (je n'ai que la version moderne du Theme sur mon forum) je n'ai aucune modification prises en compte sur mon site. Voici mon code:
Voici mon code
Code:
/* THEME MOBILE */
#mpage-body {
  background:#FFF;
}
 
#mpage-body .post .content a {
  color:#FFF;
  text-decoration:underline;
}
 
/* POSTS */
#mpage-body .post .content a:hover { color:#333 }
 
#mpage-body .post {
  color:#105289;
  background:#FFF;
  margin:6px 3px;
  border-radius:3px;
}
 
#mpage-body .postbody .post_header {
  color:#FFF;
  background:#333;
  border-radius:3px 3px 0 0;
}
 
.avatarMobile {
  background:#39C;
  border:1px solid #555;
  border-radius:20px;
  height:20px;
  width:20px;
  display:inline-block;
  vertical-align:bottom;
  margin-bottom:-0.1em;
  overflow:hidden;
}
 
.avatarMobile img {
  max-width:20px;
  max-height:20px;
}
 
#mpage-body .postbody:after, #mpage-body .postbody::after { background:none }
 
/* HEADER */
.mobile_title {
  background:none;
  border:none;
}
 
.mobile_title.application_header {
  background:#105289;
  border-bottom:1px solid #CCC;
}
 
.mobile_title_content {
  color:#FFF;
  text-shadow:none;
}
 
/* FORUMS */
.mobile_set {
  color:#FFF;
  background:#333;
  border:none;
  border-radius:3px;
  margin:6px 3px;
}
 
.mobile_set_content {
  text-shadow:none;
  line-height:16px;
}
 
.mobile_item {
  background:#105289;
  border:none;
  border-radius:3px;
  margin:6px 3px;
  padding:0;
  overflow:hidden;
}
 
.mobile_item:hover, .mobile_item_content:hover {
  background-color:#FFF;
}
 
.mobile_item_content {
  padding:6px 0;
  background-position:-2px 50%;
}
 
.mobile_subtitle, .mobile_comment {
  color:#FFF;
  text-shadow:none;
}
 
/* BUTTONS */
.mobile_prev_button, .mobile_next_button, .defaultBtn {
  background:#105289;
  border:none;
  border-radius:3px;
}
 
.mobile_prev_button p, .mobile_next_button p {
  color:#FFF;
  text-shadow:none;
}
 
.mobile_prev_button:hover, .mobile_next_button:hover, .defaultBtn:hover { background:#333 }
 
/* INPUT FIELDS */
.inputTxtContainer {
  padding:0;
  border:none;
}
 
.inputTxtContainer .inputTxt, #mpage-body textarea {
  color:#666;
  border:1px solid #CCC !important;
  border-radius:3px;
  padding:5px;
}
 
.inputTxtContainer .inputTxt:hover, #mpage-body textarea:hover { border-color:#39C !important }
.inputTxtContainer .inputTxt:focus, #mpage-body textarea:focus { border-color:#333 !important }
 
/* POST BOXES */
#mpage-body blockquote, #mpage-body .codebox, #mpage-body .spoiler {
  color:#333;
  background:#FFF;
  border:1px solid #333;
  border-radius:3px;
  display:block;
}
 
#mpage-body blockquote cite, #mpage-body .codebox p, #mpage-body .spoiler_title {
  color:#FFF;
  background:#333;
  border-radius:3px;
  display:block;
  float:none;
  padding:0.5em;
  margin-bottom:0.5em;
}
 
#mpage-body .codebox code, #mpage-body .spoiler_content {
  color:#39C;
  background:#EEE;
  border:1px solid #CCC;
  border-radius:3px;
  padding:0.5em;
}
 
/* ERROR MESSAGE */
.errorMobile {
  color:#FFF;
  font-size:0.8em;
  font-weight:bold;
  background:#E53;
  padding:16px 5px;
}
 
#mpage-body .poll .fieldset { border:none }
 
/* NEW TOPIC */
#mobileActionBar {
  background:#a52a2a;
  font-weight:bold;
}
 
#mobileActionBar .mobileActionLabel {
  background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/add10.png');
  text-transform:uppercase;
  font-size:1em;
}
 
/* FORUM IMAGES */
.mobile_item_link_content {
  background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/chevro10.png');
  background-position:99% 50%;
}
 
.cat_no_new, .cat_new {
  background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/folder10.png');
}
 
.forum_no_new, .forum_new, .folder_new, .folder_no_new, .folder_hot, .folder_hot_new {
  background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/no-new10.png');
}
 
.cat_locked, .forum_locked, .folder_locked, .folder_locked_new {
  background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/locked10.png');
}
 
.folder_global, .folder_global_new, .folder_announce, .folder_announce_new {
  background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/announ10.png');
}
 
.folder_sticky, .folder_sticky_new {
  background-image:url('http://i18.servimg.com/u/f18/18/21/41/30/pinned10.png');
}
 
/* NEW POST COLOR */
.cat_new, .forum_new, .folder_new, .folder_locked_new, .folder_global_new, .folder_announce_new, .folder_hot_new, .folder_sticky_new {
  background-color:#8C5;
}

Je n'ai touché aucun template (peut etre la cause de mon problème) uniquement au CSS.
Merci par avance

jeanini
Nouveau membre

Messages : 2
Inscrit(e) le : 01/09/2016

http://lesvieuxsages.forumactif.org/
jeanini a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par Zoch le Jeu 1 Sep 2016 - 12:00

Bonjour jeanini,

Normal, tous les codages sur la version moderne a été complètement modifier.
Tu dois adapter ton CSS à la version moderne.

Zoch
****

Masculin
Messages : 241
Inscrit(e) le : 17/09/2014

Zoch a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par jeanini le Jeu 1 Sep 2016 - 12:01

@Zoch a écrit:Bonjour jeanini,

Normal, tous les codages sur la version moderne a été complètement modifier.
Tu dois adapter ton CSS à la version moderne.

Arf le boulet (désolé je débute) je vais regarder le lien qui a été donné plus haut je pense que je devrais trouver mon bonheur


Edit: après consultation du lien donné plus haut, aucune des commandes semblent fonctionner Confused

jeanini
Nouveau membre

Messages : 2
Inscrit(e) le : 01/09/2016

http://lesvieuxsages.forumactif.org/
jeanini a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par admin novice le Sam 3 Sep 2016 - 13:27

Bonjour,
J'ai réussi a changer l'image de fond en utilisant wrap! Very Happy

Par contre, j'essaye de changer d'autres couleurs et couleurs d'écriture, mais ça ne fonctionne pas.
Voici un exemple de code qui ne passe pas:
.mobile_title
{
background: #000; /* AFFICHAGE DU NOIR */
}

admin novice
***

Messages : 177
Inscrit(e) le : 01/02/2014

http://reservoir-recifal.forumactif.org/
admin novice a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par Zoch le Sam 3 Sep 2016 - 14:34

Remplacer :
Code:
background

Par :
Code:
color

Zoch
****

Masculin
Messages : 241
Inscrit(e) le : 17/09/2014

Zoch a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par admin novice le Sam 3 Sep 2016 - 16:20

Avec color, ça fonctionne.;.)
Mais lorsque que je modifie une autre partie le dernier code ne fonctionne pas.
Voici un extrait:
#wrap{
background-image: url("http://i18.servimg.com/u/f18/18/72/27/00/fond_b15.jpg"); /* AFFICHAGE DE L'IMAGE */
background-color: #000; /* AFFICHAGE D'UNE COULEUR SI L'IMAGE N'EXISTE PAS */
}
.mobile_title
{
color: #FFFFFF;
}
.mobile_comment
{
color: #FF030B;
}

Mobile_comment n'est pas pris en compte.

admin novice
***

Messages : 177
Inscrit(e) le : 01/02/2014

http://reservoir-recifal.forumactif.org/
admin novice a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par admin novice le Mar 6 Sep 2016 - 12:59

up!

admin novice
***

Messages : 177
Inscrit(e) le : 01/02/2014

http://reservoir-recifal.forumactif.org/
admin novice a été remercié(e) par l'auteur de ce sujet.

Re: modifier les couleurs du forum sous la version mobile

Message par Chacha le Mer 14 Sep 2016 - 10:34

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 49762
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

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


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