La date/heure actuelle est Jeu 23 Nov 2017 - 23:34

6 résultats trouvés pour color

Problème code QEEL

Bonsoir, merci votre code marche très bien mais le soucis c'est que l'écriture s'affiche en blanc :
Spoiler:


Y'aurait-il un remède, j'ai testé un code <font #color(n'importe lequel)> j'ai fais attention à fermer la balise mais rien ne marcher, bonne soirée.
par Billy-Stones
le Lun 4 Jan 2016 - 22:32
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Problème code QEEL
Réponses: 9
Vues: 734

script de colorisation de cellules sur nouveau message ne fonctionne pas

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome, Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : A la mise en place du script
Lien du forum : http://team-ter-5.forum-officiel.com/

Description du problème

Bonjour,
Souhaitant avoir une lisibilité plus rapide des nouveaux messages, j'ai cherché comment changer la couleur des cellules pour qu'elles ressortent en un coup d'oeil en cas de nouveau message dans le forum.
J'ai appliqué ce tuto : http://forum.forumactif.com/t357418-coloriser-les-cellules-sur-lindex-lorsquun-nouveau-message-est-poste
J'ai bien pris les codes pour ma version de forum et j'ai remplacé l'URL http://illiweb.com/fa/empty.gif par celle correspondant au mini icone de nouveau message : http://illiweb.com/fa/prosilver/icon_topic_newest.gif
J'ai bien modifié le CSS comme demandé en remplacant #COLOR par #FD0D0D
Le javascript est bien activé.

Mais rien a changé, je reste avec mon forum comme si je n'avais rien fait. J'ai reessayé plusieurs fois sans plus de succès. Help Smile
par CTTTER
le Dim 21 Juin 2015 - 14:50
 
Rechercher dans: Archives des problèmes avec un code
Sujet: script de colorisation de cellules sur nouveau message ne fonctionne pas
Réponses: 22
Vues: 1114

Modifier cellules du menu accordéon

Sur ma page accueil:

Code:
<div id="accordeon-pa" class="accordion">
                                                                                                                                                                                                                                                
   <ol>
                                             
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>Speed par Cristell</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>            <iframe src="https://www.youtube.com/embed/tAMX7RAWyBs" frameborder="0" allowfullscreen="" style="width: 320px; height: 200px;"></iframe>                </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                                                                 
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>Ghostbusters song</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>              <iframe style="width: 320px; height: 200px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/gx4VjHNe91o"></iframe>                                                                                                              </figure>                 
         </div>
                                                                                                                                                                                                                                                          
      </li>
                     
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>ByCriz</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>            <iframe style="width: 320px; height: 200px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/5tbiJeb6j8g"></iframe>                </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                 
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>The Web Monney</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>                <iframe src="https://www.youtube.com/embed/iCR5xBjFluU" frameborder="0" allowfullscreen="" style="width: 320px; height: 200px;"></iframe>            </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                                                                       
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>PM 3D #Alien </span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>            <iframe style="width: 320px; height: 200px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/XmemJ3_xG-g"></iframe>                  </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                       
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>Kaptain2Nos</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>                <iframe style="width: 320px; height: 200px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/cN0UB6lNwx4"></iframe>            </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                               
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>TF Movies</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>              <iframe style="width: 320px; height: 200px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/CCQ-DXcMxeQ"></iframe>              </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                             
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>Animé/Manga</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>                  <iframe src="https://www.youtube.com/embed/3cQJiOFMJm0?list=PL6mtO37tKk8IlG7AVrxeldHhGU_EgQXXV" frameborder="0" allowfullscreen="" style="width: 320px; height: 200px;"></iframe>                                                                                                          </figure>                 
         </div>
                                          
      </li>
                             
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>Exobnkr Jeu indé</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>            <iframe style="width: 320px; height: 200px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/nVGdopybd5I"></iframe>                  </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                         
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>Tuto XBenReplay</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>              <iframe src="https://www.youtube.com/embed/p4uFDhDijlI" frameborder="0" allowfullscreen="" style="width: 320px; height: 200px;"></iframe>                </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                             
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>Interview n°6</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>          <iframe style="width: 320px; height: 200px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/PXpDZZjcRS4"></iframe>                  </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>Imagine R</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>                <iframe style="width: 320px; height: 200px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/W0YJrvWXc1Y"></iframe>            </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                   
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>GMV en groupe</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>              <iframe style="width: 320px; height: 200px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/4zNTgxkcLWQ"></iframe>              </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                             
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>MV Entertainment</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>      <iframe src="https://www.youtube.com/embed/yE8P_axpwZI" frameborder="0" allowfullscreen="" style="width: 320px; height: 200px;"></iframe>                        </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                       
      <li>
                                                                                                                                                                                                                                                              
         <h2>
                                                                                                                                <span>Yéti Story</span>                                                                                                                   
         </h2>
                                                                                                                                                                                                                                                              
         <div>
                                                                                                                                              <figure>    <iframe style="width: 320px; height: 200px;" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/-JrpiqAek-A"></iframe>                        </figure>                                                                                                                               
         </div>
                                                                                                                                                                                                                                                          
      </li>
                                                                                                                                                                                                                                                                                                                                             
   </ol>
</div>




Mais à c'est certainement sur ce CSS qu'il faut modifier je vois plein de ligne #color mais il faut trouver celle des catégories en faite ^^

Voilà mon code CSS:

Code:
@charset 'utf-8';
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
  color: black;
    font-size: 13px;   
  font-weight: normal;
  margin: 0;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform-origin: right top;
  -moz-transform: translateX(-100%) rotate(-90deg);
  -moz-transform-origin: right top;
  -o-transform: translateX(-100%) rotate(-90deg);
  -o-transform-origin: right top;
  transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
    display: block;
    padding-right: 8%;
    text-align: right;
    height: 90%;
    margin-top: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.accordion .slide > h2 b {
    display: inline-block;
    position: absolute;
    top: 13%;
    left: 10%;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }

/****************************************** Dark */
.accordion {
    border: 9px solid #353535;
    border-bottom-width: 8px;
    padding: 5px 5px 6px 0;
    background: #030303;
    -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
.accordion .slide > h2 span { background: #353535; color: white }
.accordion .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b }
.accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover {
    background: #353535;
    background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
    background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
    background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
    background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);
    background: linear-gradient(left,  #353535 0%,#555555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
}
.accordion .slide > h2.selected b {
    background: #0383838;
    background: -moz-linear-gradient(top,  #3a3a3a 0%, #363636 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
    background: -webkit-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: -o-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: -ms-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: linear-gradient(top,  #3a3a3a 0%,#363636 100%);
}
 .accordion .slide > div { background: #0424242; margin-left: 5px }
/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }

/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }

/* centrer l'accordéon */
.accordion { margin: auto; }

bouton haut/bas

.bouhautbas {
    bottom: 40px;
    left: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}




par Solid6Snake
le Mer 6 Mai 2015 - 18:28
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modifier cellules du menu accordéon
Réponses: 10
Vues: 848

décalage ds titres de colonnes : réponse, vues et dernier message

Bonsoir,
Pour moi c'est cette partie du css qui en est la cause

Code:
ul.topics dd.dterm {
padding-left:120px;
}


Vous pouvez également supprimer ces deux css qui n'ont aucune attribution d'image et dont la couleur hexadécimal a été remplacé par #color

Code:
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url();
padding:2px 3px;
background-repeat: repeat;
background-position: center left;
background-color: #color;
}
.post { background-image: url('');
background-repeat: repeat;
background-position: center left;
background-color: #color;
}
par demeter1
le Ven 19 Déc 2014 - 0:54
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: décalage ds titres de colonnes : réponse, vues et dernier message
Réponses: 19
Vues: 1078

décalage ds titres de colonnes : réponse, vues et dernier message

voici ce que j'ai et j,en ai pas d'autre mais ce n'est pas la couleur mais c'est comme je l'ai dit au départ les titres de colonnes ne sont pas vis-à-vis des colonnes telles que démontrées dans mon image
Pourtant en page 1 de mon forum tout est bien vis-àvis
http://www.vosoriginesyourroots.org/

en entrant dans les sections du forum vous verrez la différence entre les deux
http://www.vosoriginesyourroots.org/f1-questions-generales-forum-de-questions

Merci


ul.topics dd.dterm {
padding-left:120px;
}

dl.icon {
min-height:120px;}

ul.topics dt {
padding-left:120 px;
display: block;
float: left;
width: 50%;
}
.row dl.icon dt {
background-position: 120px 5px;
min-height: 100px;
height:auto !important
}



.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url();
padding:2px 3px;
background-repeat: repeat;
background-position: center left;
background-color: #color;
}





.post { background-image: url('');
background-repeat: repeat;
background-position: center left;
background-color: #color;
}

body {
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}


body {
font-weight:bold;
}


.cattitle, a.cattitle {
color:#000000;
font-size:12px;
}
par Genealpha_René
le Ven 19 Déc 2014 - 0:20
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: décalage ds titres de colonnes : réponse, vues et dernier message
Réponses: 19
Vues: 1078

Coloriser les cellules sur l’index lorsqu’un nouveau message est posté

Coloriser les cellules lorsqu'un nouveau message est posté

Le tutoriel qui suit vous permettra de coloriser les cellules de vos forums Forumactif lorsqu'un nouveau message est posté.

Voici un exemple du rendu final (ici, sous phpBB2) :


Installation du script


1. Rendez-vous dans :
Panneau d’administration ► Modules ► HTML et JavaScript ► Gestion des codes JavaScript

2. Si ça n'est pas déjà fait, activez la gestion des codes javascript:


3. Puis, créez un nouveau script en cliquant sur le bouton et indiquez les informations suivantes:

Titre: Colorisation cellules
Placement: Sur l'index



4. Collez le code correspondant à la version de votre forum:

Pour les versions phpBB2, punBB et Invision
Code:
$(function() {
 $('img[src="http://illiweb.com/fa/empty.gif"]').closest('tr').addClass('newpost');
$('img[src="http://illiweb.com/fa/empty.gif"]').closest('tr').addClass('newpost');
});


Pour phpBB3
Code:
$(function() {
 $('dl.icon[style*="http://illiweb.com/fa/empty.gif"]').addClass('newpost');
$('dl.icon[style*="http://illiweb.com/fa/empty.gif"]').addClass('newpost');
});


Warning Modifications à apporter:
Remplacez l'URL http://illiweb.com/fa/empty.gif par celle correspondant à l'image indiquant un nouveau message sur le forum. Attention ! Le script comporte deux lignes similaires car il vous faut penser à renseigner les images pour les catégories et les forums.

5. Enregistrez votre script en cliquant sur le bouton

Modification du CSS


Une fois le script installé, il ne reste plus qu'à personnaliser le CSS de manière à appliquer la nouvelle couleur sur les cellules.

1. Rendez-vous dans :
Panneau d’administration ► Affichage ► Couleurs ► Feuille de styles CSS

2. Collez les lignes de CSS correspondant à votre version et enregistrez :

phpBB2, punBB et Invision
Code:
tr.newpost td {
background-color:#COLOR!important;}


phpBB3
Code:
dl.newpost {
background-color:#COLOR!important;}


Warning Modifications à apporter:
Pour les deux versions, remplacez #COLOR par le code couleur de votre choix.

Et pour encore plus de personnalisation CSS, lisez le tutoriel ci-dessous !


Lectures complémentaires

Tuto Tutoriel sur l’utilisation du CSS
Tuto Coloriser les cases Note et annonce
par Matriochka
le Dim 8 Sep 2013 - 14:14
 
Rechercher dans: Trucs et astuces
Sujet: Coloriser les cellules sur l’index lorsqu’un nouveau message est posté
Réponses: 0
Vues: 9386

Revenir en haut

Sauter vers: