La date/heure actuelle est Ven 19 Avr 2024 - 13:47

16 résultats trouvés pour 333

Position de la signature

Didem a écrit:mais la signature reste au milieu de la page.

Est-ce le cas pour toutes les signatures ?
Si non, vérifiez dans votre profil > signature https://citroen-maserati.forumactif.com/profile?mode=editprofile&page_profil=signature que vous n'ayez pas aligné vous-même votre signature au centre avec des balises center par exemple.

Didem a écrit:L'affichage de la ligne est particulièrement laid dans les post, donc je me suis débrouille avec le <br> dans la signature du profil, c'est mieux. Le problème est de faire cette modif dans chaque profil qui va avoir une signature, pas vraiment pratique mais bon on fera avec.

Sauf qu'avec le css, on peut faire beaucoup plus que juste mettre une bordure. Dans votre cas, vous pouvez par exemple mettre un padding-top ( https://developer.mozilla.org/fr/docs/Web/CSS/padding ), ou même une couleur de fond (background: #333; par exemple) pour différencier les deux parties
Code:
.signature_div {
    padding-top: 50px;
}

par Oka.mi
le Lun 3 Jan 2022 - 20:29
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Position de la signature
Réponses: 7
Vues: 532

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: 1789

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: 1789

[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: 1213

Bouton avertissement rapide admin et modo non visible

Bonjour

Voici les widget le code javascript et CSS que j'ai rentré

Widget:avertissement modo



Widget: avertissement admin


Javascript: avertissement rapide modo et admin


Les CSS


question il a t'il une erreur dans les code que j'ai rentrer ou mon souci viens des templates





par J-Cmotor
le Lun 16 Oct 2017 - 19:43
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Bouton avertissement rapide admin et modo non visible
Réponses: 15
Vues: 3193

Décalage par rapport à l'écran

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 31/10/2015


Description du problème

Bonsoir,

J'ai placé ma barre de navigation en dessous de ma bannière. Mais un souci survient. Il survient un décalage (voir l'encadrement rouge sur la photo). Pour vous aider un maximum, voici les codes :
Overall_Header (la partie concerné):


Et pour compléter le code CSS

css:



Voilà, j'espère avoir été assez clair (s'il vous faut plus de détail n'hésitez pas).

En attente d'une réponse,
Kogami


Ps : Dans le deuxième code CSS on y retrouver "top: -8px;", le problème survient aussi au niveau du haut et je n'ai eu que cette idée pour cacher le vide
par Kōgami
le Sam 31 Oct 2015 - 21:31
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Décalage par rapport à l'écran
Réponses: 5
Vues: 798

Séparation du profil dans les messages

Bonjour.
Pourquoi ne pas m'être un HR
Ex
<HR style="width:100%;height:3px;background-color:{#}333{/#};">[/code]
En dessous des balises concerné.
Bonne journée.
par Invité
le Mer 28 Oct 2015 - 13:53
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Séparation du profil dans les messages
Réponses: 17
Vues: 1536

Création d'un pop-up de menu sur la page d'accueil du forum ?

bon je revient sur la taille de la pop-up

slt arthur ..une solution simple et donné une taille fixe et ajouté un overflow , pour mettre plus de contenue ..

regarde>> http://forum-test-r-max.forumactif.org/


ps:le texte chez moi est blanc , donc oui elle prend la couleur du forum ou elle est placé...mais ont peut la modifier en plaçant dans l'>>id:{#}shadow{/#} { color:{#}333{/#};} ou autre a ton gout ,,
par Invité
le Sam 3 Oct 2015 - 14:46
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Création d'un pop-up de menu sur la page d'accueil du forum ?
Réponses: 87
Vues: 8025

Problème d'affichages.

[mention]R-max[/mention] a écrit:bonsoir pour voir les colonnes il faut déjà lui imposé une couleur

comme ceci
Code:
<table style="background-color:#333;color:black; text-align:center; width:100%;" class="forumline table1 bg3" cellspacing="5">


