Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Lun 21 Sep 2020 - 22:15

59 résultats trouvés pour fff

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:

/**DERNIER MESSAGE**/
/*Losange*/
.dermess {
width  : 0;
height : 0;
border-left: 100px solid transparent;
border-right:100px solid transparent;
border-bottom: 70px solid #769c8d;
position : relative;
top : -35px;
left : 8px;
}
.dermess:before {
content:'';
display: block; /* a indiquer avec le pseudo-élément 'before' et 'after' */
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-top: 70px solid #769c8d;
width:0;
height:0;
position: absolute;
top:69px;
left:-102px;
}
/*Contenu du dernier message*/
.policedermess {
width: 100px;
height: 100px;
top:29px;
left:-48px;
color: #fff !important; /* espace avec !important - couleur-date */
font: bold 13px papyrus; /* bien ! */
text-align: center;
position: relative;
}
/*Mise en forme des liens du dernier message*/
/* lien dernier message */
.policedermess a {

color: #fff !important; /* si tu veux changer la couleur-titre de base avec le !important SI change de la couleur lien de base du a */
}
.policedermess a:hover {
color: #fff !important; /* hover couleur-titre dernier message avec le !important SI change de la couleur lien de base du a:hover */
font: bold 15px papyrus; /* bien ! */
}
/**FIN DERNIER MESSAGE**/

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

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:

Code:
<br />
<html>
<head>
<style type="text/css" media="all">
/*------- overflow-container ---------*/
 
/* pricipal container */
.contprincipal {
width: 550px;
font-family: georgia;
color: dimgray;
}

/* container-block title */
.contblocktitle {
height: 50px;
border-top: 5px solid darkcyan;
border-bottom: 5px solid darkcyan;
}
/* block-title */
.blocktitle {
font-size: 30px; color: silver; font-style: italic;
}

/*----- 2containers left-right -----*/
 
/* col-left */
.colleft {
width: 120px; height: 700px;
color: #fff; font-size: 19px;
font-weight: bold; font-variant: small-caps; /* petites capitales avec mahuscule debut-phrase */
background-color: darkcyan;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
}
/* 3block_verical text */
.block1l {
position: absolut;
width: 110px; height: 700px;
display: block;
}
.block2l {
width: 110px; height: 670px;
display: block;
writing-mode: tb-rl; /* verti-text bottom to top left-right */
transform: rotate(-180deg); /* verti-text se lit pour moz et chromium */
}
.block3l {
padding: 7px 3px; /* means same top-botton 7px and same right-left 3px */
}

/* col-right overflow-text */
.colright {
width: 420px; max-width: 420px;
height: 700px; max-hight: 700px;
top: 30px; left: 50px;
background-color: transparent;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
padding: 7px;
}
/* 3blocks text-overflow */
.block1r {
width: 420px; max-width: 420px;
height: 700px; max-hight: 700px;
display: block;
top: 30px; left: 50px;
background-color: transparent;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
text-align: justify;
}
.clear {
clear:both; float:none;
}
.block2r {
width: 420px; max-width: 420px;
height: 700px; max-hight: 700px;
display: block;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling : auto;
border: 0px solid darkcyan;
}
.block3r {
padding: 10px; /* espace texte avec bords de son bloc */
}
</style>
</head>

<body>

<!-- start_container principal -->
<table align="center">
<tr>              
<td align="center" valign="middle" class="contprincipal">

<!-- start_container-block title -->
<table style="width: 100%;">
<tr>      
<td align="center" valign="middle" class="contblocktitle">
  
<!-- start block-title -->
  <div class="blocktitle" style="text-shadow: 1px 1px 2px white;">
Contexte
  </div>
<!-- end_block-title -->
  
</td>      
</tr></table>
<!-- end_container-block title -->
  </td></tr>
 
<!-- start_2containers left-right -->
<tr>
<td align="center" valign="middle">
<table align="center">
<tr>

<!-- start_col left -->
<td class="colleft" align="left" valign="middle">
  
<!-- start_3blocks left vertical-text -->
  <div class="block1l">
  <div class="block2l">
  <div class="block3l">
Suspendisse egestas nulla quis massa ultricies Lorem ipsum dolor
sit amet consectetur adipiscing elit Donec quis gravida neque.
Suspendisse egestas nulla quis massa ultricies
  </div>
  </div>
  </div>
<!-- end_3blocks left vertical-text -->
  
</td>
<!-- end_col left -->
  
  <!-- start_col right -->
<td class="colright" align="center" valign="bottom">
  
<!-- start_3blocks right text-overflow -->
  <div class="block1r">
  <div class="block2r">
  <div class="block3r">
<img style="width: 100px; height: 100px; float: right; margin-left: 5px;" src="https://zupimages.net/up/20/05/7di8.png" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis gravida neque. Suspendisse egestas nulla quis massa ultricies, in ultricies erat commodo. Integer pretium, ligula euismod varius efficitur, justo metus lacinia nisl, id luctus velit dui ut magna. Proin pretium mauris sed dolor ullamcorper porta. Duis facilisis vulputate metus dapibus accumsan. Sed leo felis, aliquam nec interdum id, vulputate a neque. Integer gravida tortor tristique lorem ullamcorper, non lacinia mi feugiat. Nullam interdum, nibh ac luctus iaculis, justo velit porttitor ligula, eu tincidunt dui ligula id elit. Sed turpis velit, elementum eu nisl nec, tincidunt egestas tellus. Donec sed nisi porttitor, commodo dui at, finibus mi. Praesent pellentesque euismod ex, sodales congue nisl facilisis sit amet. Proin blandit laoreet mi, sed tempor ipsum lacinia at. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque tellus orci, aliquet tristique elementum quis, malesuada sit amet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis. Suspendisse massa risus, pretium vitae ex ac, sodales finibus mauris. Etiam mollis diam sed elementum consequat. Nullam convallis ut tellus ac convallis. Nullam ac ex nec augue viverra egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean accumsan semper velit a aliquet. Duis laoreet sollicitudin lorem, nec ornare felis bibendum non. Proin vitae metus accumsan odio cursus laoreet. Vivamus placerat posuere sapien, id pellentesque tellus. Curabitur mollis diam vitae sodales lobortis. Mauris volutpat enim rhoncus consectetur sollicitudin. Maecenas imperdiet ullamcorper lectus, quis ullamcorper massa finibus sed. In hac habitasse platea dictumst. Nulla at auctor quam, non varius lectus.  Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis.
 <div class="clear"></div>
 </div>
 </div>
 </div>
  <!-- end_3blocks right text-overflow -->
  
</td>
<!-- end_col right -->
  
</tr>
</table>
<!-- end_2containers left-right -->

</td></tr></table>
<!-- end_container principal -->
  
</body>
</html>


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


/*------- start overflow-container ---------*/

/* pricipal container */
.contprincipal {
width: 550px;
font-family: georgia;
color: dimgray;
}

/* container-block title */
.contblocktitle {
height: 50px;
border-top: 5px solid darkcyan;
border-bottom: 5px solid darkcyan;
}
/* block-title */
.blocktitle {
font-size: 30px; color: silver; font-style: italic;
}

/*----- 2containers left-right -----*/

/* col-left */
.colleft {
width: 120px; height: 700px;
color: #fff; font-size: 19px;
font-weight: bold; font-variant: small-caps; /* petites capitales avec mahuscule debut-phrase */
background-color: darkcyan;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
}
/* 3block_verical text */
.block1l {
width: 110px; height: 700px;
display: block;
}
.block2l {
width: 110px; height: 670px;
display: block;
writing-mode: tb-rl; /* verti-text bottom to top left-right */
transform: rotate(-180deg); /* verti-text se lit pour moz et chromium */
}
.block3l {
padding: 7px 3px; /* means same top-botton 7px and same right-left 3px */
}

/* col-right overflow-text */
.colright {
width: 420px; max-width: 420px;
height: 700px; max-hight: 700px;
top: 30px; left: 50px;
background-color: transparent;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
padding: 7px;
}
/* 3blocks text-overflow */
.block1r {
width: 420px; max-width: 420px;
height: 700px; max-hight: 700px;
display: block;
top: 30px; left: 50px;
background-color: transparent;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
text-align: justify;
}
.clear {
clear:both; float:none;
}
.block2r {
width: 420px; max-width: 420px;
height: 700px; max-hight: 700px;
display: block;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling : auto;
border: 0px solid darkcyan;
}
.block3r {
padding: 10px; /* espace texte avec bords de son bloc */
}
/*------- end overflow-container ---------*/


Et le HTML du message sans espace :
Spoiler:

Code:
<table align="center"><tr><td align="center" valign="middle" class="contprincipal"><table style="width: 100%;"><tr><td align="center" valign="middle" class="contblocktitle"><div class="blocktitle" style="text-shadow: 1px 1px 2px white;">Contexte</div></td></tr></table></td></tr><tr><td><table align="center"><tr><td class="colleft" align="left" valign="middle"><div style="block1l"><div class="block2l"><div class="block3l">Suspendisse egestas nulla quis massa ultricies Lorem ipsum dolor sit amet consectetur adipiscing elit Donec quis gravida neque. Suspendisse egestas nulla quis massa ultricies</div></div></div></td><td class="colright" align="center" valign="middle"><div class="block1r"><div class="block2r"><div class="block3r"><img style="width: 100px; height: 100px; float: right; margin-left: 5px;" src="https://zupimages.net/up/20/05/7di8.png" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis gravida neque. Suspendisse egestas nulla quis massa ultricies, in ultricies erat commodo. Integer pretium, ligula euismod varius efficitur, justo metus lacinia nisl, id luctus velit dui ut magna. Proin pretium mauris sed dolor ullamcorper porta. Duis facilisis vulputate metus dapibus accumsan. Sed leo felis, aliquam nec interdum id, vulputate a neque. Integer gravida tortor tristique lorem ullamcorper, non lacinia mi feugiat. Nullam interdum, nibh ac luctus iaculis, justo velit porttitor ligula, eu tincidunt dui ligula id elit. Sed turpis velit, elementum eu nisl nec, tincidunt egestas tellus. Donec sed nisi porttitor, commodo dui at, finibus mi. Praesent pellentesque euismod ex, sodales congue nisl facilisis sit amet. Proin blandit laoreet mi, sed tempor ipsum lacinia at. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque tellus orci, aliquet tristique elementum quis, malesuada sit amet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis. Suspendisse massa risus, pretium vitae ex ac, sodales finibus mauris. Etiam mollis diam sed elementum consequat. Nullam convallis ut tellus ac convallis. Nullam ac ex nec augue viverra egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean accumsan semper velit a aliquet. Duis laoreet sollicitudin lorem, nec ornare felis bibendum non. Proin vitae metus accumsan odio cursus laoreet. Vivamus placerat posuere sapien, id pellentesque tellus. Curabitur mollis diam vitae sodales lobortis. Mauris volutpat enim rhoncus consectetur sollicitudin. Maecenas imperdiet ullamcorper lectus, quis ullamcorper massa finibus sed. In hac habitasse platea dictumst. Nulla at auctor quam, non varius lectus.  Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis. Duis laoreet sollicitudin lorem, nec ornare felis bibendum non. Proin vitae metus accumsan odio cursus laoreet. Vivamus placerat posuere sapien, id pellentesque tellus. Curabitur mollis diam vitae sodales lobortis. Mauris volutpat enim rhoncus consectetur sollicitudin. Maecenas imperdiet ullamcorper lectus, quis ullamcorper massa finibus sed. In hac habitasse platea dictumst. Nulla at auctor quam, non varius lectus.  Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis.<div class="clear"></div></div></div></div></td></tr></table></td></tr></table>



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

Code:
<!-- start_container principal -->
<table align="center">
<tr>              
<td align="center" valign="middle" class="contprincipal">

<!-- start_container-block title -->
<table style="width: 100%;">
<tr>      
<td align="center" valign="middle" class="contblocktitle">
  
<!-- start block-title -->
  <div class="blocktitle" style="text-shadow: 1px 1px 2px white;">
Contexte
  </div>
<!-- end_block-title -->
  
</td>      
</tr></table>
<!-- end_container-block title -->
  </td></tr>
 
<!-- start_2containers left-right -->
<tr>
<td align="center" valign="middle">
<table align="center">
<tr>

<!-- start_col left -->
<td class="colleft" align="left" valign="middle">
  
<!-- start_3blocks left vertical-text -->
  <div class="block1l">
  <div class="block2l">
  <div class="block3l">
Suspendisse egestas nulla quis massa ultricies Lorem ipsum dolor
sit amet consectetur adipiscing elit Donec quis gravida neque.
Suspendisse egestas nulla quis massa ultricies
  </div>
  </div>
  </div>
<!-- end_3blocks left vertical-text -->
  
</td>
<!-- end_col left -->
  
  <!-- start_col right -->
<td class="colright" align="center" valign="bottom">
  
<!-- start_3blocks right text-overflow -->
  <div class="block1r">
  <div class="block2r">
  <div class="block3r">
<img style="width: 100px; height: 100px; float: right; margin-left: 5px;" src="https://zupimages.net/up/20/05/7di8.png" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis gravida neque. Suspendisse egestas nulla quis massa ultricies, in ultricies erat commodo. Integer pretium, ligula euismod varius efficitur, justo metus lacinia nisl, id luctus velit dui ut magna. Proin pretium mauris sed dolor ullamcorper porta. Duis facilisis vulputate metus dapibus accumsan. Sed leo felis, aliquam nec interdum id, vulputate a neque. Integer gravida tortor tristique lorem ullamcorper, non lacinia mi feugiat. Nullam interdum, nibh ac luctus iaculis, justo velit porttitor ligula, eu tincidunt dui ligula id elit. Sed turpis velit, elementum eu nisl nec, tincidunt egestas tellus. Donec sed nisi porttitor, commodo dui at, finibus mi. Praesent pellentesque euismod ex, sodales congue nisl facilisis sit amet. Proin blandit laoreet mi, sed tempor ipsum lacinia at. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque tellus orci, aliquet tristique elementum quis, malesuada sit amet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis. Suspendisse massa risus, pretium vitae ex ac, sodales finibus mauris. Etiam mollis diam sed elementum consequat. Nullam convallis ut tellus ac convallis. Nullam ac ex nec augue viverra egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean accumsan semper velit a aliquet. Duis laoreet sollicitudin lorem, nec ornare felis bibendum non. Proin vitae metus accumsan odio cursus laoreet. Vivamus placerat posuere sapien, id pellentesque tellus. Curabitur mollis diam vitae sodales lobortis. Mauris volutpat enim rhoncus consectetur sollicitudin. Maecenas imperdiet ullamcorper lectus, quis ullamcorper massa finibus sed. In hac habitasse platea dictumst. Nulla at auctor quam, non varius lectus.  Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis.
 <div class="clear"></div>
 </div>
 </div>
 </div>
  <!-- end_3blocks right text-overflow -->
  
</td>
<!-- end_col right -->
  
</tr>
</table>
<!-- end_2containers left-right -->

</td></tr></table>
<!-- end_container principal -->



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

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:
$(function(){

 function majNotification(){
   // On récupére le contenu des notifications de la toolbar
   var contentNotif = $('#fa_notifications')[0].outerHTML;
   contentNotif += $('#fa_notifications + #notif_list')[0].outerHTML;

   if(firstTime){
     // Si on arrive sur la page la première fois,
     // on ajoute une classe sur le li qui contient le lien des notifs
     // Et on remplace le contenu par celui récupéré plus haut
     $('.navbar.navlinks').find('a.mainmenu[href="/profile?mode=editprofile&page_profil=notifications"]').parent('li').addClass('link-notifs').html(contentNotif);

     // On indique qu'on a déjà vérifié la toolbar une fois
     firstTime = false;
   }else{
     // Si on a déjà vérifié la toolbar une fois
     // dans ce cas, on se contente de mettre les notifs à jour
     $('.navbar.navlinks').find('.link-notifs').html(contentNotif);
   }

 }

 // Au chargement de la page, on indique qu'on n'a pas encore vérifié la toolbar
 var firstTime = true;

 // Au chargement de la page, on attend 1 seconde (1500 ms), on appelle notre fonction
 setTimeout(function(){
   majNotification();
 }, 1000);
 // Puis, toutes les 30 secondes (30000 ms) on appelle à nouveau notre fonction
 setInterval(function(){
   majNotification();
 }, 30000);

 $('body')
   // Au clic sur le lien des notifications dans la barre de navigation
   // On lui ajoute une classe pour déplier la liste des notifs
   .on('click', '.navbar .link-notifs #fa_notifications', function(evt){
     evt.preventDefault();
     $(this).parent().toggleClass('notification');
   });

});



Le CSS
Spoiler:
body{
margin-top:0 !important;
}

.headerbar{
 overflow: inherit;
}

.is-sticky#headerbar-top.w-toolbar {
   top: 0px !important;
}
#fa_toolbar,
#fa_toolbar_hidden{
 display:none;
}

.navbar > li{
 position: relative;
}

.navbar #fa_notifications {
   color: #fff;
   cursor: pointer;
   line-height: 30px;
   padding: 0 5px
}

.navbar #fa_notifications.unread{
 color: red;
}

.navbar #fa_notifications:hover{
 color: #000;
}

.navbar #notif_list{
 background-color: #fdfdfd;
   border: none;
   border-radius: 5px;
   box-shadow: 0 0 9px rgba(0,0,0,0.3), 0 0 1px 1px rgba(0,0,0,0.2);
   color: #333;
   display: none;
   font-size: 1.3rem;
   list-style-type: none;
   margin: 0;
   padding: 10px;
   position: absolute;
   text-align: left;
   top: 42px;
   width: 200px;
   z-index: 999;
}

.navbar #notif_list li{
 margin: 4px 0;
 opacity: .5!important;
}

.navbar .notification #notif_list {
   display: block;
}

.navbar #notif_list .content a{
 color: #000;
 font-weight: bold;
 padding: 0;
}

.navbar #notif_list .see_all a{
 background: #333;
 border: 1px solid #333;
 color: #fdfdfd;
}

.navbar #notif_list .see_all a:hover{
 background: #fdfdfd;
 color: #333;
}

.navbar #notif_list li.see_all{
   opacity: 1!important;
}

.navbar #notif_list li.see_all,
.navbar #notif_list li.unread {
   opacity: 1!important;
}
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: 612

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:
Tag fff sur Forum gratuit : Le forum des forums actifs Captur23
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:


/*------- start overflow-container ---------*/

/* pricipal container */
.contprincipal {
width: 550px;
font-family: georgia;
color: dimgray;
}

/* container-block title */
.contblocktitle {
height: 50px;
border-top: 5px solid darkcyan;
border-bottom: 5px solid darkcyan;
}
/* block-title */
.blocktitle {
font-size: 30px; color: silver; font-style: italic;
}

/*----- 2containers left-right -----*/

/* col-left */
.colleft {
width: 120px; height: 700px;
color: #fff; font-size: 19px;
font-weight: bold; font-variant: small-caps; /* petites capitales avec mahuscule debut-phrase */
background-color: darkcyan;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
}
/* 3block_verical text */
.block1l {
width: 110px; height: 700px;
display: block;
}
.block2l {
width: 110px; height: 670px;
display: block;
writing-mode: tb-rl; /* verti-text bottom to top left-right */
transform: rotate(-180deg); /* verti-text se lit pour moz et chromium */
}
.block3l {
padding: 7px 3px; /* means same top-botton 7px and same right-left 3px */
}

/* col-right overflow-text */
.colright {
width: 420px; max-width: 420px;
height: 700px; max-hight: 700px;
top: 30px; left: 50px;
background-color: transparent;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
padding: 7px;
}
/* 3blocks text-overflow */
.block1r {
width: 420px; max-width: 420px;
height: 700px; max-hight: 700px;
display: block;
top: 30px; left: 50px;
background-color: transparent;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
text-align: justify;
}
.clear {
clear:both; float:none;
}
.block2r {
width: 420px; max-width: 420px;
height: 700px; max-hight: 700px;
display: block;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling : auto;
border: 0px solid darkcyan;
}
.block3r {
padding: 10px; /* espace texte avec bords de son bloc */
}
/*------- end overflow-container ---------*/


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:

Code:
<!-- start_container principal -->
<table align="center">
<tr>              
<td align="center" valign="middle" class="contprincipal">

<!-- start_container-block title -->
<table style="width: 100%;">
<tr>      
<td align="center" valign="middle" class="contblocktitle">
  
<!-- start block-title -->
  <div class="blocktitle" style="text-shadow: 1px 1px 2px white;">
Contexte
  </div>
<!-- end_block-title -->
  
</td>      
</tr></table>
<!-- end_container-block title -->
  </td></tr>
 
<!-- start_2containers left-right -->
<tr>
<td align="center" valign="middle">
<table align="center">
<tr>

<!-- start_col left -->
<td class="colleft" align="left" valign="middle">
  
<!-- start_3blocks left vertical-text -->
  <div class="block1l">
  <div class="block2l">
  <div class="block3l">
Suspendisse egestas nulla quis massa ultricies Lorem ipsum dolor
sit amet consectetur adipiscing elit Donec quis gravida neque.
Suspendisse egestas nulla quis massa ultricies
  </div>
  </div>
  </div>
<!-- end_3blocks left vertical-text -->
  
</td>
<!-- end_col left -->
  
  <!-- start_col right -->
<td class="colright" align="center" valign="bottom">
  
<!-- start_3blocks right text-overflow -->
  <div class="block1r">
  <div class="block2r">
  <div class="block3r">
<img style="width: 100px; height: 100px; float: right; margin-left: 5px;" src="https://zupimages.net/up/20/05/7di8.png" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis gravida neque. Suspendisse egestas nulla quis massa ultricies, in ultricies erat commodo. Integer pretium, ligula euismod varius efficitur, justo metus lacinia nisl, id luctus velit dui ut magna. Proin pretium mauris sed dolor ullamcorper porta. Duis facilisis vulputate metus dapibus accumsan. Sed leo felis, aliquam nec interdum id, vulputate a neque. Integer gravida tortor tristique lorem ullamcorper, non lacinia mi feugiat. Nullam interdum, nibh ac luctus iaculis, justo velit porttitor ligula, eu tincidunt dui ligula id elit. Sed turpis velit, elementum eu nisl nec, tincidunt egestas tellus. Donec sed nisi porttitor, commodo dui at, finibus mi. Praesent pellentesque euismod ex, sodales congue nisl facilisis sit amet. Proin blandit laoreet mi, sed tempor ipsum lacinia at. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque tellus orci, aliquet tristique elementum quis, malesuada sit amet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis. Suspendisse massa risus, pretium vitae ex ac, sodales finibus mauris. Etiam mollis diam sed elementum consequat. Nullam convallis ut tellus ac convallis. Nullam ac ex nec augue viverra egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean accumsan semper velit a aliquet. Duis laoreet sollicitudin lorem, nec ornare felis bibendum non. Proin vitae metus accumsan odio cursus laoreet. Vivamus placerat posuere sapien, id pellentesque tellus. Curabitur mollis diam vitae sodales lobortis. Mauris volutpat enim rhoncus consectetur sollicitudin. Maecenas imperdiet ullamcorper lectus, quis ullamcorper massa finibus sed. In hac habitasse platea dictumst. Nulla at auctor quam, non varius lectus.  Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis.
 <div class="clear"></div>
 </div>
 </div>
 </div>
  <!-- end_3blocks right text-overflow -->
  
</td>
<!-- end_col right -->
  
</tr>
</table>
<!-- end_2containers left-right -->

</td></tr></table>
<!-- end_container principal -->


HTML pour 'message' (post) :
Spoiler:

Code:
<table align="center"><tr><td align="center" valign="middle" class="contprincipal"><table style="width: 100%;"><tr><td align="center" valign="middle" class="contblocktitle"><div class="blocktitle" style="text-shadow: 1px 1px 2px white;">Contexte</div></td></tr></table></td></tr><tr><td><table align="center"><tr><td class="colleft" align="left" valign="middle"><div style="block1l"><div class="block2l"><div class="block3l">Suspendisse egestas nulla quis massa ultricies Lorem ipsum dolor sit amet consectetur adipiscing elit Donec quis gravida neque. Suspendisse egestas nulla quis massa ultricies</div></div></div></td><td class="colright" align="center" valign="middle"><div class="block1r"><div class="block2r"><div class="block3r"><img style="width: 100px; height: 100px; float: right; margin-left: 5px;" src="https://zupimages.net/up/20/05/7di8.png" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis gravida neque. Suspendisse egestas nulla quis massa ultricies, in ultricies erat commodo. Integer pretium, ligula euismod varius efficitur, justo metus lacinia nisl, id luctus velit dui ut magna. Proin pretium mauris sed dolor ullamcorper porta. Duis facilisis vulputate metus dapibus accumsan. Sed leo felis, aliquam nec interdum id, vulputate a neque. Integer gravida tortor tristique lorem ullamcorper, non lacinia mi feugiat. Nullam interdum, nibh ac luctus iaculis, justo velit porttitor ligula, eu tincidunt dui ligula id elit. Sed turpis velit, elementum eu nisl nec, tincidunt egestas tellus. Donec sed nisi porttitor, commodo dui at, finibus mi. Praesent pellentesque euismod ex, sodales congue nisl facilisis sit amet. Proin blandit laoreet mi, sed tempor ipsum lacinia at. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque tellus orci, aliquet tristique elementum quis, malesuada sit amet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis. Suspendisse massa risus, pretium vitae ex ac, sodales finibus mauris. Etiam mollis diam sed elementum consequat. Nullam convallis ut tellus ac convallis. Nullam ac ex nec augue viverra egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean accumsan semper velit a aliquet. Duis laoreet sollicitudin lorem, nec ornare felis bibendum non. Proin vitae metus accumsan odio cursus laoreet. Vivamus placerat posuere sapien, id pellentesque tellus. Curabitur mollis diam vitae sodales lobortis. Mauris volutpat enim rhoncus consectetur sollicitudin. Maecenas imperdiet ullamcorper lectus, quis ullamcorper massa finibus sed. In hac habitasse platea dictumst. Nulla at auctor quam, non varius lectus.  Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis. Duis laoreet sollicitudin lorem, nec ornare felis bibendum non. Proin vitae metus accumsan odio cursus laoreet. Vivamus placerat posuere sapien, id pellentesque tellus. Curabitur mollis diam vitae sodales lobortis. Mauris volutpat enim rhoncus consectetur sollicitudin. Maecenas imperdiet ullamcorper lectus, quis ullamcorper massa finibus sed. In hac habitasse platea dictumst. Nulla at auctor quam, non varius lectus.  Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Phasellus velit libero, placerat eu nisi eget, ultrices porta dui. Morbi sapien sapien, placerat ac aliquet et, porta quis urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a blandit leo, id mattis turpis.<div class="clear"></div></div></div></div></td></tr></table></td></tr></table>



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:

Code:
/*------- overflow-container ---------*/
 
/* pricipal container */
.contprincipal {
width: 550px;
font-family: georgia;
color: dimgray;
}

/* container-block title */
.contblocktitle {
height: 50px;
border-top: 5px solid darkcyan;
border-bottom: 5px solid darkcyan;
}
/* block-title */
.blocktitle {
font-size: 30px; color: silver; font-style: italic;
}

/*----- 2containers left-right -----*/
 
/* col-left */
.colleft {
width: 120px; height: 700px;
background-color: darkcyan;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
}
/* 3block_verical text */
.block1l {
position: absolut;
width: 110px; height: 700px;
color: #fff; font-size: 19px;
font-weight: bold; font-variant: small-caps; /* petites capitales avec mahuscule debut-phrase */
}
.block2l {
position: absolut;
width: 110px; height: 670px;
writing-mode: tb-rl; /* verti-text bottom to top left-right */
transform: rotate(-180deg); /* verti-text se lit pour moz et chromium */
}
.block3l {
padding: 7px 3px; /* means same top-botton 7px and same right-left 3px */
}

/* col-right overflow-text */
.colright {
position: absolut;
width: 420px; max-width: 420px; height: 700px; max-hight: 700px;
top: 30px; left: 50px;
background-color: transparent;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
padding: 7px;
}
/* 3blocks text-overflow */
.block1r {
position: absolut;
width: 420px; max-width: 420px; height: 700px; max-hight: 700px;
top: 30px; left: 50px;
background-color: transparent;
background-image: url(background.png);
background-position: top left; background-repeat: no-repeat;
text-align: justify;
}
.clear {
clear:both; float:none;
}
.block2r {
width: 420px; max-width: 420px; height: 700px; max-hight: 700px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling : auto;
border: 0px solid darkcyan;
}
.block3r {
padding: 10px; /* espace texte avec bords de son bloc */
}



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

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

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

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

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

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

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:
<style>.pres-gif{width:100%; box-shadow: 0px 0px 2px #ccc; border: 1px solid #bbb; padding: 2px;} .pres-grid{display:grid; grid-gap: 14px; grid-template-columns: 206px 210px 150px; grid-template-rows: 24px repeat(2, 137px);} .pres-place01 {grid-column: 1 / 2;grid-row: 1 / 4;}.pres-place02 {grid-column: 2 / 4;grid-row: 1 / 2;} .pres-place03 {grid-column: 2 / 3; grid-row: 2 / 4;} .pres-title {background: #34343a;height: 24px;} .homepage-message .pa .box-container, .box-container {border-radius: 3px;position: relative;}.homepage-message .pa .box-shadow, .box-shadow {box-shadow: 1px 1px 5px #c8c5c5, -1px -1px 5px #c8c5c5;}.homepage-message .pa .box-content, .box-content {font-family: Arial;font-size: 12px;color: #616161;padding: 10px;} .homepage-message .pa .box-title, .box-title {background-color: #d6d2d3;font-family: Bebas Neue, Arial;font-size: 18px;color: #c29277;text-align: center;padding: 2px 0;text-shadow: 1px 1px 2px #fff;letter-spacing: 0.3px;} .pres-place03 .box-content {height: 246px; text-align: left;} .pres-grid .box-container {background: linear-gradient(to top, #E0E0E0, #F7F7F7);} .pres-place04 {grid-column: 3 / 4;grid-row: 2 / 3;} .pres-place05 {grid-column: 3 / 4;grid-row: 3 / 4;} .tabcontent{display:none;}</style>

<img src="https://media0.giphy.com/media/3oKIPjdrRj8dOLd6GQ/source.gif" class="pres-gif" />

<div class="pres-grid"><img src="https://i.imgur.com/uz1xpVZ.jpg" class="topic-avatar pres-place01" /><div class="pres-title pres-place02">Roza Rose Votiakova</div><div class="box-container box-shadow pres-place03"><div class="box-title">- Informations personnage -</div><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div><div class="box-container box-shadow pres-place04"><div class="box-title">- Défauts -</div><div class="box-content">Impulsive
Grande Gueule
Entêté
Méfiante
Prétentieuse</div></div><div class="box-container box-shadow pres-place05"><div class="box-title">- Qualités -</div><div class="box-content">Impulsive
Grande Gueule
Entêté
Méfiante
Prétentieuse</div></div></div>
<div class="pres-title">What's in my head</div>
<div class="box-container box-shadow"><div class="box-title">- Informations personnage -</div><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div>
<div class="pres-title">What's in my head</div>
<div class="box-container box-shadow"><div class="box-title">- Informations personnage -</div><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div>
<div class="pres-title">What's in my head</div>
<div class="tab"><button class="tablinks" onclick="openTab(event, 'pres-preapocalypse')">Pre Apo</button><button class="tablinks" onclick="openTab(event, 'pres-postapocalypse')">Post Apo</button><button class="tablinks" onclick="openTab(event, 'pres-today')">Today</button></div><div class="box-container box-shadow tabcontent" id="pres-preapocalypse"><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div><div class="box-container box-shadow tabcontent" id="pres-postapocalypse"><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div><div class="box-container box-shadow tabcontent" id="pres-today"><div class="box-content">Nom : Votiakova
Prénom : Roza Rose
Âge : 29 ans
Date de naissance : 06/04/1990
Lieu de naissance : Moscou - Russie
Nationalité : Russe / Américaine
Groupe : Travelers
Métier : Tatoueuse
Célébrité : Ruby Rose</div></div>


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

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

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

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

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

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

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

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

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:
Tag fff sur Forum gratuit : Le forum des forums actifs Screen10


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: 298
Vues: 10736

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

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

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

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

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

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

Changer la couleur du texte dans les fenetres réponses

Bonjour, vous pouvez mettre ce code dans votre CSS :

Code:
 .sceditor-container textarea{color:#fff !important;}


Mais il ne suffira pas car ne sera pas pris en charge en mode wysiwyg, il faudra donc ajouter un script en cochant "sur les sujets" :
Code:

$(function(){ $(function() {
          $('.sceditor-container iframe').contents().find('head').append('<style type="text/css">
body, p {
   
    color:#fff
}
</style>')
        })});


J'ai mis blanc à chaque fois (#fff) réglez à votre convenance.


Ou vous pouvez simplement changer la couleur de fond de votre éditeur à la ligne "Couleur de fond de l'éditeur (Zone de saisie de texte)" dans votre PA>Affichage>couleurs

Bien à vous.
par ◦Jay◦
le Mar 10 Oct 2017 - 21:38
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Changer la couleur du texte dans les fenetres réponses
Réponses: 6
Vues: 828

Code CSS "raccourcir un lien"

Bonjour.
Tite plaisanterie....tu ne sauras donc jamais qui je suis Very Happy
------------------------
J'ai changé une couleur...#FF00FF à la place de #FFF
Aucun effet sur citation / code /
Je vais laisser comme ça et à un moment je verrai bien apparaître ce rose (#FF00FF)
par jeremalix
le Sam 30 Sep 2017 - 8:55
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Code CSS "raccourcir un lien"
Réponses: 15
Vues: 1389

changer la couleur trait bas du forum

Bonjour !
Pour modifier la couleur de fond du bas de page, ajoute ceci à ta feuille de style CSS
Code:
#page-footer {
    background-color: #fff;
}


Modifie la couleur #fff pour celle que tu souhaites Smile
par Hadhellia
le Sam 5 Aoû 2017 - 21:08
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: changer la couleur trait bas du forum
Réponses: 6
Vues: 751

Probleme avec le header de fond aléatoire

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum : http://14v24.forumactif.org/

Description du problème

Bonjour,
Après avoir suivi les indications trouvées sur ce forum (https://forum.forumactif.com/t275674-banniere-aleatoire-pour-headers-en-fond-de-page) pour installer une bannière de fond aléatoire, cela ne marche absolument pas...

mon css:
/*--------------------------------------------
COULEURS

marron : #282522
bleu : #1000ff
fuschia : #ff00d2
jaune : #c0ff00
gris : #e8e8e8
--------------------------------------------*/







/*--------------------------------------------
WACKY NEWS
--------------------------------------------*/
.news {
background:#f2f2f1;
padding:5px;
padding-left:40px;
padding-right:40px;
font-family:Playfair display;
text-align:justify;
font-size:10px;
color:#000;
}

.news_issue {
font-family:Playfair display;
text-transform:uppercase;
font-size:8px;
margin-top:-3px;
letter-spacing:2px;
color:#d7d7d7;
margin-left:-20px;
}

.news_titre {
font-family:Playfair display;
text-transform:uppercase;
font-size:59px;
text-align:center;
font-weight:bold;
margin-top:-10px;
letter-spacing:1px;
color:#000;
border-bottom:1px solid #000;
line-height:59px;
padding-bottom:5px;
}

.news_chapeau {
font-family:Playfair display;
text-transform:uppercase;
font-size:13px;
letter-spacing:1px;
margin-top:-10px;
color:#000;
}

.news table{
width:420px;
valign:top!important;
}

.news table td {
width:200px;
font-family:Playfair display;
font-size:11px;
valign:top!important;
line-height:13px;
}

.news table td a {
font-family:Playfair display;
font-style: italic ;
font-weight:bold;
color:#000!important;
}

.news table td a:hover {
color:#efc900!important;
}

.news_col_titre {
font-family:Playfair display;
text-transform:uppercase;
font-size:15px;
font-weight:bold;
text-align:left;

}

.news_img {
width: 200px;
height: 75px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;

}




body {
background-color: #282522;
}

.ban1 { background-image: url('ttps://img4.hostingpics.net/pics/628786bann01.png'); z-index:1000!important;}
.ban2 { background-image: url('https://2img.net/r/hpimg4/pics/195713bann02.png');z-index:1000!important; }
.ban3 { background-image: url('https://2img.net/r/hpimg4/pics/848840bann03.png');z-index:1000!important; }

/* .ban1 { background-image: url('https://2img.net/r/hpimg4/pics/628786bann01.png'); background-position: top center;
background-repeat: no-repeat;}
.ban2 { background-image: url('https://2img.net/r/hpimg4/pics/195713bann02.png'); background-position: top center;
background-repeat: no-repeat;}
.ban3 { background-image: url('https://2img.net/r/hpimg4/pics/848840bann03.png'); background-position: top center;
background-repeat: no-repeat;}*/




/*--------------------------------------------
FICHE RELATIONS
--------------------------------------------*/


.relations {
float:left!important;
}

.relations_caractere{
background: #fff;
width:117px;
font-family:Playfair display;
text-align:center;
letter-spacing:1px;
padding:2px;
font-size:10px;
text-transform:uppercase;
color:#efc900;
float:right!important;
margin:2px;

transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.relations_caractere:hover{
color:#1ed8d7;
}



.relations_caractere2{
background: #fff;
width:242px;
font-family:Playfair display;
text-align:center;
letter-spacing:1px;
padding:2px;
font-size:10px;
text-transform:uppercase;
color:#efc900;
float:right!important;
margin:2px;

transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.relations_caractere2:hover{
color:#1ed8d7;
}

/*--------------------------------------------
page d'accueil
--------------------------------------------*/
.pa_txt_cont {
font-family:Playfair display;
font-weight:bold;
font-size:30px;
text-transform:uppercase;
color:#efc900;
float:right!important;
text-align:left;
margin-top:-97px;
margin-right:10px;
line-height:30px;
letter-spacing:5px;

transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.pa_txt_cont:hover {
color:#1ed8d8;
}

.pa_txt_news {
font-family:Playfair display;
font-weight:bold;
font-size:30px;
text-transform:uppercase;
color:#1ed8d8;
float:right!important;
text-align:left;
margin-top:-97px;
margin-right:20px;
line-height:30px;
letter-spacing:5px;

transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.pa_txt_news:hover {
color:#efc900;
}

#over {
height:100px;
width:390px;
overflow:hidden;
position:relative;
display:inline-block;
}
#over img {
height:100px;
width:390px;
position:absolute;
top:0px;
left:0px;
-webkit-transition:left 1s linear;
transition:left 1s linear;

}
#over div.textset {
height:90px;
width:280px;
padding:5px;
background:#fff; /*FOND DU TEXTE RP ET MEMBRE DU MOIS*/
overflow:auto;
text-align:justify;
}
#over:hover img {
left:-350px;
-webkit-transition:left 1s linear;
transition:left 1s linear;
}




.pa_predef_img{
height:33px;
width:33px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
float: left;
margin-right:3px;
margin-bottom:3px;
}


.pa_staff{
height:69px;
width:122px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
float: left;
margin-right:3px;
margin-bottom:3px;
}


.pa_tab_gen {
width:100%;
height:309px;
margin-left:2px;
}

.pa_line1 {
height:100px;
width:100%;
}

.pa_line2 {
height:100px;
width:100%;
}

.pa_line3 {
height:60px;
width:100%;
padding-left:5px;
}

.pa_pred {
width:253px;
margin-left:10px!important;
background:#fff;
height:74px;
padding-top:3px;
padding-left:4px;
}


.pa_liens {
height:18px;
width:194px;
background:#fe786d;
margin-bottom:2px;
margin-top:2px;
font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;

transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.pa_liens a{

font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;
color:#000!important;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}


.pa_liens a:hover {

color:#fe786d;
}

.pa_liens:hover {

background:#fff;

}


.pa_part {
height:32px;
width:790px;
padding-left:5px;
}

/******************************SLIDESHOW********************/
.contener_slideshow
{
width:392px;
height:100px;
overflow: hidden;
position: relative;
background-image: url(YOUR-URL-IMAGE.png);
}
.slid_1, .slid_2, .slid_3
{
position: absolute;
width:392px;
height:100px;
}
.slid_1{left: 0;}
.slid_2{left: 392px;}
.slid_3{left: 784px;}
.contener_slide
{
width: 784px;
height: 100px;
left:0px;
position: absolute;
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-name: anim_slide;
-moz-animation-duration: 10s;
-moz-animation-iteration-count:infinite;
-moz-animation-name: anim_slide;
-ms-animation-duration: 10s;
-ms-animation-iteration-count:infinite;
-ms-animation-name: anim_slide;
animation-duration: 10s;
animation-iteration-count:infinite;
animation-name: anim_slide;
}
@-webkit-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@-moz-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@-ms-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}



/*--------------------------------------------
Barre de navigation + toolbar
--------------------------------------------*/
/*Retire faq & calendrier*/

a.mainmenu[href="/calendar"] {display: none !important;}
a.mainmenu[href="/faq"] {display: none !important;}


/* FOND TOOLBAR */
#fa_toolbar {
padding-top:0px !important;
background:#f8f2e2!important; /* MODIFIABLE */
}
/* BORDURE AVATAR TOOLBAR */
.fa_avatar {
float:left; position:relative; z-index:5; margin-left:20px; margin-right:15px; margin-top:-5px;
width:40px; height:50px; border-radius:75px; overflow:hidden; border:7px solid;
border-color:#f8f2e2; /* MODIFIABLE */
}
.fa_avatar img{
width:100px;
}
#fa_right {
float:left !important;
}
/* MENU TOOLBAR */
ul#fa_menulist {
z-index:3 !important; margin-top:-20px !important; border:none !important;
background:#fff !important; /* MODIFIABLE */
margin-left:-60px;
}
/* LIENS MENU TOOLBAR */
#fa_menulist a:link, #fa_menulist a:visited {
color:#18beb2 !important; /* MODIFIABLE */
font-size:10px;
font-family: "Open sans";
}

#fa_menulist a:hover{
color:black !important; /* MODIFIABLE */
}
/* BARRE DE NAVIGATION */
#navSIT {
position:fixed; z-index:20003 !important;
top:5px; right:25px;
}
#navSIT img{
width:20px;margin-right:5px;
}

/* LIENS NAVIGATION */
#navSIT a{
text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial;
color:#18beb2; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}

/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey !important; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:25px !important; left:5% !important;
}
#search_menu a{
background:none !important; border:none !important; color:inherit !important;
}
/* SUPPRESSION ELEMENTS TOOLBAR */
#fa_share {
display:none !important;
}
#fa_icon {
opacity:0 !important;
}
a#fa_service {
opacity:0 !important;
}
#fa_search {
display:none !important;
}
#fa_hide {
display:none !important;
}

/*NOTIF*/
#fa_right a.rightHeaderLink {
margin-left:10px;
color:e#fc900 !important;
font-size:12px;
}

#fa_welcome {
background:none !important;
font-size:12px;
}

div#fa_usermenu {
display:none !important;
}





/*--------------------------------------------
Affichage liste des membres
--------------------------------------------*/

/* BLOC LISTE DES MEMBRES */
#LMBER {
width:700px; margin:auto;
}
/* BLOC MEMBRE */
#MBER {
float:left; width:220px; height:210px; margin:5px;
}
/* PSEUDONYME */
.nameLMBER{
margin-bottom:5px;
width:215px; padding-left:5px;
text-align:left; text-transform:uppercase;
}
/* INFORMATIONS */
.stsLMBER {
display:inline-block; vertical-align:top;
width:100px; font-size:11px;
}
/* CONTENU INFORMATIONS */
.stsLMBER div{
margin:5px 0; padding:5px;
background:white; color:black; /* MODIFIABLE */
}
/* IMAGES PROFIL & WWW */
.mpwLMBER {
background:none !important;
}
/* AVATAR MINIATURISE */
#imgLMBER {
display:inline-block; margin-left:10px; width:100px; height:160px; overflow:hidden;
}
.imgLMBER {
position:relative;
width:100px; height:160px; overflow:hidden;
}
.imgLMBER div img{
position:absolute; margin-left:-50px; width:100px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
#imgLMBER:hover .imgLMBER div img{
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* HUMEUR */
.imgLMBER span {
position:absolute;
width:90px; height:150px; padding:5px; overflow:auto;
text-align:justify; font-size:10px;
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
transform:translateX(-150px); -webkit-transform:translateX(-150px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#imgLMBER:hover .imgLMBER span{
transform:translateX(-50px); -webkit-transform:translateX(-50px);
}
/* AFFICHAGE GROUPES LISTE DES MEMBRES */
.grpLMBER {
display:block; margin:5px auto; padding:5px;
text-transform:uppercase; font-weight:bold; font-size:12px;
border:1px solid black; /* MODIFIABLE */
}




/*--------------------------------------------
Messages privés
--------------------------------------------*/

#ava_mp img{
width: auto;
height: auto;
max-height: 200px; /*hauteur max*/
}
#mp_read {

min-height: 150px;
width 470px!important;
background: #f9f3e2;
margin-top:10px!important;

padding: 10px 15px 20px 15px;
margin-top: -15px;
position: relative;
z-index: 1;
text-align: justify;
color: #191919 !important;


}

#private_message {

padding:5px;
}

#un_mp {
background:#b1a86b;

}





* {
font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}



/*****************INFOBULLE**************/

.infobulle_txt {
width:200px !important;
height:100px!important;
overflow:auto;

}

a.infobulle {
position: relative;
color: #576186;
text-decoration: none;
background: none; /* correction d'un bug IE */

}

a.infobulle span {
display: none; /* on masque l'infobulle */
font-size: 10px;



}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;


bottom: 20px; /* on positionne notre infobulle */
width:200px;
height:100px;

background: #faf1cc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #576186;
padding: 10px;
border: 1px solid #f2da7d;
}


.infobulle2_txt {
width:250px !important;
height:70px!important;
overflow:auto;

}

a.infobulle2 {
position: relative;
color: #576186;
text-decoration: none;
background: none; /* correction d'un bug IE */

}

a.infobulle2 span {
display: none; /* on masque l'infobulle */
font-size: 10px;



}
a.infobulle2:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle2:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
overflow:auto;

bottom: 20px; /* on positionne notre infobulle */
width:250px;
height:70px;

background: #fff;
color: #576186;
padding: 10px!important;
border: 5px solid #ff786e;
}


/******************************************************* DÉBUT CATÉGORIES *******************************************************/


/*Catégorie*/
.cate {
margin: auto;
background:#fdfbef;
margin-bottom: 0px;
width: 800px !important;
}


/*Fond du titre de la catégorie*/
span.cate_title {
display: block;
background-image: url('https://i.servimg.com/u/f58/19/51/69/41/03_cod10.jpg');
width: 800px;
padding-top:50px;
height: 118px!important;
z-index:1!important;
}

/*Titre de la catégorie*/
.cate_title h2 {
display: block;
margin: 0px;
padding: 0px;
font-family: 'Miniver', cursive;
font-size: 36px;
color: #00eaff;
font-weight: normal;
letter-spacing: 1px;
}


/*Bloc de chaque forum*/
.forum {
width: 780px;
margin-bottom:15px;
margin-left:20px;
text-align: center;
color: #7b848f;
}



/*Section gauche*/
.forum_left {
width: 110px;
padding:5px;

background:url('https://2img.net/r/hpimg15/pics/397663fondavatar.png') no-repeat;
}


/*avatar dernier posteur*/
.lastpost_ava img{
width: auto;
height: auto;
max-height: 149px; /*hauteur max*/


}


.imgnew {
margin-top:-14px;
position:absolute;
margin-left:32px;
}


/*Section milieu*/
.forum_center {
width: 433px;
height: 167px !important;


text-align: center;
background:url('https://2img.net/r/hpimg15/pics/883206fondforum.png') no-repeat;
color:#fff;

}

/*Section droite*/
.forum_right {
width: 210px;
padding:5px;
padding-left:0px;
margin-left:-10px!important;
text-align: center;
background:url('https://2img.net/r/hpimg15/pics/146605fondforumright.png') no-repeat ;
}

/*Titre du forum*/
a.forumlink {
font-family: 'Miniver', cursive;
font-size: 25px;
color: #ff786e!important;
font-weight: lighter;
letter-spacing: 2px;
transition: 0.5s;
-webkit-transition: 0.5s;
text-shadow: 1px 1px #efc900;

}

/*Titre du forum survolé*/
a.forumlink:hover {
text-decoration: none!important;
letter-spacing: 4px !important;
color:#efc900 !important;
}

/*Bloc de la description du forum*/
.forum_desc_container {
width: 395px;
padding-left:8px!important;

}


/*Bloc liens importants*/
.forum_desc_liens {
font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;
height:16px;
}

.forum_desc_liens a{
color:#fff!important;
}


/*Description du forum*/
.forum_desc{
height: 45px;
padding:5px;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height:11px;
text-align: justify;
overflow: auto;
margin-bottom:-20px;


}

/*Sous-forums*/
.forum_sous_forums {
text-align: center;
transition: 0.5s;
-webkit-transition: 0.5s;
font-size: 9px;
color:#d2a101;
}

.forum_sous_forums a{
font-family: 'Playfair Display', serif;
font-size: 9px;
letter-spacing:0.5px;
text-align: center;
text-transform:uppercase;
}



/*Statistiques*/
.forum_stats {
font-family: 'Playfair Display', serif;
font-size: 16px;
line-height:17px;
letter-spacing:1px;
text-transform:uppercase;
color:#fff;
padding-left: 15px;

}

.esperluette {
font-family: 'Playfair Display', serif;
font-size: 60px;
}

.stats_nbr {
float:right;
margin-right:25px!important;
font-family: 'Playfair Display', serif;
font-size: 15px;
}

/*Dernier message*/
.forum_last_mess {
font-family: 'Playfair Display', serif;
font-size: 10px;
line-height:11px;
text-transform:uppercase;
letter-spacing:1px;
color: #fff;



}
/*Placement du titre du dernier message*/
.forum_last_mess a {
margin-bottom: 3px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-transform:none!important;
text-decoration:none;

}
.forum_last_mess a:hover{
color:#00eaff;
letter-spacing:1px !important;
text-decoration:none !important;
}


/*Mise en forme de l'auteur du dernier message*/
.forum_last_mess a.gensmall, .forum_last_mess a.gensmall strong {
display: inline;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: normal!important;
font-variant: normal;
font-size: 11px;
text-transform:none!important;
text-shadow : 1px 1px #fff;
}






/*--------------------------------------------
BOUTON SELECTIONNER
--------------------------------------------*/
.selectCode { float:right; text-transform: uppercase; font-size:10px; letter-spacing:1px; cursor:pointer; }
div.cont_code { clear: right; }



/*--------------------------------------------
QUOTES, CODES & SPOILERS
--------------------------------------------*/

.quote{
background:#f3da7e;
border:none;
padding:5px;
}

.code{
background:#fe786d;
border:none;
padding:5px;
color:#fff;
}


.spoiler_closed
{
background-color:#1ed8d7; /*couleur de fond du spoiler fermé*/
border:none;
}
.spoiler_content
{
background-color:#ffffff; /*couleur de fond du spoiler ouvert*/
color:#1ed8d7; /*couleur de police*/
padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 15px;
}


/*--------------------------------------------
PROFIL & MESSAGES
--------------------------------------------*/



/****** ONLINE / OFFLINE ************/
#offlineimg {
background-image: url('https://i.servimg.com/u/f58/19/51/69/41/online11.jpg');
width: 75px;
height: 15px;
}


/*******BTN EN SAVOIR PLUS********/
.bouton-profil {
cursor: pointer; /* curseur au survol */
margin: 2px 0; /* petite marge en haut et en bas */
padding: 2px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
background: #1ed8d7; /* couleur de fond */
border: 1px solid #1ed8d7; /* bordure */
color: #fff; /* couleur texte */
font-size: 10px; /* taille du texte */
text-transform:uppercase;
font-family: 'Playfair Display', serif;
letter-spacing: 2px; /* espace entre les lettres */


transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}

.bouton-profil:hover {
background: #fe786d; /* couleur de fond */
border: 1px solid #fd5f52; /* bordure */
color: #fff; /* couleur texte */
letter-spacing: 3px; /* espace entre les lettres */
}



.profil_rank {

font-family: 'Playfair Display', serif;
text-transform:uppercase;
background: #fdfbef;
letter-spacing:1px;
font-size:9px;
color:#18beb2;
text-align:center;
}

.pseudo{
font-family: 'miniver'!important;
font-size:20px;
text-transform:lowercase;


font-weight:lighter !important;
text-align: center !important;
height:25px;
width:200px;

}

div.pseudo{
font-family: 'miniver'!important;
font-size:20px;
text-transform:lowercase;}

.icon_profile {
background-color: #f9f3e2;
text-aling:center;
padding-top:5px;
margin-top:-10px;

}
.details_contener {
text-align:center;
z-index:100;
margin-bottom:15px;
background-color: #f9f3e2;
}

.postdetails {
font-family: 'Playfair Display', serif;
font-size:12px;
}

.date {
font-family: 'Open Sans', sans-serif;
font-size:9px;
color:#152147;
letter-spacing:1px;

}
.post-options {
text-align:center;
}


.sujet_title {
font-family: 'miniver'!important;
font-size: 20px;
letter-spacing:2px;
color:#1ed8d7;
text-align: center !important;
margin-top: 40px !important;
margin-bottom:-15px !important;
background:#f3da7e;
height:45px;
width:800px!important;
border-bottom: 2px solid #f3da7e;

transition:all 0.7s;
-moz-transition:all 0.7s; /* Mozilla Firefox */
-webkit-transition:all 0.7s; /* Safari et Google Chrome */
-o-transition:all 0.7s; /* Opera */
}

.titremess {
z-index:100 !important;
margin-top: 5px;
text-shadow: 1px 1px #ff7c74;
font-family: 'miniver'!important;
font-size: 20px;
}

.profil_avatar {
background-color: #f9f3e2;
width:200px;
height:360px;
padding:10px;

}





.corpsmess{
font-family: 'Open Sans', sans-serif;
font-size:12px;
min-height: 150px;
width 470px!important;
background:#fdfbef;

padding: 10px 15px 20px 15px;
position: relative;
z-index: 1;
text-align: justify;
color: #191919 !important;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

.corpsmess a{
color: #dd3602!important;
}


#profilmess{
font-size: 10px;
position: relative;
z-index: 3;
padding:10px;
}

.profil {
font-family: 'Open Sans', sans-serif;
background:#8aeeee;
margin-top:5px;
padding:5px;

}

.profil_line{
background:#a7f3f3;
margin-bottom:-15px;
padding:3px;
}

.profil_field img{ max-width: 200px;}

.profil_label {
font-family: 'Playfair Display', serif;
text-transform:uppercase;
letter-spacing:1px;
font-size: 10px !important;
line-height:16px;
font-size:900;
}

.profil_field {
color:#1a6d6d;
font-family: 'open sans', sans-serif;
font-size:8px;

}

.profil_rpg {
font-family: 'Playfair Display', serif;

font-size: 11px !important;
color:#1c2d2b!important;
line-height:12px;
background:#f3da7e;
margin-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:8px;

}

.profil_rpg a{
font-family: 'Playfair Display', serif;
text-transform:lowercase;

font-size: 12px !important;
color:#e4d7c8;
margin-top:-10px !important;
margin-bottom:5px;
}

#messageapp {
background:#fdfbef;
color: #797270;
margin-top:-15px;
padding:10px;
padding-top:20px;
width:800px;
}



/*--------------------------------------------
AFFICHAGE DU PROFIL
--------------------------------------------*/


.container{
width:100%;
height:auto;
background:#fdfbef;
margin-left:auto;
margin-right:auto;
margin-top:35px;
overflow:hidden;
}

.top{
float: left;
width:100%;
height:120px;
background-color:#1ed8d7;
border-bottom: 1px solid #fff;
text-align:center;
}

.profil-img{
float:left;
width:120px;
height:120px;
border-radius:50%;
border:8px solid #fe786d;
background-color:#fff;
margin-left:15px;
margin-top:15px;
overflow:hidden;
}
.profil-img img{
width:125px;

}
.profil-name{
float:left;
margin-left:150px;

margin-top:20px;
height:auto;
color:#fff;
font-family: 'miniver';
font-size:35px;
position: absolute;
}

.rang_prof {
font-family: 'Playfair Display', serif;
text-transform:lowercase;
font-size: 15px;
line-height:25px !important;
color: #fff;
}

.middle{
float:left;
width:90%;
margin:40px 5%;

}

.descriptionProfil{
float:left;
width:90%;
height:auto;
font-family: 'open sans', sans-serif;
margin-bottom:20px;
margin-left: 35px;
font-size:13px;
color:#000;
background-color:#f8f2e2;
padding:15px 1%;
-webkit-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
-moz-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
}

.expand{

width:434px;
height:200px;
border: 3px solid #81d4fa;

}

.hidden{
display:none;
}

.info{
float:left;
margin-left:40px;
margin-bottom: 20px;
height:100px;
padding-top:6px;
padding-bottom:10px;
width:90%;
background-color:#f8f2e2;
-webkit-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
-moz-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
height:auto;
}

.single-info{
float:left;
width:98%;
padding-left:2%;
color:#eeb601;
height:auto;

}

.info-title{
float:left;
width:20%;
margin-left:2%;
font-family: 'open sans', sans-serif;
}

.info-desc{
float:left;
width:78%;
font-family: 'open sans', sans-serif;
}


/******************************************************* DÉBUT Sujets *******************************************************/

.img_liste_sujets {
background:#fdfbef;

}


.sujet_forumlink {
background:#f9f3e2;
padding:5px;
padding-left:10px;
}

/*Bloc des sujets*/
.sujets {
margin: auto;
background-image: url('https://2img.net/r/hpimg4/pics/971652hautlistesujets.png');
background-repeat: no-repeat;
width: 790px;
margin-top:10px;
}
/*Titre du bloc des sujets*/
.sujets_top_title {
display: block;
width: 750px;
margin-top: 15px;
height:95px;
}

/*Liste des sujets*/
.sujets_list {
width: 790px;
padding-top: 10px;
padding-bottom: 0px;
text-align: left;
color: #7b848f;
background:#fdfbef;
margin-top:-20px;
}

/*Polices des éléments hors sujets*/
.sujets_font {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: #7b848f;
}

/*Chaque sujet*/
.sujet {
position: relative;
width: 780px;
margin-bottom: 10px;

font-size: 12px;
font-family: 'Open Sans', sans-serif;
}

/*Type de sujet*/
.sujet_type {
font-family: 'Playfair Display', serif;
font-size: 12px;
color: #fe786d!important;
padding-left:5px;
text-transform: uppercase;
letter-spacing:1px;
}

/*Titre du sujet*/
a.sujetlink {
font-family: 'Playfair Display', serif;
font-size: 12px;
color: #000!important;

font-weight: normal;
margin-bottom:-3px;
text-decoration: none!important;

-webkit-transition: all 1s; /* pour navigateur webkit */
-moz-transition: all 1s; /* pour navigateur mozilla */
-o-transition: all 1s; /* pour navigateur opera */
transition: all 1s; /* pour les navigateurs récents */
}
/*Titre du sujet survolé*/
a.sujetlink:hover {
text-decoration: none!important;
font-weight:700;
color:#1ed8d7 !important;
}

/*Auteurs des sujets*/
.sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a {
font-family: 'Open Sans', sans-serif;
font-size: 9px;
text-decoration:none;
font-weight:600;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;

}

.sujet_stats_back {
font-family: 'Playfair Display', serif;
font-size: 10px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #fff;
background:url('https://2img.net/r/hpimg4/pics/661038stats.png') no-repeat left center;
}
.sujet_stats_back_txt {
font-family: 'Playfair Display', serif;
font-size: 8px;
letter-spacing:1px;
color: #fff;
margin-left:4px;
}

.sujet_stats_last {
font-family: 'Open Sans', sans-serif;
font-size: 8px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #000;
background:#f9f3e2;
padding:5px;
}

.sujet_stats {
font-family: 'Open Sans', sans-serif;
font-size: 8px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #000;
}





/*--------------------------------------------
CHATBOX
--------------------------------------------*/
#chatbox_header .cattitle:before { content: "Le repère des détraqués | "; } /* Modifier NOM par le titre que vous désirez */

.fond_smileys{
background: url('https://i.imgur.com/adFe7.png')!important;
}




body.chatbox {
background-color: #fdfbef;
}
#chatbox_header .catBottom .cattitle {
color: #1ed8d7;

}
#chatbox_header .catBottom {
background : #1ed8d7;
}

#chatbox .cb-avatar, #chatbox .cb-avatar > img { width: 20px !important;}

#chatbox .cb-avatar { background: transparent !important; box-shadow: none !important; }
body #chatbox .cb-avatar { border: none !important; /*retirer la bordure*/ }

#chatbox .cb-avatar > img{ border-radius: 50% !important; }

#chatbox .user-msg .user, #chatbox .user-msg .msg {
display: inline;
}

#chatbox_members .cb-avatar > img {
height:30px;width:30px;
vertical-align: middle;
}

/*--------------------------------------------
TAILLE IMG FIL D'ARIANE
--------------------------------------------*/
.nav img{
max-width: 150px;
max-height: 150px;
margin-bottom:-5px;
}


.nav {
font-weight:lighter;
font-family: 'Open Sans', sans-serif;
font-size: 9px;
line-height:9px;
text-transform:uppercase;
color: #fe786d!important;
}

/*--------------------------------------------
QEEL
--------------------------------------------*/

#TotalMembres {
position: absolute;
top:91px;
left:515px;
font-family: 'Playfair Display', serif;
font-size: 15px;
}
#TotalMessages {
position: absolute;
top: 180px;
left:512px;
font-family: 'Playfair Display', serif;
font-size: 15px;
}

#logged {
height:60px !important;
overflow: auto;
}

#DernierInscrit {

}
/* Positionnement du bloc des statistiques */
.stats_qeel {
position: absolute;
top: 159px;
left: 43px;
width: 180px;
height: 150px;
overflow: auto;
font-family: 'Open Sans', sans-serif;
font-size: 9px !important;
text-align: justify;

}



/* Positionnement du bloc des plumes présentes */
.plumes_presentes {
position: absolute;
top: 127px;
left: 489px;
width: 220px;
height: 185px;

font-family: 'Open Sans', sans-serif;
font-size: 9px;
text-align: justify;
}


/* Mise en forme des liens des plumes présentes */
.plumes_presentes a {
text-decoration: none !important;
}


/* Transparence des anniversaires et des dernières 24h */
#kaboum .row1 {
background-color : transparent;
font-family: 'Open Sans', sans-serif;
font-size: 9px!important;
}

.qhh {
overflow: auto;
height:97px!important;
}

.row1 .gensmall {
font-family: 'Open Sans', sans-serif;
font-size: 9px!important;
}




/* Positionnement du bloc des groupes */
.groupes_qeel {
position: absolute;
top: 115px;
left: 325px;
width: 200px;
text-align: center;
}

/* Mise en forme des liens des groupes */
.groupes_qeel a{
font-family: 'Playfair Display', serif;
text-transform: lowercase;
font-size: 17px;
line-height: 35px;
color:#d8ccbe !important;

}









/*Titre des categories en image*/
.secondarytitle .titre_cate {
display: none;
}
.nav img.titre_cate_img {
display: none;
}











/***************************************** RETIRER LES BORDURES*********************************************/

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}



/*--------------------------------------------
LIENS
--------------------------------------------*/

a:hover{text-decoration: none !important; color:#18beb2 !important;}
a {text-decoration: none !important; transition:all 1s; color:#fe786d !important;
-moz-transition:all 1s; /* Mozilla Firefox */
-webkit-transition:all 1s; /* Safari et Google Chrome */
-o-transition:all 1s; /* Opera */}
a:link {text-decoration: none;}
a:visited {text-decoration: none; }






/* ONGLETS */


/************************************************ FICHE ************************************************/
/* On met en place la fiche et son image de fond */
.fiche {
position: relative;
margin: auto;
background-color: #f9f3e2;
padding-left:10px;
padding-right:10px;
}

/* On cache les input */
.fiche > input { display: none; }




/* On met les labels au centre */
.fiche .boutons { text-align: center; }

/* Mise en forme des labels/titre des onglets normal */
.fiche .boutons label {
margin-left: 4px;
margin-right: 4px;
font-family: 'miniver';
font-size: 25px;
color:#fe786d;
cursor: pointer;
background:#fdfbef;
padding:10px;
padding-bottom:20px;
transition: all ease 0.5s;
}

/* Effet au survol des labels */
.fiche .boutons label:hover {
color: #1ed8d7;
transition: all ease 0.5s;
}

/* On met en place le bloc qui va contenir le contenu de chaque onglet */
.fiche .interne {
position: relative;
width: 448px;
height: 300px;
margin: auto;
margin-top:-10px;
background:#fdfbef;

}

/* On met en place et en forme le contenu de chaque onglet */
.contenu {
position: absolute;
top: 10px;
left: 10px;
width: 90%;
height: 260px;
padding: 10px;
margin: auto;
overflow: auto;
text-align: justify;
opacity: 0;
visibility: hidden;
transition: all ease 0.5s;
}

/* Petit effet sur les b: on change la couleur */
.fiche .interne strong { color: #BA2F23; }

/* Fait le changement de style sur les labels sélectionnés */
.fiche #informations:checked ~ .boutons .lab.infos,
.fiche #physique:checked ~ .boutons .lab.phys,
.fiche #caractere:checked ~ .boutons .lab.car,
.fiche #histoire:checked ~ .boutons .lab.hist,
.fiche #ecran:checked ~ .boutons .lab.ecr {
color: #1ed8d7;
}


/* Fait apparaitre le contenu de l'onglet sélectionné */
.fiche #informations:checked ~ .interne .contenu.infos,
.fiche #physique:checked ~ .interne .contenu.phys,
.fiche #caractere:checked ~ .interne .contenu.car,
.fiche #histoire:checked ~ .interne .contenu.hist,
.fiche #ecran:checked ~ .interne .contenu.ecr {
opacity: 1;
visibility: visible;
transition: all ease 0.5s;
}


/* Fait apparaitre le contenu de l'onglet sélectionné */
.fiche #informations ~ .interne .contenu.infos,
.fiche #physique ~ .interne .contenu.phys,
.fiche #caractere ~ .interne .contenu.car,
.fiche #histoire ~ .interne .contenu.hist,
.fiche #ecran ~ .interne .contenu.ecr {
opacity: 0;
visibility: hidden;
transition: all ease 0.5s;
}

/*--------------------------------------------
CODES PERSO
--------------------------------------------*/
.titre0 {
background:#1ed8d7;
font-family: 'miniver';
font-size: 35px;
color:#fff;
text-align:center;
letter-spacing:1px;
padding-top:15px;
padding-bottom:20px;

text-shadow: 1px 1px #ff7c74;
}
.soustitre0 {
font-family: 'Playfair Display', serif;
font-size:10px;
text-transform:uppercase;
margin-top:-20px;
text-align:center;
letter-spacing:1px;
}

.titre1 {
font-family: 'miniver';
font-size: 25px;
color:#fe786d;
}

.titre2 {
font-family: 'Playfair Display', serif;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
color:#efca00;
margin-top:-5px;
}

.titre3 {
font-family: 'Playfair Display', serif;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:-10px;
border-bottom:1px solid #000;
}

.cadre {
background:#f9f3e2;
padding:10px;
padding-top:20px;
padding-bottom:20px;
border-top: 1px solid #fff;
}

.cadre2 {
background:#fdfbef;
margin-top:-20px;
padding:10px;
}

.cadre_important {
color:#fff;
padding:20px;
padding-left:80px;
background:url('http://icons.iconarchive.com/icons/graphicloads/100-flat/256/warning-icon.png') no-repeat #fe786d;
background-position:10px 20px;
background-size:60px;
text-align:justify;
}

.cadre_important a {
color:#efca00!important;
}

.petite_img {
width: 155px;
height: 105px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;

}

.petite_img2 {
width: 195px;
height: 105px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;

}


.image_circu {
width: 120px;
height: 120px;
border: 6px solid #fff;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;
float:left
}


J'espère que vous aurez une réponse ~
Merci d'avance
par 14v24
le Jeu 1 Juin 2017 - 15:59
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Probleme avec le header de fond aléatoire
Réponses: 4
Vues: 3379

Pour comprendre la partie forum du templates Index-box


Comme tu as entre temps changé la disposition ... mais bon ... concernant "last_message" à droite

ajoute dans ton CSS:
Code:
/* Fond couleur plus important*/
.last_message {height: 152px;}

toujours sur "last_message"
modifie ton "margin-top: 50px" passe le à "margin-top: -1px"
modifie ta couleur "background: #fff" -> "background: #e8e8e6"
par lmc38510
le Jeu 1 Juin 2017 - 10:33
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Pour comprendre la partie forum du templates Index-box
Réponses: 12
Vues: 1315

Revenir en haut

Page 1 sur 2 1, 2  Suivant

Sauter vers: