Accueil
Créer un forumLa date/heure actuelle est Sam 27 Avr 2024 - 6:22
5 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.
- 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: 1377
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 : https://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 https://2img.net/i/fa/empty.gif par celle correspondant au mini icone de nouveau message : https://2img.net/i/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
- 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: 1891
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;
}
- 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: 1591
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;
}
- 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: 1798
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 imagePourtant 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;
}
- 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: 1798