background-color:{#}333{/#} >=couleur de fond , >>333 = gris
cellspacing ="5" >=taille du trait qui laisse apparaitre le fond . >>5 = 5 px



Bonsoir, à super je vois mieux. Wink Merci beaucoup
par Invité
le Lun 28 Sep 2015 - 21:07
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème d'affichages.
Réponses: 11
Vues: 753

Problème d'affichages.

bonsoir pour voir les colonnes il faut déjà lui imposé une couleur

comme ceci
Code:
<table style="background-color:#333;color:black; text-align:center; width:100%;" class="forumline table1 bg3" cellspacing="5">


background-color:{#}333{/#} >=couleur de fond , >>333 = gris
cellspacing ="5" >=taille du trait qui laisse apparaitre le fond . >>5 = 5 px
par Invité
le Lun 28 Sep 2015 - 20:56
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème d'affichages.
Réponses: 11
Vues: 753

CSS ne correspondant pas à l'affichage

bonsoir ,pour moi tous a l'air ok,

juste ce code a ajouter car votre forum et un poil large , >>>>

Code:
.bodylinewidth {
    width: 98% !important;  /** largeur total du forum **/
}


et celui ci a remplacé >>>>

Code:
div#banniere {
    background-image: url(http://img15.hostingpics.net/pics/448279pafacer.png);
    background-position: top center;
    background-repeat: repeat-x;
    height: 314px;
    width: 100%;
    }


par celui la >>>>

Code:
div#banniere {
    background-image: url(http://img15.hostingpics.net/pics/448279pafacer.png);
    background-position: top center;
    background-repeat: no-repeat;  /** enleve la repetition de l image **/
    height: 314px;
    background-size: 98% auto;  /** auto redimentionnement **/
}


ce qui réglera aussi la largeur et l'auto dimension du logo bannière ,

ensuite vous y verrait plus clair ..car les couleur sont un peut pale ,

exemple pour le bodyline >>>

Code:
.bodyline {
    border-bottom: 3px solid #E6F7FF;
    border-left: 3px solid #E6F7FF;
    border-right: 3px solid #E6F7FF;
    border-top: none;
}


changé le code couleur par {#}333{/#} ,la vous apercevez les border . ..ou alors ajouter dans ce code
Code:
background-color:#xxxxxx; /** couleur de fond du bodyline **/
changé les xxxxxx par le code couleur de votre chois.

si vous voyer des choses que je ne voie pas ,indiqué moi par une capture d'écran ..., toujours mieux pour comprendre et visualisé ..

bonne soirée ,
par Invité
le Mer 12 Aoû 2015 - 22:48
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: CSS ne correspondant pas à l'affichage
Réponses: 4
Vues: 906

Modification des templates et perte complète des couleurs du forum

Bonjour,
le code css suivant doit être le responsable :
Code:
* {
  color: #333;
  font-family: arial;
  font-size: 11px;
}

Il applique à tous les éléments du forum la couleur #333, une taille de 11px et la police arial.
Si vous souhaitez que ça soit la mise en forme par défaut, appliquez plutôt ce code à "body" plutôt qu'à tous les éléments :
Code:
body {
  color: #333;
  font-family: arial;
  font-size: 11px;
}

Ainsi, cela ne devrait pas contrarier les mises en formes des éléments eux mêmes lorsqu'ils en ont.
par MlleAlys
le Ven 8 Mai 2015 - 15:32
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modification des templates et perte complète des couleurs du forum
Réponses: 2
Vues: 1314

lien url invisible

BONJOUR (parce que c'est gratuit),

C'est peut être parce que c'est écrit en blanc sur blanc ?
La couleur de fond de ces zones de saisie correspond dans le panneau d'administration > couleurs à "Table Rangée Couleur 2 et surbrillance".
Si vous n'avez pas choisi du blanc à cet endroit, alors vous devez avoir un code css dans votre feuille de style qui modifie cette couleur de fond pour du blanc.
Si vous souhaitez modifier la couleur de fond des zones de texte des boutons de l'éditeurs indépendamment des autres couleurs sur le forum, ajoutez le code suivant à votre feuille de style css :
Code:
.sceditor-dropdown input {
  background: #333;
}

Modifiez #333 par le code de la couleur de votre choix.
par MlleAlys
le Jeu 7 Mai 2015 - 22:40
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: lien url invisible
Réponses: 2
Vues: 611

Signature sous le profil

Bonjour a tous,
Bon il me semble avoir réglé mon problème de signature grace a un membre de mon forum
Dans la feuille de style j'ai ajouté ces lignes :

.pun .sig-content {
clear: none !important;
}
.pun .table .tc2 {
width: 15% !important;
}
.pun .table .tc3 {
width: 15% !important;
}
.pun table.table th {
color: #333;

De ce fait les signatures sont replacés plus haute
Merci
Claude
par BM92
le Jeu 22 Jan 2015 - 12:46
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Signature sous le profil
Réponses: 5
Vues: 1157

Encadrement de la ChatBox

Bonjour Roxana H. Montgomery,

Rendez-vous dans Panneau d'administration > Affichage > Couleurs > Feuille de style CSS

Collez le code qui suit :
Code:
#chatbox_members { border-right:1px solid #333 }
#chatbox_footer { border-top:1px solid #333 }
.member-title { border-bottom:1px solid #333 }


Modifier #333 pour changer la couleur du cadre.
par Ange Tuteur
le Lun 12 Jan 2015 - 8:04
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Encadrement de la ChatBox
Réponses: 2
Vues: 1089

Revenir en haut

Sauter vers: