Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

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

INDEX BOX D'ORIGINE:

{L_SEARCH_NEW}

{L_SEARCH_SELF}

{L_SEARCH_UNANSWERED}

{L_MARK_FORUMS_READ}

{catrow.tablehead.L_FORUM}

{catrow.forumrow.FORUM_NAME}

{catrow.forumrow.FORUM_DESC}

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
{forumrow.L_SUBFORUM_STR} {forumrow.SUBFORUMS}

{catrow.forumrow.TOPICS} {L_TOPICS}

{catrow.forumrow.POSTS} {L_POSTS}

{catrow.forumrow.ads.TITLE}
{catrow.forumrow.ads.DATE}

{catrow.forumrow.ads.LOCATION}

{catrow.forumrow.avatar.LAST_POST_AVATAR}

{catrow.forumrow.LATEST_TOPIC_NAME}

{catrow.forumrow.USER_LAST_POST}

{L_TODAY_ACTIVE}

{L_TODAY_POSTERS}

{L_OVERALL_POSTERS}

{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}

//$(document).ready(function() {
var btn_collapse = $('

', {
class: 'btn-collapse'
});

var btn_collapse_show = $('', {
class: 'ion-android-add-circle hidden',
'data-tooltip': '{L_EXPEND_CAT}'
}).appendTo(btn_collapse);

var btn_collapse_hide = $('', {
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;
}
//]]>

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

HEADER DE L'ILOT:

<div align="center">
<iframe frameborder="0" style="width: 400px; height: 225px;" allowfullscreen="" loading="lazy" src="https://www.youtube.com/embed/JY6L0154Swg"> </iframe>
</div>
<div class="team">
Votre équipe encadrante
</div>

<div class="pa-staff">

<div>
<img src="https://i.servimg.com/u/f54/20/31/88/33/ava110.jpg" />
<div class="chef">
<strong>Hic</strong>
<div>
<a target="_blank" href="https://lilotperdu.forumactif.com/u1">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=1">MP</a>
</div>

<div>
Amiral
</div>

</div>

</div>

<div>
<img src="https://i.servimg.com/u/f54/20/31/88/33/ava210.jpg" />
<div class="chamane">
<strong>Léa</strong>
<div>
<a target="_blank" href="https://lilotperdu.forumactif.com/u9">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=9">MP</a>
</div>

<div>
Commandante
</div>

</div>

</div>

<div>
<img src="https://i.servimg.com/u/f54/20/31/88/33/ava310.jpg" />
<div class="protecteur">
<strong>Herr Müller</strong>
<div>
<a target="_blank" href="https://lilotperdu.forumactif.com/u2">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=2">MP</a>
</div>

<div>
Capitaine
</div>

</div>

</div>

<div>
<img src="https://i.servimg.com/u/f54/20/31/88/33/ava410.jpg" />
<div class="protecteur">
<strong>Chris Malice</strong>
<div>
<a target="_blank" href="https://lilotperdu.forumactif.com/u56">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=56">MP</a>
</div>

<div>
Capitaine
</div>

</div>

</div>

</div>
<script>
if (0 == 0 && jQuery('#logout').length){
alert("Bonjour ! Merci de ton inscription sur L'îlot! Il manque toutefois encore une petite formalité pour la valider. Clique sur ok pour te présenter à la communauté...'");
document.location.href='https://lilotperdu.forumactif.com/t174-bienvenue-aux-nouveaux-arrivants';
}
</script>

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

QEEL DE L'ILOT:


<div class="qeel">
<h2>
EN DIRECT DU RÉCIF LUXURIANT
<div class="titre">L'odyssée de L'île aux Diablotins</div>
</h2>
<div class="events">Prochain événement : lundi 21h, îlot d'or du plus discret</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/u60" target="_blank">Ouidire</a></div>

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

<div class="c2">
<span class="dernier_inscrit" id="dernier_membre">
{NEWEST_USER}
</span>
<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>

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

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

<a href="https://lilotperdu.forumactif.com/g2-protecteurs-de-la-tribu" class="g3">
Capitaines
</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="https://lilotperdu.forumactif.com/g12-veinard" class="g6">
Veinard
</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>
<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/,"Sacre bleu! Qui nous doit un banquet ce jour?").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Patience ! Bientôt un tonneau de plus dans les dents pour").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Consternant ! Ce jour, pas de fripouille à charrier !").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 prochainement");
</script></div>
</div>

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

CSS HEADER + QEEL ILOT:

.team {
color: #293B2F;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
padding-top: 5px;
}

.pa-staff {
margin: auto;
width: 500px;
display: flex;
justify-content: space-between;
flex: 100%;
}
.pa-staff > div {
height: 70px;
width: 70px;
border: 1px solid #F7F7F7;
position: relative;
overflow:hidden;
}
.pa-staff > div > div {
height: 100%;
width: 100%;
background: #f9f9f9;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 10px;
text-align: center;
text-transform: uppercase;
transform: translate(0,0);
transition: all 0.3s;
}
.pa-staff > div > div a {
color: #293B2F;
transition: color 0.3s;
}
.pa-staff > div > div a:hover {
color: #000080;
}
.pa-staff > div:hover > div {
transform: translate(0,-70px);
}
.pa-staff .chef {
color: green;
}
.pa-staff .chamane {
color: #4A0573;
}
.pa-staff .protecteur {
color: red;
}

/*********************************************************************** QUI EST EN LIGNE ***********************************************************************/
.qeel {
background: #293B2F;
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%;
font-family: 'Roboto', sans-serif;
width: 950px;
margin-bottom: 20px;
}

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

.titre {
font-size: 12px;
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/f29/20/31/60/49/60-7610.jpg);
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
}

.dernier_inscrit strong a span strong {
font-weight: 500 !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: 1%;
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: #4A0573;} a.g2:hover {color: #4A0573 !important; background: #F7F7F7; border: 1px solid #4A0573;}
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: #0E0E8A;} a.g6:hover {color: #0E0E8A !important; background: #F7F7F7; border: 1px solid #0E0E8A;}

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

/* Statistiques connectes */
.actuellement_co {
color: #ffffff;
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;
padding: 1%;
width: 100%;
display: block;
}

a.wio {
color: #293B2F !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%;
padding: 6px;
text-align: center;
width: 90px;
height: 60px;
}

.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

CSS PROFIL

Code:: /******************************************************* PROFIL ****************************************************************/ .Rdt_Ep_temp_profil * { box-sizing: border-box; } .Rdt_Ep_temp_profil { max-width: 850px; max-height: 500px; margin: auto; background: url('https://i.servimg.com/u/f54/20/31/88/33/dd01b10.jpg'); text-align: center; font-size: 14px; border: 2px solid #ffffff; } .Rdt_Ep_temp_profil a { text-decoration: none; } .Rdt_Ep_temp_profil ::-webkit-scrollbar { width: 3px; background-color: white; } .Rdt_Ep_temp_profil ::-webkit-scrollbar-thumb { background-color: #ddeeff; } .Rdt_Ep_temp_profil header, .Rdt_Ep_info div::first-letter { font-family: "Dancing Script", cursive; } .Rdt_Ep_temp_profil header { font-size: 40px; text-shadow: 1px 1px 1px #fff; font-weight: bold; } .Rdt_Ep_avatar { width: 110px; height: 110px; border: 5px solid white; overflow: hidden; border-radius: 100%; } .Rdt_Ep_avatar img { width: 100%; position: relative; } .Rdt_Ep_avatar:hover { z-index: 1; -webkit-transform: rotate(720deg); transform: rotate(720deg); } .Rdt_Ep_avatar:hover img { -webkit-transform: scale(1.5); transform: scale(1.5); } .Rdt_Ep_avatar, .Rdt_Ep_avatar img, .Rdt_Ep_avatar:hover, .Rdt_Ep_avatar:hover img { transition: 800ms all; } .Rdt_Ep_on_off_sexe { font-size: 12px; } .Rdt_Ep_on_off_sexe, .Rdt_Ep_info div::first-letter { color: #293B2F; font-weight: bold; } .Rdt_Ep_rank span { border: 1px solid rgba(211,207,207,.7); font-variant: small-caps; font-size: 18px; padding: 2px 15px; font-family: 'Arvo', serif; } .Rdt_Ep_rank span, .Rdt_Ep_links span:hover { background: rgba(248,248,248,.7); } .Rdt_Ep_rank > span img, .Rdt_Ep_rank > span br { display: none; } .Rdt_Ep_boutons img { margin: 3%; } .Rdt_Ep_last span { background: rgba(248,248,248,.7); border: 1px solid rgba(211,207,207,.7); padding: 3px; } .Rdt_Ep_links span, .Rdt_Ep_links a { color: #fff; font-size: 12px; } .Rdt_Ep_links span { background: #2c353b; padding: 5px; margin: 2px; } .Rdt_Ep_links span:hover, .Rdt_Ep_links span:hover a, .Rdt_Ep_info, .Rdt_Ep_temp_profil footer a { color: #2c353b; } .Rdt_Ep_info { background: rgba(248,248,248,.7); border: 1px solid rgba(211,207,207,.7); text-align: justify; text-transform: capitalize; margin: 0 auto; padding: 15px; height: 190px; overflow: auto; -webkit-column-count: 2; column-count: 2; width: 90%; } .Rdt_Ep_info div::first-letter { font-size: 1.2em; } .Rdt_Ep_info > div { margin: 0 auto; list-style: url("https://nsm09.casimages.com/img/2018/05/11//18051101373412811115707858.png"); display: list-item; line-height: 2; width: 90%; border-bottom: 1px solid #fff; } .Rdt_Ep_info .field_uneditable { display: inline; } .Rdt_Ep_temp_profil footer { border-bottom: 1px solid #2c353b; } .Rdt_Ep_temp_profil footer a { padding: 5px; } .Rdt_Ep_temp_profil { display: grid; grid-template: 100px repeat(4, 1fr) 20px / repeat(3, 1fr); grid-gap: 1rem; } .Rdt_Ep_temp_profil header { grid-column: 1/-1; } .Rdt_Ep_avatar { grid-area: 2/2/4/3; position: relative; bottom: 65px; margin: auto; } .Rdt_Ep_temp_profil footer { grid-area: 6/1/7/-1; } .Rdt_Ep_info { grid-area: 5/1/6/-1; } .Rdt_Ep_links { height: 30px; grid-area: 4/3/5/4; } .Rdt_Ep_last { grid-area: 3/1/4/2; } .Rdt_Ep_boutons { grid-area: 2/1/3/2; } .Rdt_Ep_rank { position: relative; bottom: 35px; } .Rdt_Ep_on_off_sexe { grid-area: 3/2/4/3; } .Rdt_Ep_boutons .field_uneditable { display: none; }

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

SCRIPT BADGES

Code:: /* * SYSTEME DE BADGE * LIBRE SERVICE NEVER UTOPIA */ /* on vérifie si on est bien sur la page de profil */ if (/^\/u\d+$/.test(document.location.pathname)) { var idPage = "4"; /* numéro de la page HTML */ var idChamp = "field_id2"; /* ID du champ à modifier */ $.get("/h" + idPage + "-", function (data) { /* on récupère le block des badges */ var $badges = $(data).filter("#badges-profil"); /* on attend que notre page soit prête */ $(function () { /* on récupère la zone badge */ var $profilBadges = $("#"+idChamp); if ($profilBadges.length > 0) { /* selection des badges du membre */ var badgesUser = $profilBadges.find(".field_uneditable").text().split(";"); /* pour chaque badge, on ajoute la classe si besoin */ for (var i = 0, l = badgesUser.length; i < l; i++) { if (badgesUser[i].length > 0) { try { $badges.find("." + badgesUser[i].trim()).addClass("obtenue").removeClass("pas_obtenue"); } catch (e){ console.log("Système de badge erreur => " + e); } } } /* si la personne ne peut pas éditer le champ, * on le retire la zone */ if ($profilBadges.find(".field_editable").length < 1) { $profilBadges.next().andSelf().remove(); } } /* on ajoute le block en fin de page */ $("#page-body").after($badges); }); }) }

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

HTML BADGES

Code:: <!doctype html> <html lang="fr"> <head> <meta charset="utf-8" /> <title>Mes supers badges</title> </head> <body><div id="badges-profil"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a04aa10.png" title="Créer 5 topics" class="pas_obtenue badge_0"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a04bb10.png" title="10 topics créés" class="pas_obtenue badge_1"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a04cc10.png" title="Auteur inspiré 2 500 fois" class="pas_obtenue badge_2"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a04dd10.png" title="5 000 posts générés" class="pas_obtenue badge_3"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a04ee10.png" title="Roman de 8 500 posts" class="pas_obtenue badge_4"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a04ff10.png" title="Mène la barre: 10 likes sur un post" class="pas_obtenue badge_5"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a04gg10.png" title="Fédérateur: 100 likes sur un topic" class="pas_obtenue badge_6"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a04ii10.png" title="Explorateur de section (posté sur tous les topics)" class="pas_obtenue badge_7"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a04hh10.png" title="Jeté l'encre sur tous les topics du site" class="pas_obtenue badge_8"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a05aa10.png" title="Secouriste (5 conseils)" class="pas_obtenue badge_9"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a05bb10.png" title="Survivant (membre depuis 6 mois)" class="pas_obtenue badge_10"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a05cc10.png" title="Baroudeur (membre depuis 1 an)" class="pas_obtenue badge_11"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a01cc10.png" title="Epicurien: dépensé 500" class="pas_obtenue badge_12"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a01bb10.png" title="Acheteur compulsif: claqué 1 000" class="pas_obtenue badge_13"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a01hh10.png" title="Fou à lier: dilapidé 5 000" class="pas_obtenue badge_14"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a01ii10.png" title="Cultivateur (engrangé 2500 bananes)" class="pas_obtenue badge_15"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a01jj10.png" title="Banquier (économisé 5000)" class="pas_obtenue badge_16"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a01kk10.png" title="Picsou: 10K sur son compte" class="pas_obtenue badge_17"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a01dd10.png" title="Adepte du Repère" class="pas_obtenue badge_18"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a01ee10.png" title="Adepte de la bouteille" class="pas_obtenue badge_19"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a01ff10.png" title="Waouh! Gagné 2 jeux" class="pas_obtenue badge_20"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a01gg10.png" title="Roi du jeu (5 victoires)" class="pas_obtenue badge_21"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a06aa10.png" title="1 000 mots, Pavé César !" class="pas_obtenue badge_22"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a06bb10.png" title="L'assomoir ! 5 000 mots" class="pas_obtenue badge_23"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a06cc10.png" title="Bourrin: multiquoté 10 posts" class="pas_obtenue badge_24"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a06dd10.png" title="Enragé: multiquoté 20 posts" class="pas_obtenue badge_25"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a06ee10.png" title="Coucou! J'suis parti, j'suis revenu" class="pas_obtenue badge_26"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a02dd10.png" title="Chenapan : signalé 1x" class="pas_obtenue badge_27"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a02ee10.png" title="Sonnette d'alarme: signalé 5x" class="pas_obtenue badge_28"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a02ff10.png" title="Poison: signalé 10x" class="pas_obtenue badge_29"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a02aa10.png" title="Canaille bannie 1x" class="pas_obtenue badge_30"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a02bb10.png" title="Fripouille bannie 3x" class="pas_obtenue badge_31"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a02cc10.png" title="Bandit banni 5x" class="pas_obtenue badge_32"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a07aa10.png" title="Parrainer 1 ami" class="pas_obtenue badge_33"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a07dd10.png" title="Génie! (idée brillante pour le site)" class="pas_obtenue badge_34"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a07ee10.png" title="Impliqué! (3 avis constructifs)" class="pas_obtenue badge_35"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a07bb10.png" title="Crash" class="pas_obtenue badge_36"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a07cc10.png" title="Au charbon !" class="pas_obtenue badge_37"> <img src="https://i.servimg.com/u/f29/20/31/60/49/a08aa10.png" title="Mystère! Et boule de gomme" class="pas_obtenue badge_38"> </div> </body> </html>

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

HTML INVENTAIRE

Code:: <!doctype html> <html lang="fr"> <head> <meta charset="utf-8" /> <title>Mon super inventaire</title> <style type="text/css"> #invent-profil { border: 2px solid #ffffff; margin: auto; text-align: center; width: 850px; } #invent-profil:before { content: "dans son Inventaire"; display: block; background-color : #92AB8C; border-bottom: 2px solid white; color: #293B2F; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; padding: 10px; } .pas_achete { height: 60px; margin: 5px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); } .achete { height: 60px; margin: 5px; } .pas_achete span { display:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:black; background:white; } .pas_achete span img { float:left; margin:0px 8px 8px 0; } .pas_achete:hover span { display:block; position:absolute; top:0; left:0; z-index: 999; width:auto; max-width:320px; min-height:128px; border:1px solid black; margin-top:12px; margin-left:32px; overflow:hidden; padding:8px; } /*Titre des catégories*/ #objets_communs, #objets_luxe, #hooba, #collector { position: relative; z-index: 2; font-size: 14px; text-align: center; text-transform: uppercase; width: 250px; padding: 5px; margin: auto; background-color: #A6C29F; color: #293B2F; } </style> </head> <body><div id="invent-profil"> <div id="objets_communs">Kit de survie de l'îlotien</div> <img src="https://i.servimg.com/u/f29/20/31/60/49/bain210.png" title="Short de bain 50🍌" class="pas_achete invent_0"> <img src="https://i.servimg.com/u/f29/20/31/60/49/rose210.png" title="Bikini rose 70🍌" class="pas_achete invent_1"> <img src="https://i.servimg.com/u/f29/20/31/60/49/beach210.png" title="Serviette 10🍌" class="pas_achete invent_2"> <img src="https://i.servimg.com/u/f29/20/31/60/49/creme210.png" title="Crème solaire 5🍌" class="pas_achete invent_3"> <img src="https://i.servimg.com/u/f29/20/31/60/49/flippe10.png" title="Palmes 20🍌" class="pas_achete badge_4"> <img src="https://i.servimg.com/u/f29/20/31/60/49/calend12.png" title="Calendrier 30🍌" class="pas_achete invent_5"> <img src="https://i.servimg.com/u/f29/20/31/60/49/play10.png" title="Playîlot 30🍌" class="pas_achete invent_6"> <img src="https://i.servimg.com/u/f29/20/31/60/49/chair10.png" title="Transat 80🍌" class="pas_achete invent_7"> <img src="https://i.servimg.com/u/f29/20/31/60/49/sable10.png" title="Bocal de sable 10🍌" class="pas_achete invent_8"> <img src="https://i.servimg.com/u/f29/20/31/60/49/carte10.png" title="Carte postale 5🍌" class="pas_achete invent_9"> <img src="https://i.servimg.com/u/f96/20/31/61/16/logo_c10.png" title="Canne à pêche 90🍌" class="pas_achete invent_10"> <img src="https://i.servimg.com/u/f96/20/31/61/16/logo_t10.png" title="Trousse 1ers secours 40🍌" class="pas_achete invent_11"> <img src="https://i.servimg.com/u/f96/20/31/61/16/logo_j10.png" title="Jeu de société 50🍌" class="pas_achete invent_12"> <img src="https://i.servimg.com/u/f96/20/31/61/16/logo_p10.png" title="Préservatif 10🍌" class="pas_achete invent_13"> <img src="https://i.servimg.com/u/f96/20/31/61/16/logo_p11.png" title="Paréo 50🍌" class="pas_achete invent_14"> <img src="https://i.servimg.com/u/f96/20/31/61/16/logo_l10.png" title="Lunettes de soleil 60🍌" class="pas_achete invent_16"> <img src="https://i.servimg.com/u/f96/20/31/61/16/logo_c11.png" title="Calendrier sexy Kovacs 50🍌" class="pas_achete invent_17"> <img src="https://i.servimg.com/u/f54/20/31/88/33/bana110.png" title="Grappe de bananes 10🍌" class="pas_achete invent_23"> <img src="https://i.servimg.com/u/f54/20/31/88/33/riz110.png" title="Bol de riz 10🍌" class="pas_achete invent_31"> <img src="https://i.servimg.com/u/f54/20/31/88/33/c-m110.png" title="Cocotte-minute 70🍌" class="pas_achete invent_26"> <img src="https://i.servimg.com/u/f54/20/31/88/33/pean110.png" title="Poignée de cacahuètes 5🍌" class="pas_achete invent_29"> <img src="https://i.servimg.com/u/f54/20/31/88/33/pim110.png" title="Pimentez votre vie 2🍌" class="pas_achete invent_30"> <div id="objets_luxe">Kit de confort de l'îlotien</div> <img src="https://i.servimg.com/u/f54/20/31/88/33/bent110.png" title="Voiture rouillée 250🍌" class="pas_achete invent_24"> <img src="https://i.servimg.com/u/f96/20/31/61/16/logo_p12.png" title="PS5 600🍌" class="pas_achete invent_15"> <img src="https://i.servimg.com/u/f54/20/31/88/33/tente110.png" title="Tente douillette 1 500🍌" class="pas_achete invent_33"> <img src="https://i.servimg.com/u/f54/20/31/88/33/golf110.png" title="Voiturette de golf 4x4 15 000🍌" class="pas_achete invent_27"> <img src="https://i.servimg.com/u/f54/20/31/88/33/hutt110.png" title="Hutte tout confort 25 000🍌" class="pas_achete invent_28"> <img src="https://i.servimg.com/u/f54/20/31/88/33/safcar10.png" title="Safari îlot car 50 000🍌" class="pas_achete invent_32"> <img src="https://i.servimg.com/u/f54/20/31/88/33/yacht110.png" title="Yacht 200 000🍌" class="pas_achete invent_34"> <div id="hooba">Activités du Hooba Hooba Club</div> <img src="https://i.servimg.com/u/f29/20/31/60/49/dive10.png" title="Plongée sous marine 300🍌" class="pas_achete invent_18"> <img src="https://i.servimg.com/u/f29/20/31/60/49/spaa10.png" title="Massage spa 150🍌" class="pas_achete invent_19"> <img src="https://i.servimg.com/u/f29/20/31/60/49/cocoo10.png" title="Lancement de noix de cocos 300🍌" class="pas_achete invent_20"> <img src="https://i.servimg.com/u/f29/20/31/60/49/saf110.png" title="Safari 700🍌" class="pas_achete invent_21"> <img src="https://i.servimg.com/u/f29/20/31/60/49/volley10.png" title="Beachvolley 150🍌" class="pas_achete invent_22"> <div id="collector">Collector</div> <img src="https://i.servimg.com/u/f54/20/31/88/33/chemis10.png" title="Chemise hawaïenne 100🍌" class="pas_achete invent_25"> <img src="https://zupimages.net/up/21/24/7n7z.png" title="Ramasseur de bananes 7650🍌" class="pas_achete invent_35"> </div> </body> </html>

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

PROFILE VIEW BODY D'ORIGINE

Code:: <h1 class="page-title">{L_VIEWING_PROFILE}</h1> <div class="panel bg1"> <div class="column1"> <div class="h3">{L_USER_PRESENCE}</div> <dl class="left-box details" style="width: 80%;"> <dt>{L_AVATAR_IMG}</dt><dd>{AVATAR_IMG}</dd> </dl> <dl class="left-box details" style="width: 80%;"> <dt>{L_RANK}:</dt><dd><strong>{POSTER_RANK}</strong></dd>  <dt>{L_STATUT}:</dt><dd><strong>{USER_ONLINE}</strong></dd>  </dl>  <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px"> <dt>{L_FRIENDS_AND_FOES}:</dt><dd><strong>{FRIENDSFOES}</strong></dd> </dl>   <dl class="left-box details" style="width: 80%;margin-top:10px;margin-bottom:10px"> <dt>{L_ADMINISTRATE_USER}:</dt><dd><strong>{ADMINISTRATE_USER}{BAN_USER}</strong></dd> </dl>  </div> <div class="column2"> <div class="h3">{L_PROFILE}</div>  <dl id="field_id{profile_field.ID}" class="left-box details" style="width: 80%;"> <dt>{profile_field.LABEL}</dt> <dd>{profile_field.CONTENT} [{POST_PERCENT_STATS} / {POST_DAY_STATS}] <br /><span style="margin-left: 10px;"><a rel="nofollow" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a></span> <br /><span style="margin-left: 15px;">- <a rel="nofollow" href="/sta/{PUSERNAME}">{L_TOPICS}</a></span> <br /><span style="margin-left: 15px;">- <a rel="nofollow" href="/spa/{PUSERNAME}">{L_POSTS}</a></span></dd> </dl>  </div> </div> <div class="panel bg2"> <div class="column1"> <form action="{S_PROFILE_ACTION}" method="post" name="post"> <div class="h3">{L_CONTACT} {USERNAME}</div>  <dl id="field_id{contact_field.ID}" class="left-box details" style="width: 80%;"> <dt>{contact_field.LABEL}</dt> <dd>{contact_field.CONTENT}</dd> </dl>   <dl class="details"> <dt>{L_COMMENTS} :<br /><span class="italic">{L_MODS_AND_ADMINS}</span></dt> <dd><textarea class="inputbox" name="admin_user_comment_text" rows="8" cols="30">{ADMIN_USER_COMMENT}</textarea></dd> </dl> <fieldset class="submit-buttons"> <input type="hidden" value="update_admin_user_comment" name="mode" /> <input type="hidden" value="{USER_ID}" name="userid" /> <input type="submit" class="button2" name="user_comment_maj" value="{L_UPDATE}" /> </fieldset>  </form> </div> <div class="column2"> <div class="h3">{L_STATS}</div> <dl class="left-box details" style="width: 80%;"><dt>{L_LAST_VISITED}: </dt> <dd>{LAST_VISIT_TIME}</dd></dl>  <dl class="left-box details" style="width: 80%;"><dt>{L_PRIVATE_MSG}: </dt> <dd>{PRIVATE_MSG}</dd></dl>  </div> </div>  <div class="badges-page-profil"></div>  <h1 class="page-title">{L_VIEWING_RPG}</h1> <div class="panel bg1"> <p style="text-align: center;">{RPG_IMAGE}</p> <hr />  <div class="column1"> <dl class="details"> <dt>{switch_rpg.rpg_fields_left.F_NAME} :</dt> <dd>{switch_rpg.rpg_fields_left.F_VALUE_NEW}</dd> </dl> </div>   <div class="column2"> <dl class="details"> <dt>{switch_rpg.rpg_fields.F_NAME} :</dt> <dd>{switch_rpg.rpg_fields.F_VALUE_NEW}</dd> </dl> </div>  <div class="clear"></div> <fieldset class="submit-buttons"> {U_ADMIN_RPG_NEW} </fieldset> </div>  <script src="{JQUERY_ROOT}json/jquery.json-1.3.min.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ $('[id^=field_id]').each(function(){ if ( $(this).find('.field_editable').is('span, div') ) { $(this).hover(function() { if( $(this).find('.field_editable.invisible').is('span, div') ) { $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>'); $(this).find('.ajax-profil_edit').attr({ alt: "{L_FIELD_EDIT_VALUE}", title: "{L_FIELD_EDIT_VALUE}" }).click(function(){ $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select'); $(this).prev().find('.ajax-profil_valid').attr({ alt: "{L_VALIDATE}", title: "{L_VALIDATE}" }).click(function(){ var content = new Array(); $(this).parent().find('[name]').each(function(){ var type_special = $(this).is('input[type=radio],input[type=checkbox]'); if ( (type_special && $(this).is(':checked')) || !type_special ) { content.push(new Array($(this).attr('name'), $(this).attr('value'))); } }); var id_name = $(this).parents('[id^=field_id]').attr('id'); var id = id_name.substring(8, id_name.length); $.post( "{U_AJAX_PROFILE}", {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"}, function(data){ $.each(data, function(i, item){ $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible'); }); }, "json" ); }); $(this).remove(); }); } },function() { if( $(this).find('.field_editable.invisible').is('span, div') ) { $(this).find('.field_editable').prev().removeClass('ajax-profil_hover'); $(this).find('.ajax-profil_edit').remove(); } }); } }); }); //]]> </script>

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

Code:: .pa_actus span { background: #92AB8C; padding: 1%; display: inline-block; margin: 1%; color: #f3f3f3; }

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

SAUVEGARDE PA V1

Code:: <div class="page_accueil"> <div class="pa_liens"> <a href="https://lilotperdu.forumactif.com/f11-nous-vous-accueillons-ici">nouveaux arrivants</a><a href="https://lilotperdu.forumactif.com/f1-des-choses-et-d-autres">Des choses et d'autres</a><a href="https://lilotperdu.forumactif.com/f12-le-bastringue-de-barbe-verte">Le Bastringue</a><a href="https://lilotperdu.forumactif.com/f3-actu-politique-debat">Actu/Politique/Débats</a><a href="https://lilotperdu.forumactif.com/f6-celibataire-en-couple-discutons-en">Célibataire, en couple</a><a href="https://lilotperdu.forumactif.com/f8-sexualite">Sexualité</a><a href="https://lilotperdu.forumactif.com/f4-psychologie">Psychologie</a><a href="https://lilotperdu.forumactif.com/f7-forum-technique">Forum technique</a> </div> <div class="pa_milieu"> <div class="pa_bloc"> <div class="pa_contexte"> <center> <strong> PROCHAINS ÉVÉNEMENTS</strong> </center> ⮞ Mercredi 30/06 14h : La course aux bananes ! <br />⮞ Vendredi 02/07 21h : Tombola avec de nouveaux lots !<br />⮞ Dimanche 04/07 21h15 : Hit Pirates 6è édition<br />⮞ Lundi 05/07 21h: Ilot d'Or du plus.... </div> </div> <div class="pa_actus"> Une case vide...... </div> <div class="clear"> </div> </div> <div class="pa_droite"> <div class="pa_bloc2"> <div class="pa-staff"> <h2> votre équipe encadrante </h2> <div> <img src="https://i.servimg.com/u/f54/20/31/88/33/ava110.jpg" /> <div class="chef"> <strong>Hic</strong> <div> <a target="_blank" href="https://lilotperdu.forumactif.com/u1">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=1">MP</a> </div> <div> Amiral </div> </div> </div> <div> <img src="https://i.servimg.com/u/f54/20/31/88/33/ava410.jpg" /> <div class="commandant"> <strong>Chris</strong> <div> <a target="_blank" href="https://lilotperdu.forumactif.com/u56">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=56">MP</a> </div> <div> Commandant </div> </div> </div> <div> <img src="https://i.servimg.com/u/f29/20/31/60/49/olii10.jpg" /> <div class="protecteur"> <strong>Ouidire</strong> <div> <a target="_blank" href="https://lilotperdu.forumactif.com/u60">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=60">MP</a> </div> <div> Capitaine </div> </div> </div> <div> <img src="https://i.servimg.com/u/f29/20/31/60/49/98-5710.png" /> <div class="protecteur"> <strong>Coin_Coin</strong> <div> <a target="_blank" href="https://lilotperdu.forumactif.com/u98">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=98">MP</a> </div> <div> Capitaine </div> </div> </div> </div> <div class="separation"> ★<span>★</span>★<span>★</span>★<span>★</span>★ </div> <div class="pa-staff"> <h2> Ilotiens à l'honneur </h2> <div> <img src="https://i.servimg.com/u/f29/20/31/60/49/51-2110.png" /> <div class="or"> <strong>Algernon</strong> <div> <a target="_blank" href="https://lilotperdu.forumactif.com/u51">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=51">MP</a> </div> <div> Ilotien d'Or </div> </div> </div> <div> <img src="https://i.servimg.com/u/f29/20/31/60/49/37-610.jpg" /> <div class="veinard"> <strong>Aglagla</strong> <div> <a target="_blank" href="https://lilotperdu.forumactif.com/u37">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=37">MP</a> </div> <div> Veinard </div> </div> </div> <div> <img src="https://i.servimg.com/u/f54/20/31/88/33/ava110.jpg" /> <div class="hit"> <strong>Hic</strong> <div> <a target="_blank" href="https://lilotperdu.forumactif.com/u1">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=1">MP</a> </div> <div> Hit Power </div> </div> </div> <div> <img src="https://i.servimg.com/u/f29/20/31/60/49/23-6610.png" /> <div class="braqueur"> <strong>Lou et Chris</strong> <div> <a target="_blank" href="https://lilotperdu.forumactif.com/u23">Profil</a> | <a target="_blank" href="https://lilotperdu.forumactif.com/privmsg?mode=post&u=23">MP</a> </div> <div> Braqueur </div> </div> </div> </div> </div> </div> </div>

SAUVEGARDE CSS

Code:: /**************************************************** PAGE ACCUEIL ****************************************************/ .page_accueil { background: #679167; height: 320px; padding: 10px; 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; } .pa_bloc { border: 1px solid #ededed; padding: .5rem; text-align: center; background: #A6C29F; } .pa_bloc2 { border: 1px solid #ededed; padding-top: 20px; text-align: center; background: #A6C29F; height: 275px; } /* LIENS UTILES */ .pa_liens { width: 20%; float: left; } .pa_liens a { display: block; width: 100%; font-size: 12px; padding: 2% 0; margin: 3% 0; background: #A6C29F; color: #f3f3f3; text-transform: uppercase; text-align: center; font-weight: bold; } .pa_liens a:hover { background: #C2D1BE; letter-spacing: -1px; } /* CONTEXTE */ .pa_contexte { box-sizing: border-box; height: 80px; padding: 0 5% 0 0; text-align: justify; width: 100%; margin: 0 0 3.6% 0; } /* ACTUALITES */ .pa_actus { width: 100%; float: left; margin: 2% 0; padding-left: 10px; height: 150px; box-sizing: border-box; border: 1px solid #ededed; background: #A6C29F; overflow: hidden; } #recent-topics { font-size:13px; text-shadow: none; } #recent-topics a { text-decoration:none; font-weight:normal; text-shadow: none; font-size: 14px; } /* STAFF */ .pa_staff { margin: 0 0 2% 0; } .pa-staff h2 { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #293B2F; letter-spacing: 5px; margin: 0 0 2% 0; } .pa_staff h2 { text-transform: uppercase; font-size: 14px; 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; } .separation span { margin: 0 10% 0; } /* Gagnant */ .contenu_staff h2 { margin: auto; padding-top: 5px; letter-spacing: 0; font-size: 14px; } /*********************STAFF*****************/ .pa-staff { margin: 0 0 2% 0; } .pa-staff > div { height: 70px; width: 72px; border: 1px solid #F7F7F7; display: inline-block; position: relative; overflow:hidden; } .pa-staff > div > div { height: 100%; width: 100%; background: #f9f9f9; display: flex; flex-direction: column; justify-content: center; font-size: 10px; text-align: center; text-transform: uppercase; transform: translate(0,0); transition: all 0.3s; } .pa-staff > div > div a { color: #293B2F; transition: color 0.3s; } .pa-staff > div > div a:hover { color: #000080; } .pa-staff > div:hover > div { transform: translate(0,-70px); } .pa-staff .chef { color: green; border: 1px solid green; } .pa-staff .commandant { color: #1A9165; border: 1px solid #1A9165; } .pa-staff .chamane { color: #4A0573; border: 1px solid #4A0573; } .pa-staff .protecteur { color: red; border: 1px solid red; } .pa-staff .or { color: #C79006; border: 1px solid #C79006; } .pa-staff .veinard { color: #0E0E8A; border: 1px solid #0E0E8A; } .pa-staff .hit { color: #F02B73; border: 1px solid #F02B73; } .pa-staff .braqueur { color: #E2F200; border: 1px solid #E2F200; }

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

MOD_NEW_TOPICS D'ORIGINE

Code:: <div class="module"> <div class="h3"><i class="ion-chatbubble-working"></i>{L_NEW_TOPICS}</div>  {MARQUEE_JS_SRC} <div id="comments_scroll_div"> <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">  <div class="mod-recent-row"> <a href="{scrolling_row.new_topic_row.U_TITLE}" title="{scrolling_row.new_topic_row.L_TITLE}" class="mod-recent-title">{scrolling_row.new_topic_row.L_TOPIC_TITLE}</a> <span class="mod-recent-info"> <span class="mod-recent-time"> <i class="ion-clock"></i>{scrolling_row.new_topic_row.S_TOPICTIME} </span> <span class="mod-recent-author"> <i class="ion-ios-person"></i>  <a href="{scrolling_row.new_topic_row.switch_poster.U_POSTER}">{scrolling_row.new_topic_row.switch_poster.S_POSTER}</a>   {scrolling_row.new_topic_row.switch_poster_guest.S_POSTER}  </span> </span> </div>  </div> </div> <script> $(".marquee").marquee(); </script>    <div class="mod-recent-row"> <a href="{classical_row.new_topic_row.U_TITLE}" class="mod-recent-title">{classical_row.new_topic_row.L_TITLE}</a> <span class="mod-recent-info"> <span class="mod-recent-time"> <i class="ion-clock"></i>{classical_row.new_topic_row.S_TOPICTIME} </span> <span class="mod-recent-author"> <i class="ion-ios-person"></i>  <a href="{classical_row.new_topic_row.switch_poster.U_POSTER}">{classical_row.new_topic_row.switch_poster.S_POSTER}</a>   {classical_row.new_topic_row.switch_poster_guest.S_POSTER}  </span> </span>  </div>   </div>

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

Topics_list_box d'origine

Code::     <script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { alert('MAIN'); var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { alert('ALL'); for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script>  <div class="forumbg announcement"> <ul class="topiclist topics"> <li class="header"> <dl class="icon"> <dt>  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />  {topics_list_box.row.L_TITLE} </dt> <dd class="posts"><i class="ion-android-chat" data-tooltip="{topics_list_box.row.L_REPLIES}"></i></dd> <dd class="views"><i class="ion-eye" data-tooltip="{topics_list_box.row.L_VIEWS}"></i></dd> <dd class="lastpost"><i class="ion-android-time" data-tooltip="{topics_list_box.row.L_LASTPOST}"></i></dd> </dl> </li> </ul> <ul class="topiclist topics bg_none">   <strong>{topics_list_box.row.L_TITLE}</strong>    </ul> </div> <div class="forumbg"> <ul class="topiclist topics"> <li class="header"> <dl class="icon">  <dd class="dterm">  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />  {topics_list_box.row.topic.table_sticky.L_TITLE} </dd> <dd class="posts"><i class="ion-android-chat" data-tooltip="{topics_list_box.row.topic.table_sticky.L_REPLIES}"></i></dd> <dd class="views"><i class="ion-eye" data-tooltip="{topics_list_box.row.topic.table_sticky.L_VIEWS}"></i></dd> <dd class="lastpost"><i class="ion-android-time" data-tooltip="{topics_list_box.row.topic.table_sticky.L_LASTPOST}"></i></dd> </dl> </li> </ul> <ul class="topiclist topics bg_none">  <li class="row {topics_list_box.row.ROW_ALT_CLASS}" style="margin-top:5px;" > <dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');"> <dd class="dterm" title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" {topics_list_box.row.ICON}>  <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />  <div class="topic-title-container"> {topics_list_box.row.NEWEST_POST_IMG} {topics_list_box.row.PARTICIPATE_POST_IMG} {topics_list_box.row.TOPIC_TYPE} <h2 class="topic-title hierarchy"> <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}"> {topics_list_box.row.TOPIC_TITLE} </a> </h2> </div>  <span class="topic-description"> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>  <span class="topic-author"> {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR} </span> {topics_list_box.row.GOTO_PAGE_NEW}  {topics_list_box.row.TOPIC_NAV_TREE_NEW}  </dd> <dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd> <dd class="views">{topics_list_box.row.VIEWS} <dfn>{L_VIEWS}</dfn></dd> <dd class="lastpost">  <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>  <span> {topics_list_box.row.LAST_POST_AUTHOR} <dfn>{L_LASTPOST}</dfn> {topics_list_box.row.LAST_POST_IMG}<br />{topics_list_box.row.LAST_POST_TIME} </span> </dd>  <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />  </dl> </li>   <li class="row row1"> <dl> <dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt> </dl> </li>   </ul> </div>  <br />

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

viewforum_body d'origine

Code:: {BOARD_INDEX} <div class="sub-header"> <div class="sub-header-info"> <h1 class="page-title"> <a href="{U_VIEW_FORUM}">{FORUM_NAME}</a> </h1> <div class="sub-header-path"> <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a> {NAV_CAT_DESC} </div> </div> <div class="sub-header-buttons"> <div class="search-box"> <form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}"> <input class="inputbox search tiny" type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" /> <button type="submit"><i class="ion-android-search"></i></button> <input type="hidden" value="{SEARCH_WHERE}" name="search_where" /> </form> </div>  <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow" {S_POST_NEW_TOPIC} title="{T_POST_NEW_TOPIC}" class="ion-{I_POST_NEW_TOPIC} button1">{L_POST_NEW_TOPIC}</a>  </div> </div> <div class="topic-actions"> <div class="pagination"> {PAGINATION} </div> <div class="topic-actions-buttons">  <a href="{U_MARK_READ}"><i class="ion-android-checkmark-circle"></i>{L_MARK_TOPICS_READ}</a> <script type="text/javascript">//<![CDATA[ var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; insert_plus_menu_new('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script>  </div> </div> {TOPICS_LIST_BOX} <div class="topic-actions bottom"> <div class="pagination"> {PAGINATION} </div> <div class="topic-actions-buttons"> {S_WATCH_FORUM} <a href="{U_MARK_READ}"><i class="ion-android-checkmark-circle"></i>{L_MARK_TOPICS_READ}</a>  <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow" {S_POST_NEW_TOPIC} title="{T_POST_NEW_TOPIC}" class="ion-{I_POST_NEW_TOPIC} button1">{L_POST_NEW_TOPIC}</a>  </div> </div> <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <fieldset class="vf_jumpbox"> <label>{L_JUMP_TO}:</label> {S_JUMPBOX_SELECT} <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form> {LOGGED_IN_USER_LIST} <br> <div id="info_open" style="display: block; clear: both;"> <div class="block"> <div class="h3"><i class="ion-university"></i>{L_MODERATOR}</div> <p>{MODERATORS}</p> </div> <div class="block"> <div class="h3"><i class="ion-lock-combination"></i>{L_TABS_PERMISSIONS}</div> <p>{S_AUTH_LIST}</p> </div> </div>  <ul id="picture_legend"> <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" loading="lazy" />{L_FOLDER_NEW_IMG}</li> <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" loading="lazy" />{L_FOLDER_HOT_NEW_IMG}</li> <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" loading="lazy" />{L_FOLDER_LOCKED_NEW_IMG}</li> <li class="spacer"></li> <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" loading="lazy" />{L_FOLDER_IMG}</li> <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" loading="lazy" />{L_FOLDER_HOT_IMG}</li> <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" loading="lazy" />{L_FOLDER_LOCKED_IMG}</li> <li class="spacer"></li> <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" loading="lazy" />{L_FOLDER_ANNOUNCE_IMG}</li> <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" loading="lazy" />{L_FOLDER_STICKY_IMG}</li> <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" loading="lazy" />{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li> </ul>

Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )

Re: Sauvegardes (et puis on rajoute un texte à rallonge pour voir un peu )