Codages en vrac

Code:

Nullam imperdiet aliquam augue, id vehicula metus facilisis vel. Duis nec velit sit amet tortor tempus vehicula eu id dolor. Phasellus malesuada eros dolor, vitae aliquam dui venenatis eu. Aenean facilisis augue malesuada pulvinar semper. Ut porttitor nibh bibendum dui mattis, ac dapibus dui eleifend. Sed bibendum neque et mi laoreet consequat. Nunc et varius lectus. Suspendisse neque metus, dapibus a fermentum id, consequat at est. Nam sed ligula dolor. Aenean lacinia velit magna.

Auteur a écrit:Nullam imperdiet aliquam augue, id vehicula metus facilisis vel. Duis nec velit sit amet tortor tempus vehicula eu id dolor. Phasellus malesuada eros dolor, vitae aliquam dui venenatis eu. Aenean facilisis augue malesuada pulvinar semper. Ut porttitor nibh bibendum dui mattis, ac dapibus dui eleifend. Sed bibendum neque et mi laoreet consequat. Nunc et varius lectus. Suspendisse neque metus, dapibus a fermentum id, consequat at est. Nam sed ligula dolor. Aenean lacinia velit magna.

Titre:

Code:

 <!-- TYPOS -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  
<!-- FEUILLES CSS HEBERGEES -->
<link href="https://www.aht.li/3739959/police-import.css" rel="stylesheet">

<!-- SCRIPT ACCESSIBILITY TOOL -->
    <script>
      (function(d){
         var s = d.createElement("script");
         s.setAttribute("data-color", "var(--color-bg3)");
         s.setAttribute("data-account", "UkagGjwqAr");
         s.setAttribute("src", "https://cdn.userway.org/widget.js");
         (d.body || d.head).appendChild(s);})(document)
     </script>
<noscript>
Please ensure Javascript is enabled for purposes of
<a href="https://userway.org">website accessibility</a>
</noscript>
    

<!-- html dark mode -->
<div class="theme-switch-wrapper">
    <label class="theme-switch" for="checkbox">
        <input type="checkbox" id="checkbox"/>
        <div class="slider round"></div>
  </label><br />
  <em><span class="cp cp-stars-o"></span> <span class="cp cp-flash-o"></span></em>
</div>
  
  <!--fin html dark mode -->
  
  <!-- début script dark mode -->
  <script>
  const toggleSwitch = document.querySelector('.theme-switch input[type="checkbox"]');
const currentTheme = localStorage.getItem('theme');

if (currentTheme) {
    document.documentElement.setAttribute('data-theme', currentTheme);
  
    if (currentTheme === 'dark') {
        toggleSwitch.checked = true;
    }
}

function switchTheme(e) {
    if (e.target.checked) {
        document.documentElement.setAttribute('data-theme', 'dark');
        localStorage.setItem('theme', 'dark');
    }
    else {        document.documentElement.setAttribute('data-theme', 'light');
          localStorage.setItem('theme', 'light');
    }    
}

toggleSwitch.addEventListener('change', switchTheme, false);</script>
  <!-- fin dark mode -->

Code:

/*EVITER LA SUPPRESSION (code pour phbb2... je ne sais pas s'il est compatible avec le modernbb)*/
tr.post span.gensmall { display: none; }
{}


/* À VIRER QUAND ON FERA LES MESSAGES C'EST UN TEST */
.postprofile {
    padding: 20px!important;
    width: 240px!important;
}









:root{
 --texte:#434445;
   --bb:#CC5283;
   --ii:#4295A6;
   --uu:#CC9C52;  
  
   --color1:#BEC0C4;
   --color2:#C5C7CB;
   --color3:#CED0D4;
  
   --border:#ADAFB3;
  
   --accent1:#4295A6;
   --accent2:#CC5283;
  
   --font1:'Poppins', Verdana, sans-serif;
   --font2:'Chaviera', Georgia, serif;
  
   --filteraccess:brightness(20%);
  
}

/********************/
/* DARK MODE COLORS */

[data-theme="dark"]{
  
 --texte:#C1C3C7;
  
     --color1:#313233;
   --color2:#393A3B;
   --color3:#404142;
  
   --border:#595A5C;
  
 --filteraccess:invert(23%);
}



/************************/
/**** CODES GÉNÉRAUX ****/

.aftitre{
  padding-top:5px;
  font-family:var(--font2);
  font-weight:bold;
  font-size:32px;
  letter-spacing: 3px;
  text-align: center;
  text-transform: uppercase;
  background:-webkit-linear-gradient(45deg, var(--accent1), var(--accent2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  margin:auto;
}

.aftitre div{
  font-weight:300!important;
  font-size:14px!important;
  letter-spacing: 8px;  
  -webkit-text-fill-color: var(--texte)!important;
  margin:2px 0 -2px 0;
}

.aftitre div::before,.aftitre div::after{
  content : '⸺';
}


/**********************/
/* BOUTONS NAVIGATION */

.afdlienscont{
  padding-top: 22px;
  padding-bottom:5px;
  text-align:center;
  width:370px;
  background-color:var(--color2);
  border:1px solid var(--border);
}

.afdnavigcont{
  padding-top: 22px;
  padding-bottom:5px;
  text-align:center;
  width:370px;
  background-color:var(--color2);
  border:1px solid var(--border);
}

.afbtn{
  margin: 5px;
  height:50px;
  width:350px;
  
  line-height:50px;
  font-family:var(--font2);
  font-weight:bold;
  font-size:20px;
  text-align: center;
  text-transform: uppercase;
  
  display: inline-block;
  transition: 0.75s;
  background: linear-gradient(45deg, var(--color3) 50%, var(--accent1) 50%, var(--accent2)) var(--x, 0)/ 255%;
  border:1px solid var(--border);
 }

.afbtn:hover { --x: 99%; }

.afbtn a{  
  background: -webkit-linear-gradient(45deg, var(--accent1) 0%, var(--accent2) 50%, var(--color3) 50%) var(--y, 0)/ 255%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 0.75s;
  padding: 5px;
}

.afbtn:hover a{ --y: 99%; }


/******************/
/* TOOLBAR NOTIFS */
#fa_toolbar {background-color: transparent!important;}
#fa_right {float: left;}
#fa_left, #fa_search, #fa_share, #fa_menu, a#fa_hide {display:none!important;}

a#fa_notifications {
  background-color: var(--color3)!important;
  border:1px solid var(--border);
  position: fixed;
  border-radius: 0;
}
#fa_right #fa_notifications {position: fixed;
    top: 100px;
    font-size: 25px;
  color:var(--texte);
    padding: 10px;
    width: 50px;
    height: 50px;
  border-radius: 0;
    font-family:FontAwesome;
    text-align: center;}/*C'EST ICI QUE TU PERSONNALISES LES NOTIFS, PENSE A ALLER DANS LE JS POUR CHANGER LE LOGO*/

#fa_right #fa_welcome:hover, #fa_toolbar #fa_right #fa_notifications:hover, #fa_notification a:hover{
  text-decoration: none!important;color:var(--accent1)!important; border:1px solid var(--border);
}

#fa_toolbar #fa_right #notif_list {position: fixed;
  left: 100px!important;
  top: 100px;}



span#notif_unread::before {
    content: '.';
    height: 12px;
    width: 12px;
    background: red;
    border-radius: 100%;
    font-size: 10px;
    line-height: 10%;
    margin: -31px 0 0 17px;
    float: left;
    z-index: 999;
}

span#notif_unread {
    FONT-WEIGHT: 500;
    color: transparent;
}








/********************/
/* Bouton jour/nuit */


.theme-switch-wrapper {
    display: inline-block;
    align-items: center;
    position: fixed;
    z-index: 99;
    left: 10px;
    bottom :100px;
}

.theme-switch-wrapper em {
}
.theme-switch {
  display: inline-block;
  height: 50px;
  line-height:50px;
  position: relative;
  width: 50px;
  margin-bottom:0px;
}

.theme-switch input {  display:none;}

.slider {
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.slider:before {
  background-color: var(--color3);
  bottom: 0px;
  font-family:FontAwesome;
  content: "";
  height: 50px;
  left: 0px;
  position: absolute;
  width: 50px;
  line-height:50px;
  font-size:25px;  
  color:var(--texte);
  text-align: center;
  border:1px solid var(--border);
}

input:checked + .slider {}

input:checked + .slider:before {
  background-color:var(--color3);
  font-family:FontAwesome;
  content: "";
}

.slider.round {}

.slider.round:before {}



















/***********************/
/***** UTILITAIRES *****/

/*Sélectionner sur les codes*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; font-size:10px!important;}
div.cont_code { clear: right; }
input, select, textarea {border-width: 0px;background-color:var(--color-bg3);color:var(--color-texte);}
input:focus, select:focus, textarea:focus{outline:none!important;}

/*La gueule du bouton d'accessibilité*/
img.ui_w {
  filter:var(--filteraccess);
  }


Code:

document.write('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">');

Code:

$(function() {
$('a.mainmenu[href^="/login?logout=1&tid="]').text('Déconnexion');
});

Code:

$(function() {
  var toolbar_alias = {
    
    Notifications : ''
    
    },i;
 
  if (window._lang) for (i in toolbar_alias) window._lang[i] = toolbar_alias[i];
});

Code:

function selectCode(e) {
    var s = $(e).closest("dl").find(".cont_code,code").get(0), range, selection;
    var a = s, z = s;
    while(a.nodeType == 1 && a.childNodes.length) a=a.firstChild;
    while(z.nodeType == 1 && z.childNodes.length) z=z.lastChild;
    if (!$(a).is('.fixff')) {
        var fix = $('<span class="fixff"/>').insertBefore(a);
    } else {
      a = a.nextSibling;
    }
    if (document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(s);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.setStart(a, 0);
        range.setEnd(z, z.nodeValue ? z.nodeValue.length : 0);
        selection.removeAllRanges();
        selection.addRange(range);
    }
};
$(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">Sélectionner</span>')});

Code:

var wordcount_signaled= false;
                  
                        $(function(){
                          if(!$('#text_editor_textarea').length || !$.fn["sceditor"]) return;
                  
                          $(function(){
                  
                            var e= $('#text_editor_textarea').sceditor('instance');
                            if(!e) return;
                  
                            var w= $('<div class="word-count"></div>').insertAfter('.sceditor-container');
                  
                            var wc= function(){
                              var t= e.val().replace(/\[.*?\]/g,' ').replace(/<.*?>/g,' ').replace(/[\x00-\x40\x5b-\x60\x7b-\x7e]/g,' ');
                              w.html('Caractères : '+(t.match(/\S/g)||[]).length+' Mots : '+(t.match(/\S{1,}/g)||[]).length);
                              wordcount_signaled= false
                            };
                  
                            e.keyDown(function(){
                              if(wordcount_signaled) return;
                              wordcount_signaled= true;
                                      setTimeout(function(){ wc() }, 2000)
                            });
                  
                            wc()
                  
                          })
                  
                        });

Code:

#bar_left, #bar_right {width: 65px;
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: var(--color1);
    border: 1px solid var(--border);}
#bar_right {right: 0;}

Code:

<div id="bar_left"></div>
  <div id="bar_right"></div>