Re: Codes utiles

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

CSS:

/**************************************************** PAGE ACCUEIL ****************************************************/
.page_accueil {
background: #679167;
height: 360px;
padding: 15px;
border: 5px solid #fff;
box-sizing: border-box;
font-family: Roboto, sans-serif;
color: #293B2F;
}

.pa_milieu {
width: 50%;
float: left;
margin: 1% 2%;
}

.pa_droite {
width: 25%;
float: left;
margin: 1% 0;
}

/* LIENS UTILES */
.pa_liens {
width: 20%;
float: left;
}

.pa_liens a {
display: block;
width: 100%;
font-size: 12px;
padding: 3% 0;
margin: 5% 0;
background: #A6C29F;
color: #f3f3f3;
text-transform: uppercase;
text-align: center;
}

.pa_liens a:hover {
background: #C2D1BE;
transition: bold;
letter-spacing: -1px;
}

/* CONTEXTE */
.pa_contexte {
box-sizing: border-box;
height: 100px;
overflow: auto;
padding: 0 5% 0 0;
text-align: justify;
width: 100%;
margin: 0 0 3.6% 0;
}

/* ACTUALITES */
.pa_actus {
width: 50%;
float: left;
margin: 2% 0;
background: #f3f3f3;
padding: 2%;
height: 150px;
box-sizing: border-box;
text-align: left;
}

.pa_actus span {
background: #ac9893;
padding: 2%;
display: inline-block;
margin: 2%;
color: #f3f3f3;
}

/* TOP SITES */
.pa_tops {
width: 45%;
float: left;
margin: 2% 0 2% 5%;
box-sizing: border-box;
}

.pa_tops a {
color: #ac9893;
display: block;
font-family: Calibri, Arial, sans-serif;
font-size: 16px;
text-transform: uppercase;
margin: 0 0 2% 0;
font-weight: bold;
}

.pa_tops a::before {
content: "△ ";
}

/* STAFF */
.pa_staff {
margin: 0 0 2% 0;
}

.pa_staff h2 {
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
color: #293B2F;
letter-spacing: 5px;
margin: 0 0 2% 0;
}

.staff_bloc {
width: 70px;
height: 70px;
overflow: hidden;
display: inline-block;
position: relative;
}

.staff_bloc_image {
width: 70px;
height: 70px;
object-fit: cover;
position: relative;
z-index: 1;
transition: .5s all;
}

.staff_bloc:hover .staff_bloc_image {
margin-left: -240px;
transition: .5s all;
}

.contenu_staff {
position: absolute;
top: 0;
width: 70px;
border: 1px solid #f3f3f3;
box-sizing: border-box;
height: 70px;
}

/* Pseudo */
.contenu_staff h2 {
margin: 2% 0 0 0;
padding: 0;
font-size: 10px;
letter-spacing: 0;
}

/* DC */
.contenu_staff h3 {
margin: 0;
font-weight: normal;
font-style: italic;
font-family: Times New Roman;
text-transform: lowercase;
color: #89665c;
}

/* Liens */
.contenu_staff a {
display: inline-block;
width: 30px;
margin: 0 2%;
}

/* MP */
.contenu_staff a:nth-child(2n+1) {
background: #f3f3f3;
}

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

.staff_bloc_image {
width: 70px;
height: 70px;
object-fit: cover;
position: relative;
z-index: 1;
transition: .5s all;
}

.staff_bloc:hover .staff_bloc_image {
margin-left: -240px;
transition: .5s all;
}

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

QEEL:


<div class="qeel">
<h2>
La Gazette de L'îlot
<div class="titre">Les dernières aventures de la tumultueuse peuplade</div>
</h2>
<div class="events">Prochain événement : </div>
<div id="index-links">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>
<a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
<a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
<a href="/?mode=delete_cookies" rel="nofollow">Supprimer les cookies du forum</a>
</div>

<div class="qeel_special">Ilotien d'Or <a href="https://lilotperdu.forumactif.com/u3" target="_blank">Cesoan</a></div>

<div class="qeel-special">{}
</div>

<div class="c2">
<div class="dernier_inscrit" id="dernier membre">
<script type="text/javascript">document.getElementById('dernier_membre').innerHTML=document.getElementById('dernier_membre').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier naufragé est");</script>
{NEWEST_USER}
</div>

<div class="groupes">
<a href="https://lilotperdu.forumactif.com/g6-chef-de-la-tribu" class="g1">
Grand Chef
</a>

<a href="https://lilotperdu.forumactif.com/g5-chamane" class="g2">
Chamane
</a>

<a href="https://lilotperdu.forumactif.com/g2-protecteurs-de-la-tribu" class="g3">
Protecteurs
</a>

<a href="https://lilotperdu.forumactif.com/g10-croupier" class="g4">
Croupier
</a>

<a href="https://lilotperdu.forumactif.com/g11-membre-de-la-semaine" class="g5">
Ilotien d'or
</a>

<a href="#" class="g6">
?????? ?
</a>
</div>
</div>

<div class="c3">
<div id="stats_co" class="actuellement_co">
{TOTAL_USERS_ONLINE}
</div>
<script type="text/javascript">
$('#stats_co').html($('#stats_co').html().replace(/Il y a en tout| :: /ig," ").replace(/utilisateur en ligne/,"téméraire dans la jungle <u>>></u>").replace(/utilisateurs en ligne/,"téméraires dans la jungle <u>>></u>").replace(/Enregistré,/,"Insulaire <u>|</u>").replace(/Enregistrés,/,"Insulaires <u>|</u>").replace(/Invisible et/,"Insaisissable <u>|</u>").replace(/Invisibles et /,"Insaisissables <u>|</u>").replace(/Invité/,"Vagabond").replace(/Invités/,"Vagabonds").replace(/Invité/,"Vagabond").replace(/Moteur de recherche/,"Farfouilleur").replace(/Moteurs de recherche/,"Farfouilleurs"));
</script>

<span class="en_ligne" id="connectes">
{LOGGED_IN_USER_LIST}
</span>
<script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Utilisateurs enregistrés :/,"Encore vivants :").replace(/Moteurs de recherche :/,"Farfouilleurs :");</script>
<p><a href="https://lilotperdu.forumactif.com/viewonline" target="_blank" class="wio">...</a></p>
</div>

<div class="c4">
<span id="messages">
{TOTAL_POSTS}
</span>
<script type="text/javascript">document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"").replace(/message(s?)/,"Bafouilles");</script>
<div class="topics">
<script src="https://js01.fra.co/24922.js" type="text/javascript"></script><span><strong><div class="FORUMCOUNTOPIC"></div></strong>Topics</span>
</div>
<span id="utilisateurs">
{TOTAL_USERS}
</span>
<script type="text/javascript">document.getElementById('utilisateurs').innerHTML=document.getElementById('utilisateurs').innerHTML.replace(/Nous avons/,"").replace(/membre(s?) enregistré(s?)/,"Ilotiens");</script>
</div>
<div class="clear">
</div>
<div class="anniv" id="anni">{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
<script type="text/javascript">document.getElementById('anni').parentNode.innerHTML=document.getElementById('anni').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Quelqu'un va prendre des tonneaux dans les dents aujourd'hui !").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Patience ! Bientôt, ça se fête, Wilson !").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Consternant ! Pas de fripouille à charrier en vue").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Aucun indigène n'est en passe de tourner un printemps");
</script></div>

</div>

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

CSS QEEL:

/*********************************************************************** QUI EST EN LIGNE ***********************************************************************/
.qeel {
background: #679167;
background-image: url(https://i.servimg.com/u/f54/20/31/88/33/dd01b10.jpg);
border: 3px solid rgba(99,91,91,.6);
font-size: 12px;
margin: auto;
padding: 2% 3%;
width: 950px;
margin-bottom: 20px;
}

.qeel h2 {
background: #92AB8C;
border: 3px solid #F7F7F7;
font-size: 24px;
letter-spacing: 5px;
padding: 1% 0;
text-align: center;
text-transform: uppercase;
color: #293B2F;
width: 500px;
margin: 0 auto 2%;
}

.titre {
font-size: 11px;
letter-spacing: 5px;
padding: 1% 0;
text-align: center;
color: #293B2F;
}

.events {
font-size: 14px;
font-weight: bold;
letter-spacing: 5px;
padding: 1% 0;
text-align: center;
text-transform: uppercase;
color: #ffffff;
margin: 0 auto 2%;
}

/*Liens au-dessus */
#index-links {
width: 800px;
margin: auto;
display: flex;
justify-content: space-between;
margin-top: 10px;
margin-bottom: 20px;
}
#index-links a {
border: 1px solid #97A394;
background: #F7F7F7;
flex: 1;
margin-right: 3px;
text-align: center;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
padding: 10px 0;
}
#index-links a:hover {
color: #97A394;
}
#index-links a:last-child {
margin-right: 0px;
}

/* Membre de la semaine */

.qeel_special {
color: #ffffff;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px;
}

.qeel_special a {
color: #C79006 !important;
}

.qeel-special {
background-image: url(https://i.servimg.com/u/f75/20/31/63/62/ceso10.gif);
background: #92AB8C;
border: 1px solid #F7F7F7;
width: 140px;
height: 133px;
overflow: auto;
padding: 1%;
box-sizing: border-box;
float: left;
}

.qeel-special .row1 {
background: none;
}

/* COLONNE 2 */
.c2 {
float: left;
margin: 0 3%;
text-align: center;
width: 30%;
}

/* Dernier inscrit */
.dernier_inscrit {
color: #ffffff;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
}

.dernier_inscrit a {
display: block;
border: 1px solid #F7F7F7;
width: 100%;
background: #92AB8C;
padding: 4% 0;
margin: 2% 0;
letter-spacing: 5px;
font-weight: 500;
font-size: 16px;
color: #F7F7F7 !important;
}

.dernier_inscrit strong a span strong {
font-weight: normal !important;
color: #f7f7f7;
}

/* Groupes */
.groupes a:nth-child(3n+3) {
margin: 1% 0;
}

.groupes a {
border: 1px solid #F7F7F7;
box-sizing: border-box;
display: inline-block;
font-size: 9px;
font-weight: bold;
margin: 1% 4% 1% 0;
padding: 2%;
text-transform: uppercase;
width: 75px;
}

a.g1 {color: #F7F7F7; background: #1E6120;} a.g1:hover {color: #1E6120 !important; background: #F7F7F7; border: 1px solid #1e6120;}
a.g2 {color: #F7F7F7; background: #0E0E8A;} a.g2:hover {color: #0E0E8A !important; background: #F7F7F7; border: 1px solid #0e0e8a;}
a.g3 {color: #F7F7F7; background: #C90C0C;} a.g3:hover {color: #C90C0C !important; background: #F7F7F7; border: 1px solid #C90C0C;}
a.g4 {color: #F7F7F7; background: #000000;} a.g4:hover {color: #000000 !important; background: #F7F7F7; border: 1px solid #000000;}
a.g5 {color: #F7F7F7; background: #C79006;} a.g5:hover {color: #C79006 !important; background: #F7F7F7; border: 1px solid #C79006;}
a.g6 {color: #F7F7F7; background: #92AB8C;} a.g6:hover {color: #92AB8C !important; background: #F7F7F7; border: 1px solid #92AB8c;}

/* COLONNE 3 */
.c3 {
float: left;
width: 32%;
}

/* Statistiques connectes */
.actuellement_co {
color: #293B2F;
margin: 0 0 2%;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

/* Connectés */
.en_ligne {
background: #92AB8C;
box-sizing: border-box;
border: 1px solid #F7F7F7;
height: 100px;
overflow: auto;
width: 100%;
display: block;
}

a.wio {
color: #679167 !important;
}

/* COLONNE 4 */
.c4 {
float: left;
width: 9%;
margin: 0 0 0 3%;
}

/* Messages et membres */

.c4 span strong {
display: block;
color: #F7F7F7;
font-size: 16px;
letter-spacing: 2px;
font-weight: 500;
}

.c4 span {
display: block;
border: 1px solid #F7F7F7;
background: #92AB8C;
text-transform: uppercase;
font-size: 12px;
font-weight: bold
margin: 0 0 23%;
text-align: center;
width: 90px;
height: 45px;
}

.anniv {
display: block;
border: 1px solid #F7F7F7;
width: 500px;
height: 70px;
background: #92AB8C;
margin: auto;
text-align: center;
padding-top: 4px;
letter-spacing: 2px;
font-size: 11px;
text-transform: uppercase;
}

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

Code:: jQuery(window).load(function() { if (_userdata["session_logged_in"] == '1') { jQuery('#fa_share').after('<a id="fa_profil" href="#" onclick="return false;" style="padding:10px;">Menu</a><div id="quinfo" style="position:fixed;"><a href="https://lilotperdu.forumactif.com/f11-nous-vous-accueillons-ici">Nouveaux arrivants</a><br/><a href="https://lilotperdu.forumactif.com/f1-des-choses-et-d-autres">Des choses et d'autres</a><br/><a href="https://lilotperdu.forumactif.com/f12-le-bastringue-de-barbe-verte">Le Bastringue</a><br/><a href="https://lilotperdu.forumactif.com/f13-the-new-coconut-shopping-center">Shopping center</a><br/><a href="https://lilotperdu.forumactif.com/f3-actu-politique-debat">Actu</a><br/><a href="https://lilotperdu.forumactif.com/f6-celibataire-en-couple-discutons-en">Célibat/Couples</a><br/></div>'); jQuery('#quinfo').hide(); jQuery('#fa_profil').click(function() { jQuery('#quinfo').toggle().offset(jQuery(this).offset()); }); } });

Code:: jQuery(window).load(function() { if (_userdata["session_logged_in"] == '1') { jQuery('#fa_share').after('<a id="fa_profil" href="#" onclick="return false;" style="padding:6.5px 5px;">Profil</a><div id="quinfo" style="position:fixed;"><a href="/profile?mode=editprofile&page_profil=informations">informations</a><br/><a href="/profile?mode=editprofile&page_profil=preferences">Préférences</a><br/><a href="/profile?mode=editprofile&page_profil=signature">Signature</a><br/><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a><br/><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amis et ignorés</a><br/><a href="/profile?mode=editprofile&page_profil=notifications">Notifications</a><br/></div>'); jQuery('#quinfo').hide(); jQuery('#fa_profil').click(function() { jQuery('#quinfo').toggle().offset(jQuery(this).offset()); }); } });

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

test dé

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

Le membre 'Admin' a effectué l'action suivante : Lancer de dés

'test' : 1

Admin a écrit:Adresse des icônes natives:

Admin a écrit:Adresse des icônes natives:
g

Admin a écrit:test dé

Admin a écrit:test dé

ok

Admin a écrit:test dé

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

Avalanche a écrit:ok

test

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

Avalanche a écrit:

Admin a écrit:test dé

ok

Là?

@Admin ça va?

@Admin Nouvel essai

@Admin test

Admin a écrit:Là?

ok

Admin a écrit:

test

ok

Admin a écrit:

Là?

Essai

@Admin a écrit:

@Avalanche a écrit:ok

test

test

Avalanche a écrit:

ok

Admin a écrit:

test

lol

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

index_box

Code::  <div id="index-links"> <a href="{U_SEARCH_NEW}"><i class="ion-ios-flame"></i>{L_SEARCH_NEW}</a> <a href="{U_SEARCH_SELF}"><i class="ion-ios-box-outline"></i>{L_SEARCH_SELF}</a> <a href="{U_SEARCH_UNANSWERED}"><i class="ion-ios-chatbubble-outline"></i>{L_SEARCH_UNANSWERED}</a> <a href="{U_MARK_READ}"><i class="ion-android-checkmark-circle"></i>{L_MARK_FORUMS_READ}</a> </div>    <div class="forabg"> <ul class="topiclist"> <li class="header"> <dl class="icon"> <dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd> <dd class="topics"><i class="ion-android-list" data-tooltip="{L_TOPICS}"></i></dd> <dd class="posts"><i class="ion-android-chat" data-tooltip="{L_POSTS}"></i></dd> <dd class="lastpost2"><i class="ion-android-time" data-tooltip="{L_LASTPOST2}"></i></dd> </dl> </li> </ul> <ul class="topiclist forums">   <li class="row"> <dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;"> <dd class="dterm"> <div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a> </h{catrow.forumrow.LEVEL}> {catrow.forumrow.FORUM_DESC}  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} </div> </dd> <dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd> <dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd> <dd class="lastpost">  <span class="AD_LastPA"> <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span> <span class="AD_LastInfos"> <a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a> {catrow.forumrow.ads.DATE}<br /> {catrow.forumrow.ads.LOCATION} </span> </span>   <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>  <span>  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />  {catrow.forumrow.USER_LAST_POST} </span> </dd> </dl> </li>   </ul> </div>    <ul class="linklist bottom"> <li> <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> </li> <li> <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> </li> <li class="last"> <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a> </li>  <li class="rightside"> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="ion-trash-a"></i>{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> </li>  </ul>  <script type="text/javascript"> //<![CDATA[ $(document).ready(function() { var btn_collapse = $('<div></div>', { class: 'btn-collapse' }); var btn_collapse_show = $('<i></i>', { class: 'ion-android-add-circle hidden', 'data-tooltip': '{L_EXPEND_CAT}' }).appendTo(btn_collapse); var btn_collapse_hide = $('<i></i>', { class: 'ion-android-remove-circle', 'data-tooltip': '{L_HIDE_CAT}' }).appendTo(btn_collapse); var collapsed = []; if (readCookie('collapsed') != null && readCookie('collapsed') != '') { collapsed = readCookie('collapsed').split(','); } $(document).on('click', '.btn-collapse', function() { $(this).children('.ion-android-add-circle').toggleClass('hidden'); $(this).children('.ion-android-remove-circle').toggleClass('hidden'); $(this).parents('.forabg').toggleClass('hidden'); if (readCookie('collapsed') != null && readCookie('collapsed') != '') { collapsed = readCookie('collapsed').split(','); } if (!$(this).parents('.forabg').hasClass('hidden')) { removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed); createCookie('collapsed', collapsed); } else { collapsed.push('' + $(this).parents('.forabg').data('cindex')); createCookie('collapsed', collapsed); } }); $('.forabg').each(function(i) { $(this).data('cindex', '' + i); $(btn_collapse) .clone() .attr('id', 'forabg' + i) .appendTo($(this).find('.header')); if ($.inArray('' + i, collapsed) > -1) { $(this).toggleClass('hidden'); $('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden'); $('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden'); } }); }); function removeFromArray(item, array) { var i = array.indexOf(item); if (i > -1) { array = array.splice(i, 1); } } function createCookie(name, value, days) { var expires; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toGMTString(); } else { expires = ""; } document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/"; } function readCookie(name) { var nameEQ = encodeURIComponent(name) + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) === ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length)); } return null; } //]]> </script>

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

Code:: background: url(https://i.servimg.com/u/f54/20/31/88/33/fondfo10.jpg);

**Admin** Admin Messages : 84 Bananes : 107 Date d'inscription : 15/04/2021

test spoiler

Spoiler: