La date/heure actuelle est Ven 7 Oct 2022 - 21:45

65 résultats trouvés pour fff

probleme couleur

Bonjour,
Si ce n'est pas ça, alors cela signifie que c'est votre CSS personnalisé qui rechange la valeur donnée dans ces champs.
Dans votre CSS personnalisé, modifiez les valeurs de background-color dans les lignes suivantes :
Code:
div.sceditor-toolbar {
  background-color :peru!important;
}
.sceditor-container iframe, .sceditor-container textarea {
  background-color:  peachpuff!important;
}


Vous pouvez y mettre la valeur que vous souhaitez à la place : #fff!important; pour blanc, ou autres.
Exemple :
Code:
div.sceditor-toolbar {
  background-color: #fff!important;
}
.sceditor-container iframe, .sceditor-container textarea {
  background-color: #fff!important;
}


Si vous n'y arrivez pas ou si ça ne fonctionne pas encore totalement, n'hésitez pas à fournir votre feuille CSS complète pour que nous puissions faire davantage de tests.
par Toryudo
le Jeu 16 Déc 2021 - 12:55
 
Rechercher dans: Archives des problèmes avec un code
Sujet: probleme couleur
Réponses: 8
Vues: 608

Modifier la couleur du texte dans la zone de saisie

gp246 a écrit:Le problème est que par défaut c'est le mode wysiwyg qui est activer lors de réponses de message, si on change le mode d'édition a ce moment la oui le texte est blanc mais je ne veut pas changer le mode a chaque fois pour avoir un texte en blanc.

Avec votre ligne de code plus haut .sceditor-container textarea{color:#fff !important} placée dans la feuille css et le code JavaScript que je vous ai partagé, cela fonctionnera sur les deux modes peu importe celui qui est affiché par défaut.

gp246 a écrit:j'ai essayer de changer toute les couleur une par une dans le panneau d'administration

Vous ne devez pas passer par le panneau d'administration. C'est une couleur spécifique qui se change en passant par le JavaScript.

Alors, en examinant la page que vous avez communiquée, il y a plusieurs soucis dans votre code JavaScript.
  1. Je vois que vous avez mis le code que je vous ai partagé directement dans un autre code, apparemment pour un système de bannière défilante ou aléatoire ? Le souci c'est que ce code ne marche pas et a des soucis de syntaxe (présence d'un <head> dans un fichier javascript...)
  2. Vous avez mis #white pour la couleur du texte alors que ça ne marche pas, c'est soit #fff tel que je vous l'ai mis à l'origine, soit white


Du coup vous avez deux solutions :

  • soit vous recréez un code JavaScript à côté avec le code correct pour la couleur (en laissant le code des bannières avec ses erreurs)
  • soit on apporte la correction sur les deux codes mais dans ce cas merci de me préciser si vous souhaitez une bannière défilante ou aléatoire
par Oka.mi
le Sam 2 Oct 2021 - 15:17
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modifier la couleur du texte dans la zone de saisie
Réponses: 9
Vues: 430

Modifier la couleur du texte dans la zone de saisie

Bonjour et bienvenue sur Forumactif ! Smile

Vous pouvez passer par cette Astuce https://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur
Changer la couleur de texte en mode wysiwyg
- Allez dans Modules > Gestion des codes javascript
- Vérifiez que l'option "Activer la gestion des codes Javascript " est cochée sur OUI
- Créez un nouveau code. Donnez lui un nom ("couleur wysiwyg" par exemple)
- Cochez "sur toutes les pages" pour le placement


Dans votre cas, vous avez juste à modifier le "red" en #fff, comme ceci :
Code:
$(function() {
  var a = $("#text_editor_textarea");
  0 != a.length && $(function() {
    a.sceditor && a.sceditor("instance") && a.sceditor("instance").css("body,p{color:#fff}");
  });
});
par Oka.mi
le Sam 2 Oct 2021 - 8:48
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modifier la couleur du texte dans la zone de saisie
Réponses: 9
Vues: 430

Bouton citer par mp

Bonjour et merci a vous j'ai fais la première partie mais après je comprends pas quand vous dite

1

Résolu Re: Dysfonctionnement FA7UP

Message par Milouze14 Jeu 16 Sep - 9:58
Hello les ami(e)s,
je me suis penché sur ce script et ce sont deux lignes qu'il fallait quelque peut modifier Wink .


var $a_admin=$("a[href*="tid="]",data);
tid=$a_admin.length&&/tid=([0-9a-f]{32})$/i.exec($a_admin.attr("href"))[1];


Deviennent:


var $a_admin=$("a[href^='/admin/?part=admin']",data);
tid=$a_admin.length&&/tid=(.{47})$/i.exec($a_admin.attr("href"))[1];


Le soucis par contre est le suivant:
Le script était hébergé par no_way (que je salue),
il faut donc l'héberger sur votre propre forum .

Pour cela, il faudra suivre les instructions suivantes à la lettre Wink .
Pour le script, il ne faudra cocher aucune case,on s'en servira juste pour appeler ce dernier via la page html de Fa7Up


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
NE COCHEZ AUCUNE CASE

Déposez ceci:


(function(){if(window.fa7up&&!window.fa7up.tagName){console.log("fa7up déjà déclaré dans le contexte global window, abandon");return}
var fa7up=function(s_obj,form_values){
"use strict";
try{
var ref=this,s_obj=s_obj||false,tid=false,lastUpdateTid,form_values=form_values||false,LVLS_USER_ACQUIRED={"-1":1,"0":3,"2":7,"1":15}[window._userdata["session_logged_in"]?window._userdata["user_level"]:-1];
this.expectedSteps=this.doneSteps=0;
this.afterTidExtraction=function(fn,args){
try{
if(ref.LVL_REQ[s_obj["req_lvl"]]!=(ref.LVL_REQ[s_obj["req_lvl"]]&LVLS_USER_ACQUIRED)){
if(s_obj["req_lvl"]==="ADMINISTRATOR") throw "Vous n'avez pas les droits d'accès au niveau administrateur";
if(s_obj["req_lvl"]==="MODERATOR") throw "Vous n'avez pas les droits d'accès au niveau modérateur";
if(s_obj["req_lvl"]==="MEMBER") throw "Vous n'avez pas les droits d'accès au niveau membre";
}
/*Get tid*/
ref.LVL_REQ[s_obj["req_lvl"]]===ref.LVL_REQ["ADMINISTRATOR"]&LVLS_USER_ACQUIRED&&$.get("/admin",function(data){
try{

var $a_admin=$("a[href^='/admin/?part=admin']",data);
tid=$a_admin.length&&/tid=(.{47})$/i.exec($a_admin.attr("href"))[1];
if(!tid||!$a_admin.length)throw "tid pas trouvé, assurez-vous d'être connecté sous un compte administrateur";
lastUpdateTid=Date.now();
if(typeof fn=="function")fn.apply(null,args);
}catch(error){
ref.errorMgnt(error)
}
}).fail(function(a,b,error){
ref.errorMgnt("PA:"+error)
})
}catch(error){
ref.errorMgnt(error)
}
};
this.getTid=function(){
return tid||false;
};
this.format=function(mode){
if(!s_obj||!form_values)return;
var mdm,
replace_tokens=function(a){
return a.replace(/\{(FA7UP_[^\}]+)\}/g,function(m,m1){
if(form_values[m1]!=null&&typeof form_values[m1]!="undefined")return form_values[m1];
return m
})
},
modes_array=[ref.CSS,ref.JS,ref.HTML];
while(!!(mdm=modes_array.shift())){
mdm&=mode;
switch(mdm){
case ref.CSS:
if(s_obj.css)return replace_tokens(s_obj.css);
break;
case ref.JS:
if(s_obj.js)return replace_tokens(s_obj.js);
break;
case ref.HTML:
if(s_obj.html)return replace_tokens(s_obj.html);
break;
}
}
};
/*ERROR 1054 (42S22): Unknown column 'XSD' in 'FA7UP_MSRV_CFG'*//*Oups, une exception a été levée, votre installateur n'est peut être pas compatible voir https://fa7up.fr/fa7up_installer/doc_fa7up_installer.html*/
this.setFormValues=function(f_k){
form_values=f_k||false;
};
/*auto-init*/
ref.afterTidExtraction();
}catch(error){
this.errorMgnt("fa7up declaration"+error);
}
};
fa7up.prototype={
LVL_REQ:{
"ANONYMOUS":1,
"MEMBER":3,
"MODERATOR":7,
"ADMINISTRATOR":15
},
CSS:1,
JS:2,
HTML:4,
INST_JS_NONE:0,
INST_JS_INDEX:1,
INST_JS_PORTAL:2,
INST_JS_FORUMS:4,
INST_JS_TOPICS:8,
INST_JS_ALLPAGES:16,
info:function(info,timer,delay){
var timer=timer||2000,delay=delay||300;
console&&console.log&&console.log(info);
if(!$("#fa7up_infos").length)$("#fa7up").append("<aside id="fa7up_infos"></aside>");
$info=$("<ul class="fa7up-table"><li><div><strong>Information</strong></div></li><li><div>"+(info.message||info)+"</div></li></ul>");
$info.appendTo("#fa7up_infos");
timer=$("#fa7up_infos>ul").length--*delay+timer;
setTimeout(function(){this.remove();}.bind($info),timer);
},
clear_info:function(){
if($("#fa7up_infos").length)$("#fa7up_infos").remove();
},
errorMgnt:function(error){
console&&console.error&&console.error(error);
$("#fa7up_errorMgnt").remove();
$("#fa7up_infos .wait").parentsUntil("ul").parent().remove();
$("<ul id="fa7up_errorMgnt" class="fa7up-table"><li><div><div style="position:relative"><strong>Erreur</strong><strong id="fa7up_errorMgnt_close">X</strong></div></div></li><li><div><div id="fa7up_errorMgnt_msg">"+(error.message||error)+"</div></div></li></ul>").appendTo("#fa7up");
$("#fa7up_errorMgnt_close").on("click",function(){$("#fa7up_errorMgnt").remove()});
},
args_GET:function(t){
var args={},i,t_args=document.location.search.trim().substr(1).split("&");
for(i in t_args){
var e=t_args[i],arg=decodeURIComponent(e.substr(0,e.indexOf("="))),arg_v=decodeURIComponent(e.substr(e.indexOf("=")+1));
args[arg]=isNaN(arg_v)?arg_v:parseFloat(arg_v);
}
return t?args[t]:args;
}
};
window.fa7up=fa7up;

$(function(){
try{
if(!$("#fa7up").length)return;
$("<link/>",{"rel":"stylesheet","type":"text/css","href":"//fa7up.fr/fa7up.css"}).appendTo($("head"));
$("#fa7up").replaceWith("<section id="fa7up"><header><img src="//fa7up.fr/svg/logo_FA7UP.svg" id="fa7up-logo" alt="logo FA7UP"/><p>Sélectionnez ce que vous souhaitez installer/supprimer puis suivez les instructions</p><div id="conteneur-fa7up-choix"><select id="fa7up-choix"></select><input type="button" id="fa7up-validation" value="ok"></div></header><aside id="fa7up_infos"></aside></section>");
var uninstall_mode=fa7up.prototype.args_GET("uninstall")===1?1:0;
$("#fa7up>header").prepend($("<button>",{"id"Sad!uninstall_mode?"fa7up_uninstall_button":"fa7up_install_button"),"text":!uninstall_mode?"Désinstaller":"Installer","style":"float:right"}));
$("#fa7up-choix").html("<optgroup label="Installateurs"><option value="3">Boutique</option><option value="4">Boutons messagerie</option><option value="17">Citer post par MP</option><option value="5">FaForm</option><option value="1">FontAwesome (ver 4.7.0)</option><option value="2">FontAwesome (ver 4.7.0) Bouton editeur</option><option value="6">Latex - MathJax</option><option value="12">MyBBCode</option><option value="13">Notification des derniers sujets actifs</option><option value="10">Systeme d alertes</option><option value="18">Widget evenements calendrier</option></optgroup><optgroup label="Outils"><option value="16">Compilateur SCSS</option><option value="19">Recherche dans les templates</option></optgroup><optgroup label="Autres"><option value="11">Entetes de votre forum</option></optgroup>");
var id=fa7up.prototype.args_GET("id")||$("#fa7up-choix").val();
$("#fa7up_install_button,#fa7up_uninstall_button").on("click",function(){
var a=[];
if(!uninstall_mode)a.push("uninstall=1");
a.push("id="+$("#fa7up-choix").val());
document.location=document.location.pathname+"?"+a.join("&");
});
$("#fa7up-choix option[value=""+id+""]").prop("selected","selected");
/*FA7UP RELIES ON UTF8 CHARSET*/
/*
if(!/utf-8$/i.test($("meta[http-equiv='content-type'][content^='text/html;']").attr("content")))throw "FA7UP ne peut fonctionner que sur les forums en utf-8";
*/
$("#fa7up-validation").on("click",function(e){
e.preventDefault();
$("#fa7up_errorMgnt").remove();
$("#fa7up_infos").empty();
fa7up.prototype.info("<div class="wait"></div><p class="al-center">Veuillez patienter ...</p>",60000);
$.post("//fa7up.fr/fa7up_rq.php?uninstall="+uninstall_mode+"",{"sid":$("#fa7up-choix").val()},function(d){
try{
var expectedSteps=0;
$("#fa7up_infos").empty();
if(d.error)throw d.error;
$("#fa7up-crt").remove();
$("#fa7up").append("<article id="fa7up-crt"><header><h3>"+d.nom+"</h3></header><div id="fa7up_expectedSteps"></div></article>");

/*Expected Steps*/
if(d.js&&d.js!="0"){expectedSteps|=fa7up.prototype.JS;$("#fa7up_expectedSteps").append("<object type="image/svg+xml" data="//fa7up.fr/svg/JS.svg" alt="JS" style="height:1em"><b>[JS]</b></object>")};
if(d.css&&d.css!="0"){expectedSteps|=fa7up.prototype.CSS;$("#fa7up_expectedSteps").append("<object type="image/svg+xml" data="//fa7up.fr/svg/CSS.svg" alt="CSS" style="height:1em"><b>[CSS]</b></object>")};
if(d.html&&d.html!="0"){expectedSteps|=fa7up.prototype.HTML;$("#fa7up_expectedSteps").append("<object type="image/svg+xml" data="//fa7up.fr/svg/HTML.svg" alt="HTML" style="height:1em"><b>[HTML]</b></object>")};
/**/

if(d.html_inst||d.js_inst||d.css_inst){
if(d.css_inst){
$("#fa7up_css").remove();
$("<style>",{"type":"text/css","id":"fa7up_css"}).text(d.css_inst).appendTo($("head:first"));
}
if(d.html_inst){
$("#fa7up-crt").append(d.html_inst);
}
if(d.js_inst){
$("#fa7up_js").remove();
$("<script>",{"type":"text/javascript","id":"fa7up_js"}).text(d.js_inst).appendTo($("head:first"));
}
fa7up.prototype.info("Installateur prêt",500);
}else if(d.uninstall){
var _fa7up=new fa7up(d);
_fa7up.onceUninstalled=function(){$("#fa7up-crt").empty()};
$("#fa7up-crt").append("<ul class="fa7up-table w100p" id="fa7up_uninstall"><li></li></ul>");
if(d.js&&d.js!="0")$("#fa7up_uninstall>li").append("<div class="al-center"><img src="//fa7up.fr/svg/JS.svg" style="height:1.8em;cursor:pointer" id="fa7up_delete_js" alt="[JS]" /></div>");
if(d.css&&d.css!="0")$("#fa7up_uninstall>li").append("<div class="al-center"><img src="//fa7up.fr/svg/CSS.svg" style="height:1.8em;cursor:pointer" id="fa7up_delete_css" alt="[CSS]" /></div>");
if(d.html&&d.html!="0")$("#fa7up_uninstall>li").append("<div class="al-center"><img src="//fa7up.fr/svg/HTML.svg" style="height:1.8em;cursor:pointer" id="fa7up_delete_html" alt="[HTML]" /></div>");
expectedSteps&&$("#fa7up-crt").append("<button id="fa7up_delete_all" class="w100p" style="background:#fc431b;color:#fff;font-weight:800">Désinstaller</button>");
$("#fa7up_delete_js").on("click",_fa7up.uninstall.bind(null,expectedSteps&fa7up.prototype.JS));
$("#fa7up_delete_css").on("click",_fa7up.uninstall.bind(null,expectedSteps&fa7up.prototype.CSS));
$("#fa7up_delete_html").on("click",_fa7up.uninstall.bind(null,expectedSteps&fa7up.prototype.HTML));
$("#fa7up_delete_all").on("click",_fa7up.uninstall.bind(null,expectedSteps));
}else{
throw "Aucune instruction disponible";
}
}catch(error){
fa7up.prototype.errorMgnt("#fa7up-validation:"+error)
}
});
})
}catch(error){
fa7up.prototype.errorMgnt(error);
}
})}())



Penses à cliquer sur le bouton VALIDER

Le script a était créé,
il faut donc repérer le lien:

Dysfonctionnement FA7UP 132

puis déposer celui ci dans la page html créée pour FA7UP, cliquez sur le petit engrenage

Pour l'exemple mon lien était celui-ci:

https://testphpbb3.1fr1.net/30328.js

Il faut donc remplacer le lien" https://fa7up.fr/fa7up.js " :
Par le lien js créé:
https://testphpbb3.1fr1.net/30328.js

Et voilou je trouve ça ou !
par choupette60
le Mar 28 Sep 2021 - 9:52
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Bouton citer par mp
Réponses: 7
Vues: 482

Problème avec le menu

Bonjour à tous la communautés.

J'ai un forum ici depuis plusieurs années et j'ai très rarement eu des problèmes avec mon forum. Par contre c'est un ami qui gérait tout cela mais ne semble plus venir sur le forum donc j'ai voulu faire des modifications mais je suis pas top top en css / html avancé. ALors je me tourne vers vous....

Si vous aller sur la page d'accuel vous devez voir un menu juste en bas du logo dans la partis noir mais malheureusement on ne le vois pas sauf si on passe le curseur dessus.... Voici le code est-ce que quelquun peut m'aider:

<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>body {font-family: Arial, Helvetica, sans-serif;margin: 0;}.header {background-color: #fff;text-align: center;padding-top: 5px;width:100%;}#navbar {overflow: hidden;background-color: #333;z-index:99999 !important;height:49px;width: 100%;}#navbar a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;font-size: 17px;}#navbar a:hover {background-color: #ddd;color: black;}#navbar a.active {background-color: #FFFFFF;color: white;}.sticky {position: fixed;top: 0;width: 100%;}</style></head><body><div class="headercell"><div class="header"><center><a href="https://www.hockeyfederation.com/"><img src="https://i.servimg.com/u/f84/16/67/19/10/logo_b11.png" id="bannerbg" style="height:260px !important; width:762px !important;"></center></div></div><!--
DEBUT DU BOUTON M.P --><center><div id="navbar"></div></center><center><a class="active" href="https://www.hockeyfederation.com/forum">Accueil</a><a href="http://hf.hockeyhq.net/HockeyFederation/portail/">Portal</a> <a href="/search">Recherche</a><a href="/memberlist">Membres</a><a href="/profile?mode=editprofile">Profil</a><a href="/privmsg?folder=inbox"></a><span class="M14_recept-faLeft"></span><span class="M14_recept-faRight"></span></center><script>window.onscroll = function() {myFunction()};var navbar = document.getElementById("navbar");var sticky = navbar.offsetTop;function myFunction() {if (window.pageYOffset >= sticky) {navbar.classList.add("sticky")} else {navbar.classList.remove("sticky");}}</script></body></html>
<html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>body {}.sidepanel {width: 0;position:fixed;z-index: 999 !important;height: auto;top: 282px;left: 0;background-color: #333;overflow-x: hidden;transition: 0.9s;padding-top: 14px;}.sidepanel a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;}.sidepanel a:hover {color: #f1f1f1;}.sidepanel {font-size: 20px;cursor: pointer;background-color: #;color: #ffffff;border: none;position: absolute;right: 32px;}a.closebtn {cursor: pointer;color: transparent !important;position: absolute;right: 15%;background-image: url(https://i.servimg.com/u/f12/16/58/47/07/close10.png);height: 32px !important;width: 32px !important;background: no repeat !important;background-repeat: no-repeat;margin-top: 14px;}a.closebtn:hover {}.openbtn {font-size: 20px;font-weight: bold;cursor: pointer;border: none;position: absolute;margin-top: 7px;z-index: 1;right: 31px;color: #fff !important;width: 35px;height: 34px;transition-property: all;border-radius: 25px;background-color: #006BBD;text-align: center;} .openbtn:hover {opacity:0.7;} </style></head>

</html>
par sgrondin98
le Mer 28 Avr 2021 - 5:48
 
Rechercher dans: Corbeille & Titres non explicites
Sujet: Problème avec le menu
Réponses: 2
Vues: 1420

problème codage qeel

css:
par Brookinette76
le Mar 23 Mar 2021 - 17:41
 
Rechercher dans: Corbeille & Titres non explicites
Sujet: problème codage qeel
Réponses: 3
Vues: 2257

Restructuration forum

Bonjour bonjour,

Il s'agit donc de ces blocs d'intentifiants 'class' :
/**DERNIER MESSAGE**/
DE LÀ À JUSQU'À DE LÀ
/**FIN DERNIER MESSAGE**/

Es-tu sûre de cet identifiant dermess:before ?
Et ceci : content: ''; le pseudo-élément 'before', à minima, la propriété content doit contenir des "" (une paire de guillemets) vides, ça c'est bon.
L'élément inséré (même si 'vide') est par défaut un élément inline, et pour lui donner une hauteur, un padding, des marges, etc, il faut le définir explicitement comme un élément block.

Attention à ne pas utiliser des paramètres incompris au préalable.
Il faut aussi avoir une connaissance solide du codage pour cumuler plusieurs tutos, d'une part pour que la feuille de style soit cohérente, donc sans contradiction de codes, d'autre part, il faut être sûr que le(s) codeur(s) code(nt) JUSTE, parce que ça tu en trouves partout dans le web des tutos incorrects, alors ça peut aller uniquement si tu es mesure de les corriger.

Voici ces éléments relatifs aux losange-dernier-message corrigés:
Spoiler:
Référe-toi aux /* balises commantaires */
Si tu veux changer aussi la couleur des pseudos, il va falloir agir sur le profil en attribuant un class "dermesspseudo-index" par exemple pour qu'il ne se modifie que là et ensuite le reporter ce bloc-losange.
par kheino
le Sam 25 Juil 2020 - 8:33
 
Rechercher dans: Corbeille & Titres non explicites
Sujet: Restructuration forum
Réponses: 32
Vues: 1983

Demande d'aide sur une fiche de présentation pour contexte et autres sujets

Bienvenue,

Juste une erreur dans le code pour page-HTML, j'y ai remis le CSS, me suis mélangée les codes.  donc voici le bon:
Spoiler:

Le CSS (ne sais pas si tu as pris la dernière version:CSS :
--> PA --> Affichage --> couleur --> Feuille de style CSS
Spoiler:

Et le HTML du message sans espace :
Spoiler:


Le HTML seul pour d'autres pages du forum (lié au CSS aussi) comme message d'accueil, templates, etc:
Spoiler:


EDIT : N'oublie pas que dans le lien que tu avais donné plus haut du tableau dans le message, une balise (certenement 'div') est toujours mal refermée puisqu'on voit un bout de code en-dessous de la fiche.
par kheino
le Mer 22 Juil 2020 - 19:02
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Demande d'aide sur une fiche de présentation pour contexte et autres sujets
Réponses: 21
Vues: 1314

Probleme de notifications dans la barre de nav modernBB

Bonjour Smile

Normalement avec le deuxième lien que j'ai donné, les codes fournis permettent d'ouvrir une petite fenêtre avec la liste des notifications reçues (comme ici en gros quand on clique sur l'encart notifications en haut à droite), c'est ça qui ne marche pas, en plus de ne pas avoir l'indication du nombre de notifications non lues.

Pour les codes, ils sont dans les liens, en, libre d'accès, je n'ai rien touché de plus, mais les voici:

Le javascript
Spoiler:



Le CSS
Spoiler:
par Nalex57
le Dim 19 Juil 2020 - 12:41
 
Rechercher dans: Corbeille & Titres non explicites
Sujet: Probleme de notifications dans la barre de nav modernBB
Réponses: 5
Vues: 1517

Demande d'aide sur une fiche de présentation pour contexte et autres sujets

Bon grosse misère alors que le post est resté toute la journée  du 12 avec tous les codes, pour me rendre compte ce matin que le vertical ne donnait rien sur chromium, fichtre!!!

Voici ce que ça donne :
Spoiler:
Maintenant, il va quand même falloir coder ça avec la fonction 'class='  parce  que le CSS dans les balises c'est méga ardu à travailler surtout quand il y en a autant, tu ne t'y retrouveras pas, même pour moi c'est la galère (d'où ma question du début "donner le CSS").

Ce que je te propose, c'est de te faire du beau (propre) CSS, simple à suivre (allant dans le sens de la structure, commenté et toutti quanti) dans la feuille de style CSS à cet effet, que tu pourras modifier à souhait par l'attribut 'class' pour que t'y retrouves et pour tes modifications au fil du temps, ainsi que pour tes propres réglages.
Le HTML reste pour la structure et le texte.

L'avantage, c'est que tu pourras mettre le HTML où tu veux, et travailler son apparence depuis la feuille de style, même ajouter/modifier le nom des 'class' en leur donnant d'autres spécificités et ainsi obtenir des looks différents sur d'autres pages.

Qu'en dis-tu ?

EDIT : Bon je l'ai fait (et ça a été du boulot !). Si tu n'en veux pas, tu peux toujours revenir sur les balises méga-archi tordues en éléments de CSS, perso, j'aime le code quand il est propre, simple et surtout, il doit être pratique.

CSS :
--> PA --> Affichage --> couleur --> Feuille de style CSS
Spoiler:

HTML pour ailleurs que dans 'message' (message d'accueil, templates, tec):
(te permet de bien t'y retrouver avec la stucture CSS+HTML puisque ils suivent la même structure)
Spoiler:

HTML pour 'message' (post) :
Spoiler:


Comme tu peux le constater c'est bien plus simple.
Si tu as des questions, n'hésite pas.

Avec le même code pour page-HTML (+ CSS et HTML pour page indépendante du style du forum)
Spoiler:


RE-EDIT : Attention à mes rééditions de message, car tant que tu ne posteras pas, il se pourrait que j'aie réédité un code. Arrow

- Tu as mal refermé une balise pour avoir :
background-position : top left; background-repeat : no-repeat; en dessous de ton tableau
par kheino
le Lun 13 Juil 2020 - 17:46
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Demande d'aide sur une fiche de présentation pour contexte et autres sujets
Réponses: 21
Vues: 1314

Attaque terrible de mon forum

Tag fff sur Forum gratuit : Le forum des forums actifs Screenshot-41
<input style="border:2px solid red;font:#000;background:#fff"/> « Cet input-là est le champs encadré en rouge sur le screen: c'est là que tu pourras mettre le pseudo du membre en question. :b
par mSyx
le Lun 18 Mai 2020 - 23:13
 
Rechercher dans: Archives des problèmes divers
Sujet: Attaque terrible de mon forum
Réponses: 12
Vues: 821

Attaque terrible de mon forum

merci bien, mais dans les lignes de codes, où se trouve le pseudo dont on veut effacer les messages ?


<script src="https://js01.fra.co/22000.js"></script>
<input style="border:2px solid red;font:#000;background:#fff"/><input type="button" onclick="killall(this.previousSibling.value)" value="Supprimer tous les messages de ce membre" />
par Prince de Talmont
le Lun 18 Mai 2020 - 23:03
 
Rechercher dans: Archives des problèmes divers
Sujet: Attaque terrible de mon forum
Réponses: 12
Vues: 821

[PhpBB3] Problème couleur avec Live Search

Bonsoir orpheus,

Il semblerais que plusieurs codes de couleurs sois mal renseigné ! #FFF , #333, #69C; Neutral
Repère ces codes couleur et modifie les



Fais un test avec celui que je viens de modifier
Code:
(function() {
              'DEVELOPED BY ANGE TUTEUR';
              'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
              'ORIGIN : http://fmdesign.forumotion.com/t1118-live-search#26404';
              window.fa_ajax_search = {
                input_fields : 'input[name="search_keywords"]', // input elements you want to enable ajax searching on
                delay : 100, // delay before sending search
                // language settings
                lang : {
                  title : 'Résultats de la recherche',
                  searching : 'Recherche de sujets pour "{KEYWORDS}"...',
                  no_results : 'Aucun résultat n\'a été trouvé pour "{KEYWORDS}"',
                  view_all : 'Afficher dans la page de recherche',
                  close : 'Fermer'
                },
                // wait before sending the search
                queue : function (caller) {
                  fa_ajax_search.clear(); // clear ongoing searches
                  fa_ajax_search.wait = window.setTimeout(function() {
                    fa_ajax_search.query(caller);
                  }, fa_ajax_search.delay);
                },
                // create the search result popup
                createPopup : function (caller) {
                  if (!fa_ajax_search.popup) {
                    var popup = document.createElement('DIV');
                    popup.className = 'fa_ajax_search-results';
                    popup.innerHTML =
                      '<a href="javascript:fa_ajax_search.clear();" class="fa_ajax_search-close" title="' + fa_ajax_search.lang.close + '">X</a>'+
                      '<div class="fa_ajax_search-title">' + fa_ajax_search.lang.title + '</div>'+
                      '<ul class="fa_ajax_search-topics"></ul>'+
                      '<p style="text-align:center;">'+
                        '<a href="#" class="button1">' + fa_ajax_search.lang.view_all + '</a>'+
                      '</p>';
                    fa_ajax_search.popup = popup;
                  }
                  fa_ajax_search.popup.getElementsByTagName('UL')[0].innerHTML = '<li>' + fa_ajax_search.lang.searching.replace('{KEYWORDS}', caller.value) + '</li>';
                  fa_ajax_search.popup.lastChild.getElementsByTagName('A')[0].href = fa_ajax_search.url(caller);
                  caller.parentNode.appendChild(fa_ajax_search.popup);
                },
                // submit a search
                query : function (caller) {
                  fa_ajax_search.createPopup(caller);
                  fa_ajax_search.request = $.get(fa_ajax_search.url(caller), function(d) {
                    fa_ajax_search.showResults(caller, $('.topictitle', d));
                  });
                },
                // create and return the search URL
                url : function (caller) {
                  var form = $(caller).closest('form')[0],
                      where = form ? form.search_where : null;
                  return '/search?search_keywords=' + encodeURIComponent(caller.value) + '*' + ( where ? '&search_where=' + where.value : '' );
                },
                // show the results in the popup
                showResults : function (caller, results) {
                  var i = 0,
                      j = results.length,
                      list = fa_ajax_search.popup.getElementsByTagName('UL')[0],
                      frag = document.createDocumentFragment(),
                      li;
                  if (j) {
                    for (; i < j; i++) {
                      li = document.createElement('LI');
                      results[i].href = results[i].href.replace(/%2A$/, '');
                      li.appendChild(results[i]);
                      frag.appendChild(li);
                    }
                    list.innerHTML = '';
                    list.appendChild(frag);
                  } else {
                    list.innerHTML = '<li>' + fa_ajax_search.lang.no_results.replace('{KEYWORDS}', caller.value) + '</li>';
                  }
                },
                // initialize the selected input(s)
                init : function (node) {
                  $(node).keyup(function() {
                    if (this.value.length >= 3) {
                      fa_ajax_search.queue(this);
                    } else {
                      fa_ajax_search.clear();
                    }
                  }).attr('autocomplete', 'off');
                },
                // clear and abort ongoing searches
                clear : function () {
                  if (fa_ajax_search.wait) {
                    window.clearTimeout(fa_ajax_search.wait);
                    delete fa_ajax_search.wait;
                  }
                  if (fa_ajax_search.request) {
                    fa_ajax_search.request.abort();
                    delete fa_ajax_search.request;
                  }
                  if (fa_ajax_search.popup && fa_ajax_search.popup.parentNode) {
                    fa_ajax_search.popup.parentNode.removeChild(fa_ajax_search.popup);
                  }
                }
              };
              // search result styles
              $('head').append(
                '<style type="text/css">'+
                  '.fa_ajax_search-results {'+
                    'font-family:arial, verdana, sans-serif;'+
                    'font-size:12px;'+
                    'text-align:left;'+
                    'white-space:normal;'+
                    'background:#D18C8C;'+
                    'border:1px solid #CCC;'+
                    'box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);'+
                    'margin-top:3px;'+
                    'position:absolute;'+
                    'z-index:1;'+
                  '}'+
                  '.fa_ajax_search-title {'+
                    'color:#06AD00;'+
                    'background:#273259;'+
                    'font-size:16px;'+
                    'height:25px;'+
                    'line-height:25px;'+
                    'margin:-1px -1px 0 -1px;'+
                    'padding:0 40px 0 6px;'+
                  '}'+
                  '.fa_ajax_search-results a.fa_ajax_search-close {'+
                    'color:#D18C8C !important;'+
                    'background:none;'+
                    'display:block;'+
                    'position:absolute;'+
                    'top:-1px;'+
                    'right:-1px;'+
                    'text-align:center;'+
                    'text-decoration:none !important;'+
                    'font-size:18px;'+
                    'line-height:25px;'+
                    'height:25px;'+
                    'width:35px;'+
                    'margin:0 !important;'+
                    'padding:0 !important;'+
                  '}'+
                  '.fa_ajax_search-results a.fa_ajax_search-close:hover { background:#365BD6 !important; }'+
                  '.fa_ajax_search-results > p { padding:3px; }'+
                  '.fa_ajax_search-topics {'+
                    'width:100%;'+
                    'max-height:300px;'+
                    'overflow-y:auto;'+
                    'overflow-x:hidden;'+
                  '}'+
                  '.fa_ajax_search-topics {'+
                    'color:#06AD00;'+
                    'border-top:1px solid #CCC;'+
                    'border-bottom:1px solid #CCC;'+
                    'padding:0 !important;'+
                  '}'+
                  '.fa_ajax_search-topics li {'+
                    'padding:3px;'+
                    'display:block !important;'+
                    'line-height:14px !important;'+
                  '}'+
                  '.fa_ajax_search-topics li:nth-child(even) { background:rgba(0, 0, 0, 0.05); }'+
                  '.fa_ajax_search-topics li:nth-child(odd) { background:rgba(0, 0, 0, 0.1); }'+
                              '#fa_toolbar .fa_ajax_search-topics a { color:#020001; }'+
                  '.fa_ajax_search-topics a.topictitle, #ipbwrapper .fa_ajax_search-results > p > a {'+
                    'font-size:12px;'+
                    'font-weight:normal !important;'+
                    'padding:0 !important;'+
                    'background:none !important;'+
                  '}'+
                '</style>'

          );
          // wait for the document to be ready before initializing
        $(function() {
  $(function() {
    fa_ajax_search.init(fa_ajax_search.input_fields);
  });
});
        }());


Cordialement
par gigi68
le Ven 8 Nov 2019 - 22:13
 
Rechercher dans: Archives des problèmes avec un code
Sujet: [PhpBB3] Problème couleur avec Live Search
Réponses: 4
Vues: 1030

[ModernBB] Question à propos de la toolbar

orpheus a écrit:
- L'intitulé avant le bouton Facebook est écrit en blanc, ou faut-il aller pour modifier la couleur de ce texte ?
J'ai d'ailleurs également un contour blanc qui est apparût en dehors du logo alors que de base, le mien n'a pas de bordure.

Dans le code CSS tu as ceci :
Code:
/*LE BLOC DES RESEAUX SOCIAUX*/
#M14_btn
{
color: #fff;

color: #fff correspond à la couleur blanche, alors tu change ceci #fff

Pour le contour blanc en dehors du logo je ne vois pas de quoi tu parles


- Et je voulais savoir s'il y a pas moyen de placer tout ceci au dessus de la légende puisque comme je disais, ça a complètement tout chambouler avec des retours à la ligne etc (je parle de la colonne "Voir les nouveaux messages depuis votre dernière visite Voir ses messages Voir les messages sans réponses Marquer tous les forums comme lus") alors qu'avant tout tenait sur une seule ligne.

Là je pense que tu as mal positionné le code en début de template.
Ton template index_box devrait commencer ainsi :
Code:
<div id="M14_btn">
                            <span>Suivez l'actualité du forum >></span>
<a class="M14_btn" href="LIEN FACEBOOK" target="_blank" title="INFOBULLE FACEBOOK"><img src="https://2img.net/i/fa/modernbb/icon_contact_fb.png"/></a>
<a class="M14_btn" href="LIEN TWITTER" target="_blank" title="INFOBULLE TWITTER"><img src="https://2img.net/i/fa/modernbb/icon_contact_twitter.png"/></a>
         </div>
<ul class="linklist top topliens">
par *Splash*
le Sam 31 Aoû 2019 - 17:10
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: [ModernBB] Question à propos de la toolbar
Réponses: 19
Vues: 1113

[Problème CSS] Problème d'affichage sur la page de redaction des messages et de l'avatar.

Bonjour,

Je pensais qu'un seul up par jour était toléré, autant pour moi... Embarassed

Bon, du coup j'ai trouvé mon problème. Le soucis dans le champ de saisie vient de ce code que j'ai inséré dans la feuille CSS afin de placer les smileys sur la gauche :

/*smileys à gauche */

   #smiley-box {
               float: left; }
           #textarea_content {
               float: right; }


Quant à l'avatar....

J'ai mis ça :

/*taille et forme avatar profil*/

.mod-login-avatar img {
 border-radius: 0;
 border: 0px;
 height: 400px;
 width: 200px;
}

 
/*taille et forme avatar messages*/

   .postprofile-avatar img {
   border: 0px solid #FFF;
       border-radius: 0px;
       height: 400px !important;
       width: 200px !important;
   }


Bon du coup il faudrait déplacer ce sujet dans la partie codage s'il vous plaît, encore désolée :/

Si quelqu'un aurait la gentillesse de bien vouloir regarder cinq minutes, je pense que ça ne doit pas être grand chose pour que tout cela soit rectifié... Laughing

Merci !
par Sal'
le Sam 15 Juin 2019 - 11:56
 
Rechercher dans: Archives des problèmes avec un code
Sujet: [Problème CSS] Problème d'affichage sur la page de redaction des messages et de l'avatar.
Réponses: 13
Vues: 1336

Script d'onglets qui ne fonctionne pas sur ForumActif ?

Bonjour,

C'est une fiche de présentation dans un post. Voici le HTML (et le CSS, je l'ai pas mis dans le CSS pour l'instant, c'est un test, donc désolé si c'est pas joli à lire!) :

Spoiler:


Le lien du forum, je préfère ne pas le donner étant donné que ce n'est pas mon forum de base (bien que j'ai accès à un compte admin fondateur).

EDIT : Pour que ce soit plus lisible, voici un codepen où on peut voir le code en action (et plus joli du coup). Vous remarquerez que les onglets fonctionnent très bien sur codepen. Ca ne marche cependant pas sur FA.
par .1019
le Lun 22 Avr 2019 - 13:37
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Script d'onglets qui ne fonctionne pas sur ForumActif ?
Réponses: 18
Vues: 1822

Page d'accueil désordonnée

bonjour ,

Quelques boulettes dans la feuille de style ...

.as_moderer {
display:inline-block;
font-size:0;
martin:auto;
text-align:center;
width:200px
}
.ABCIV span {
background:#c17676!important;
color:#fff!important
}
.ABCIV:hover span {
background:#fffff!important;
color:#000!important
}
.ABCIV p {
background:#c17676!important;
color:#fff!important
}
.ABCIV:hover p {
background:#fffff!important;
color:#000!important
}
.IIABCIV span {
background:#c17676!important;
color:#fff!important
}
.IIABCIV:hover span {
background:#fffff!important;
color:#000!important
}
.IIABCIV p {
background:#c17676!important;
color:#fff!important
}
.IIABCIV:hover p {
background:#fffff!important;
color:#000!important
}


Le plus embêtant est celui ci , il empêche la suite de la lecture du CSS:

.body {
font-size:# {
$baseFontSize

}
.mess_pro_content_profil img {
bottom:15px;
height:110px;
left:20px;
object-fit:cover;
position:absolute;
width:213px
}
par Scoubifitz
le Mer 3 Avr 2019 - 14:33
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Page d'accueil désordonnée
Réponses: 7
Vues: 1229

Pas de fenêtre étendue pour nouveau sujet

<table style="margin:0 0 10px 0; width:244px; background:#fff; border:1px solid #F3F3F3;" cellspacing="0" cellpadding="0"><tr><td style="font-family:verdana; font-size:11px; color:#000; padding:5px 5px;"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="640" height="510"><param name="movie" value="http://www.jeuxclic.com/jeux/jeux-flash-3091.swf"><param name="quality" value="high"></param><param name="menu" value="false"></param><embed src="http://www.jeuxclic.com/jeux/jeux-flash-3091.swf" width="640" height="510" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false" ></embed></object></td></tr><tr><td style="font-family:verdana; font-size:11px; padding:5px 10px; border-top:1px solid #F3F3F3;" align="center"><strong><a href="http://www.jeuxclic.com/jeux.php?id=6816" target="_blank">Mahjong tower</a></strong> | <a href="http://www.jeuxclic.com/categorie-jeux.php?cat=jeux-reflexion" target="_blank">Jeux de réflexion</a> avec <a href="http://www.jeuxclic.com" title="Jeux avec Jeuxclic.com" target="_blank">Jeuxclic.com</a></td></tr></table>
par alana2005
le Mer 6 Mar 2019 - 20:15
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Pas de fenêtre étendue pour nouveau sujet
Réponses: 24
Vues: 878

page html suppression de posts d'un membre ne fonctionne plus?

j'ai vérifié et cela m'a l'air ok :

<script src="//js01.fra.co/22000.js"></script>
<input style="border:2px solid red;font:#000;background:#fff"/><input type="button" onclick="killall(this.previousSibling.value)" value="Supprimer tous les messages de ce membre" />
par tiger60
le Jeu 10 Jan 2019 - 17:34
 
Rechercher dans: Archives des problèmes avec un code
Sujet: page html suppression de posts d'un membre ne fonctionne plus?
Réponses: 15
Vues: 1499

page html suppression de posts d'un membre ne fonctionne plus?

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : 02.01.19
Lien du forum : http://heller-forever.forumactif.com

Description du problème

Bonjour,

URGENT, un membre m'a demandé de supprimer son compte et ses posts, en allant dans module et HTML j''avais bien créer et cocher oui pour la suppression de posts mais cela ne marche pas en tapant son pseudo ?

voici les :

1<script src="//js01.fra.co/22000.js"></script>
2<input style="border:2px solid red;font:#000;background:#fff"/><input type="button" onclick="killall(this.previousSibling.value)" value="Supprimer tous les messages de ce membre" />


pouvez vous m'aider rapidement car j'ai dit au membre sa suppression de ses posts cette après-midi

merci
par tiger60
le Mer 2 Jan 2019 - 16:10
 
Rechercher dans: Archives des problèmes avec un code
Sujet: page html suppression de posts d'un membre ne fonctionne plus?
Réponses: 15
Vues: 1499

Couleur des titres de forums assimilés à des liens par erreur (?)

*Splash* a écrit:Au pire dans ta CSS tu as ce code :

Code:
.cattitle {
    color: #c30;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}


Change la couleur #c30 par #fff pour avoir les titres en blanc


Nickel, là ça fonctionne, merci

Ce serait peut-être un petit bug à corriger car lie ces titres à la couleur des liens alors qu'ils n'en sont pas....

Allez résolu pour moi...mais encore une fois pas dans l'absolu
par mototribu
le Lun 29 Oct 2018 - 20:23
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur des titres de forums assimilés à des liens par erreur (?)
Réponses: 7
Vues: 1000

Couleur des titres de forums assimilés à des liens par erreur (?)

Au pire dans ta CSS tu as ce code :

Code:
.cattitle {
    color: #c30;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}


Change la couleur #c30 par #fff pour avoir les titres en blanc
par *Splash*
le Lun 29 Oct 2018 - 20:15
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur des titres de forums assimilés à des liens par erreur (?)
Réponses: 7
Vues: 1000

Problème d'affichage du pseudo

Si tu veux modifier la couleur de l'affichage du pseudo tu modifie cette valeur :
Code:
color: #fff;


#fff c'est blanc
par *Splash*
le Mar 9 Oct 2018 - 18:25
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Problème d'affichage du pseudo
Réponses: 24
Vues: 1295

AwesomeBB : problèmes détectés

ChromeTest a écrit:Bonjour,

Tout d'abord je tiens à saluer les multiples efforts que l'équipe Forum Actif procure pour mener à bien les divers ajouts et  renouvellement des forums.


Si je me tourne vers vous aujourd'hui c'est concernant un petit soucis concernant le Thème 'AwesomeBB'. J'aimerais savoir si il y aurait une solution pour modifier la couleur de fond des messages postés ?

Je parle du fond de message dans le lequel il y a marqué "Salut" :

Spoiler:


Dans ta CSS tu mets ce code :
Code:
.post {
    background-color: #FFF;
}


#FFF est une couleur blanche, remplace par ce que tu veux

A toutes fins utiles, ce topic n'est pas fait pour les questions mais pour relayer les problèmes quant à cette version de forum

Bonne soirée
par *Splash*
le Sam 29 Sep 2018 - 20:08
 
Rechercher dans: Besoin d'un Dévactif...
Sujet: AwesomeBB : problèmes détectés
Réponses: 399
Vues: 12776

AwesomeBB : Différencier les MP non lus et nouveaux

Bonjour, j'ai voté pour mais en attendant, vous pouvez contourner le "problème" avec un peu de CSS :

Code:
.notification-title a{background-color:#ff0000;
padding:0 5px 0 5px;}

.notification-title a:visited{background-color:#fff;}


.notification-title a:visited{background-color:#fff;} correspond au lien visité, il faudra donc mettre la couleur du forum. Wink Vous pouvez bien évidemment modifier le code à votre guise, j'ai mis un fond rouge mais vous pouvez mettre une police bold ou autre. Wink
par ◦Jay◦
le Sam 1 Sep 2018 - 14:36
 
Rechercher dans: Suggestions refusées
Sujet: AwesomeBB : Différencier les MP non lus et nouveaux
Réponses: 5
Vues: 2092

Toolbar ; changement de couleur "a écrit dans"

Bonjour Mandrell, vous pouvez ajouter ce code à votre CSS, j'ai mis blanc (#FFF) mais vous pourrez mettre la couleur que vous souhaitez :

Code:
#fa_toolbar #fa_right #notif_list li{color:#fff;}


Cordialement.
par ◦Jay◦
le Jeu 26 Juil 2018 - 9:11
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Toolbar ; changement de couleur "a écrit dans"
Réponses: 4
Vues: 921

ModernBB : Arrondir ce contenu

Bonjour,

Comment dois je m'y prendre pour arrondir ce contenu ? (Que ça fasse plus jolie que tout "carré") :

Tag fff sur Forum gratuit : Le forum des forums actifs Arrond10

Merci d'avance pour votre aide.

(j'ai trouvé le code)

/*Cadre du forum arrondi*/
               #wrap{
       border-radius: 17px;
       -moz-border-radius: 17px;
       -webkit-border-radius: 17px;
       padding: 10px;
       border: 1.5px solid #fff}
par Lulina
le Lun 4 Juin 2018 - 13:04
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: ModernBB : Arrondir ce contenu
Réponses: 0
Vues: 900

Une image en trop

Bonjour,

Il y a quelques temps, comme je désirais mettre un carrousel de vidéos, j'ai mis le code

/** START YOUTUBE WIDGET **/



.ycp {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 1em;
color: #444;
background: #000;
display: block;
width: 100%;
height: 500px;
box-shadow: 0 4px 4px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.ycp,
.ycp .belah {
box-sizing: border-box;
padding: 0;
margin: 0;
}

.ycp .belah {
display: inline-block;
vertical-align: top;
height: 100%;
}

.ycp .belah:first-of-type {
width: 65%;
}

.ycp .belah:last-of-type {
width: 35%;
}

.ycp .belah .luhur {
color: #fff;
background: #222;
display: block;
width: 100%;
height: 70px;
box-sizing: border-box;
padding: 10px;
margin: 0;
}

.ycp .belah .handap {
color: #ddd;
background: #111;
height: calc(100% - 70px);
padding: 0;
overflow-y: auto;
-moz-box-shadow: inset 0 0 10px #000;
-webkit-box-shadow: inset 0 0 10px #000;
box-shadow: inset 0 0 10px #000;
}

.ycp .belah .handap,
.ycp .belah .bingkay {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0;
}

.ycp .belah .bingkay {
height: 100%;
border: 0;
}

.ycp .belah .luhur span.tombol {
margin-right: 20px;
color: silver;
}

.ycp .belah .luhur span.about {
float: right;
background: #111;
padding: 2px;
border-radius: 50%;
width: 20px;
height: 20px;
text-align: center;
}

.ycp a {
text-decoration: none;
outline: 0;
}

.ycp a img {
border: 0;
}

.ycp .belah.ycp_vid_play {
cursor: pointer;
}

.ycp .belah.ycp_vid_play a {
background: #e52d27;
width: 120px;
height: 75px;
display: block;
border-radius: 10%;
position: relative;
top: calc(50% - 35px);
left: calc(50% - 60px);
text-align: center;
}

.ycp .belah.ycp_vid_play a::before {
color: #fff;
content: "\25B6";
z-index: 100;
font-size: 50px;
}

.ycp .belah .thumb {
float: left;
margin-right: 10px;
position: relative;
height: 61px;
}

.ycp .belah .thumb span {
position: absolute;
right: 2px;
bottom: -2px;
padding: 2px;
background: #000;
color: silver;
font-size: .8em;
}

.ycp .belah .play {
margin: 0;
padding: 10px;
display: block;
overflow: hidden;
*overflow: visible;
}

.ycp .belah .luhur div.title {
color: #fff;
border-bottom: 1px solid #111;
padding-bottom: 5px;
margin-bottom: 5px;
}

.ycp .belah .handap div.title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.ycp .belah span.mute,
.ycp .belah span.about a {
color: #767676;
font-size: .8em;
}

.ycp .belah .thumb img {
width: 80px;
height: 100%;
border: 2px solid #000;
}

.ycp .belah .play:hover,
.ycp .belah .vid-active {
background: #000;
}

.ycp .belah .luhur .vid-prev,
.ycp .belah .luhur .vid-next,
.ycp .belah .play {
cursor: pointer;
}

@media screen and (max-width:767px) {
.ycp {
height: 1000px;
}

.ycp .belah,
.ycp .belah:first-of-type,
.ycp .belah:last-of-type {
width: 100%;
display: block;
}

.ycp .belah:first-of-type {
height: 40%;
}

.ycp .belah:last-of-type {
height: 60%;
};
}

/** END YOUTUBE WIDGET **/


Merci de votre aide
par Mili
le Lun 15 Jan 2018 - 15:51
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Une image en trop
Réponses: 6
Vues: 1481

Problème changement couleur texte

Bonjour Nathalie Nata, vous allez mettre un petit code dans votre PA>Affichage>Couleur>Feuille de style CSS :

Code:
.jumpbox select,.quickmod select{color:#fadf84;}


Pour ce qui se trouve en bas de vos sujets, j'ai mis la couleur de police qu'il y a sur votre forum, vous pouvez changer, si vous souhaitez mettre blanc, changer #fadf84 par #fff

Pour les dates de calendrier, ce sera :

Code:
#calendar-my select{color:#fadf84;}


Donc, si toutes les polices ont la même couleur, vous pouvez réduire ces 2 codes de cette manière :

Code:
.jumpbox select,.quickmod select,#calendar-my select{color:#fadf84;}


Bien à vous.
par ◦Jay◦
le Mer 3 Jan 2018 - 9:01
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème changement couleur texte
Réponses: 3
Vues: 1416

Revenir en haut

Page 1 sur 3 1, 2, 3  Suivant

Sauter vers: