Installation du nouveau thème

Rechercher

Résultats par : Messages Sujets
Recherche avancée

Précommande : Smartphone Google Pixel 8a 5G Double Sim 128Go ...


Jail your Animal :: Votre 1ère catégorie :: Les sujets pour forums :: Yuri-Academia 2.0 Installation du nouveau thème

Aller à la page :

1, 2

Admin

Admin

Messages : 155

Date d'inscription : 05/07/2018

Dim 18 Nov - 22:21

Code de la page d'accueil

Spoiler:

Code:: <style>/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 12/10/2018
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*** import google fonts ***/
@import 'http://fonts.googleapis.com/css?family=Arial';

/*** import css de la scrollbar ***/
@import 'http://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.12/css/perfect-scrollbar.min.css';

/*reset des styles par défault du navigateur*/
.template-linus-19 ul{ list-style:none; }
.template-linus-19 ul, .template-linus-19 h5, .template-linus-19 h4, .template-linus-19 h3, .template-linus-19 h2, .template-linus-19 h1, .template-linus-19 p, .template-linus-19 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-19 a, .template-linus-19 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-19 a img{border:none;}

/*style général*/
.template-linus-19{
  text-align:center;
  font-size:14px;
  line-height:14px;
  font-family:arial;
  color:#808080;
  position:relative;
  margin:0 auto;
  max-width:800px;
  min-width:550px;
  background:#F78096;
}

body.tli-iframe{
  background:#FFFFFF;
  margin:0;padding:0;
}

.template-linus-19 .tli-col-1,
.template-linus-19 .tli-col-5{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

/*titres*/
.template-linus-19 .tli-title{
  font-family:"Arial", serif;
  font-weight:normal;
  font-size:1em;
  letter-spacing:10px;
  display:flex;
  justify-content:center;
  flex-direction:column;
  flex:1;
  text-transform:uppercase;
  font-weight:bold;
  margin:10px;
  text-shadow: 1px 1px #b3b3b3;
  color:#F78096;
}

.template-linus-19:after{
  content:' ';
  display:block;
  clear:both;
}

/*fake marquee*/
@-webkit-keyframes marquee {
   from {-webkit-transform:translateX(0%);}
   to {-webkit-transform:translateX(-100%);}
}

@keyframes marquee {
   from {transform:translateX(0%);}
   to {transform:translateX(-100%);}
}

/*animation hover des liens*/
@-webkit-keyframes thumb {
  0% { -webkit-transform: scale(1); }
  5% { -webkit-transform: scale(0.9); }
  10% { -webkit-transform: scale(1); }
  15% { -webkit-transform: scale(0.9); }
  20% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1); }
}

@keyframes thumb {
  0% { transform: scale(1); }
  5% { transform: scale(0.9); }
  10% { transform: scale(1); }
  15% { transform: scale(0.9); }
  20% { transform: scale(1); }
  100% { transform: scale(1); }
}

/*partenaires*/
.img-partners{
  width: 40px;
  height: 40px;
}

.template-linus-19 .tli-partners{
  overflow:hidden;
  display:flex;
  flex-wrap:nowrap;
  clear:both;
  padding:10px;
}

.template-linus-19 .tli-partners-animated:nth-last-child(2),
.template-linus-19 .tli-partners-animated:nth-last-child(2) ~ div{
  animation: marquee 20s linear infinite;
}

.template-linus-19 .tli-partners-animated{
  display:flex;
}

.template-linus-19 .tli-partners:hover .tli-partners-animated{
   -webkit-animation-play-state: paused;
   animation-play-state: paused;
}

.template-linus-19 .tli-partners-animated a{
  margin-right:10px;
  line-height: 0;
}

/*copyright*/
.template-linus-19 .tli-copyright{
  font-size:0.8em;
  text-transform:lowercase;
  clear:both;
  padding:10px;
}

.template-linus-19 .tli-copyright{
  background:#FFFFFF;
  color:#808080;
  opacity:0.75;
}

.template-linus-19 .tli-copyright a{
  color:#808080;
  border-bottom:1px dotted #808080;
}

/*colonnes*/
.template-linus-19 .tli-col-1,
.template-linus-19 .tli-col-2,
.template-linus-19 .tli-col-3{
  float:left;
}

.template-linus-19 .tli-col-4,
.template-linus-19 .tli-col-5{
  float:right;
}

.template-linus-19 .tli-col-4{
  border-bottom-left-radius:5px;
}

.template-linus-19 .tli-col-3{
  border-bottom-right-radius:5px;
}

.template-linus-19 .tli-col-1,
.template-linus-19 .tli-col-2,
.template-linus-19 .tli-col-3,
.template-linus-19 .tli-col-4,
.template-linus-19 .tli-col-5{
  height:350px;
}

.template-linus-19 .tli-rtl,
.template-linus-19 .tli-tlr{
  margin:0 6%;
}

.template-linus-19 .tli-rtl,
.template-linus-19 .tli-tlr{
  margin-bottom:10px;
}

.template-linus-19 .tli-scrollable{
  overflow:hidden;
  height:280px;
  position:relative;
  text-align:justify;
  font-size:0.8em;
  direction:ltr;
}

/*colonnes*/
.template-linus-19 .tli-col-1,
.template-linus-19 .tli-col-5{
  width:calc(100%/4);
  position:relative;
  background:#FFFFFF;
}

.template-linus-19 .tli-col-3,
.template-linus-19 .tli-col-4{
  width:calc(16.66% - 1px);/*calc(100%/6);*/
  background:#FFFFFF;
  border-right:1px solid #FFFFFF;
}

.template-linus-19 .tli-col-2{
  width:calc( 16.66% - 20px );
  padding:0 10px;
  display:flex;
  flex-direction:column;
}

/*titres*/
.template-linus-19 .tli-col-2 .tli-title{
  font-size:0.8em;
  letter-spacing:6px;
  color:#000000;
  text-shadow: 1px 1px #A7A6A2;
  margin:10px 5px;
  flex:1;
}

.template-linus-19 .tli-col-3 .tli-title,
.template-linus-19 .tli-col-4 .tli-title{
  font-size:1em;
  letter-spacing:6px;
  margin:0 0 5px 0;
}

/*annonces*/
.template-linus-19 .tli-annonces{
  list-style:none;
  padding:0;
  margin:0;
}

.template-linus-19 .tli-annonces li{
  margin-bottom:10px;
}

.template-linus-19 .tli-annonces .tli-date{
  display:block;
  text-transform:uppercase;
  border-bottom:1px solid #808080;
  color:#F78096;
}

/*blocs des liens*/
.template-linus-19 .tli-pilier{
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  font-size:0.7em;
  line-height:1.3em;
}

.template-linus-19 .tli-pilier a{
  color:#808080;
  text-decoration:none;
}

.template-linus-19 .tli-pilier > a:hover{
  animation: thumb 2s linear infinite;
}

.template-linus-19 .tli-pilier .tli-bloc > a{
  text-decoration:underline;
}

.template-linus-19 .tli-pilier .tli-bloc{
  padding:10px;
  text-transform:uppercase;
  overflow:hidden;
  overflow-y:auto;
  position:relative;
  border-radius:3px;
}

.template-linus-19 .tli-pilier a.tli-bloc{
  background:#F78096;
  text-shadow: 1px 1px #A7A6A2;
}

.template-linus-19 .tli-pilier div.tli-bloc{
  border:1px solid #808080;
  margin:0 5px;
}

.template-linus-19 .tli-pilier a.tli-bloc{
  color:#000000;
  border:4px double #FFFFFF;
  margin:0 4px;
}

.template-linus-19 .tli-pilier .tli-bloc.tli-no-border{
  border:none;
  background:none;
  padding:0;
  margin:0 0 0 10px;
}

.template-linus-19 .tli-pilier .tli-bloc span{
  font-weight:bold;
  margin:2px 0;
  text-shadow:1px 1px #b3b3b3;
  color:#F78096;
}

/*vignettes*/
.template-linus-19 .tli-vignettes{
  margin-bottom:10px;
}

.template-linus-19 .tli-vignettes .tli-staff:hover{
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}

.template-linus-19 .tli-vignettes .tli-staff{
  clear:both;
  height:70px;
  margin-bottom:10px;
  color:#000000;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin:center;
  -webkit-transition: transform 0.5s; /* Safari */
  transition: transform 0.5s;
}

.template-linus-19 .tli-vignettes .tli-staff:last-child{
  margin-bottom:0;
}

.template-linus-19 .tli-vignettes .tli-staff .tli-avatar{
  display:flex;
  justify-content:center;
  width:25%;
  height:100%;
  overflow:hidden;
  float:left;
  filter:saturate(20%);
  -webkit-filter:saturate(20%);
}

.template-linus-19 .tli-vignettes .tli-staff:hover .tli-avatar{
  filter:saturate(100%);
  -webkit-filter:saturate(100%);
}

.template-linus-19 .tli-vignettes .tli-staff .tli-avatar img{
  height:100%;
  position:relative;
  z-index:2;
}

.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo{
  width:calc(75% - 10px);
  height:calc(100% - 10px);
  font-size:10px;
  position:relative;
  padding:5px;
  float:right;
  background:rgba(255, 255, 255, 0.4);
  text-transform:lowercase;
}

.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo span{
  font-weight:bold;
  font-family:"Arial", serif;
  font-size:1.4em;
  display:block;
}

.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo a{
  position:absolute;
  bottom:0;
  width:calc(100% / 2);
  display:block;
  left:0;
  text-decoration:none;
  height:20px;
  line-height:20px;
  background:#000000;
  color:#FFFFFF;
}

.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo a:last-child{
  left:50%;
  background:#000000;
}

.template-linus-19 .tli-vignettes-line > .tli-row,
.template-linus-19 .tli-vignettes-line{
  overflow:hidden;
  position:relative;
  z-index:1;
}

.template-linus-19 .tli-vignettes-line > .tli-row:after{
  content:' ';
  display:block;
  clear:both;
}

/*franchement, touchez pas aux lignes ci dessous, ça marche par magie après une longue, trèèèèès longue réflexion*/
.template-linus-19 .tli-vignettes-line a{
  float:left;
  -webkit-transform: rotate(45deg) skew(20deg, 20deg);
  -moz-transform: rotate(45deg) skew(20deg, 20deg);
  -ms-transform: rotate(45deg) skew(20deg, 20deg);
  -o-transform: rotate(45deg) skew(20deg, 20deg);
  transform: rotate(45deg) skew(20deg, 20deg);
  transform-origin:0 100%;
  position:relative;
  overflow:hidden;
  filter:saturate(20%);
  -webkit-filter:saturate(20%);
}

.template-linus-19 .tli-vignettes-line a:hover{
  filter:saturate(100%);
  -webkit-filter:saturate(100%);
}

.template-linus-19 .tli-vignettes-line a img{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform: rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);
  -moz-transform: rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);
  -ms-transform: rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);
  -o-transform: rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);
  transform: rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);
  transform-origin:0 100%;
}

.template-linus-19 .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd),
.template-linus-19 .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even){
  position:absolute;
  top:0;
  width:100%;
  height:0px;
  overflow:visible;
  z-index:2;
}

.template-linus-19 .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd) a,
.template-linus-19 .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even) a,
.template-linus-19 .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd) img,
.template-linus-19 .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even) img{
  transform-origin:100% 0;
}

/*** 6 images ***/
.tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(odd) a{width:calc(100%/2.01);padding-bottom:calc(100%/2.01);}
.tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(even) a{width:calc(100%/2.01);padding-bottom:calc(100%/2.01);}
.tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(even) a:nth-child(1) ~ a, .tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(odd) a:nth-child(2) ~ a{display:none;}
.tli-6-vignettes .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(even){ left:calc( (100%/2) / 2 ); }
.tli-6-vignettes .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even){ left:calc( (100%/2) / 2 ); }

/*** 6 images ***/
.tli-6-vignettes .tli-vignettes-line:nth-child(even){margin-top:3%;}
.tli-6-vignettes .tli-vignettes-line:nth-child(even), .tli-6-vignettes .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(odd){left:5%;}
.tli-6-vignettes .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd){left:-5%;}
.tli-6-vignettes{margin-left:-5%;width:100%;}

/*scrollbar*/
.template-linus-19 .ps-scrollbar-y-rail{opacity:0.2;}
.template-linus-19 .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
.template-linus-19 .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:6px;}
.template-linus-19 .ps-container>.ps-scrollbar-y-rail{width:10px;}
.template-linus-19 .ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:transparent;}</style> <meta charset="utf-8" />
<div class="template-linus-19">


<div class="tli-col-1">


<h2 class="tli-title">
   contexte
</h2>


<div class="tli-rtl">


<div class="tli-scrollable">

Tu rêves d'un nouveau départ ? Tu veux devenir une idole montante en danse, en chanson et en bien d'autres disciplines artistiques ? Tu es déjà une experte dans ton domaine ? Alors n'attends plus ! Viens passer l'audition qui te permettra d'entrer dans la prestigieuse académie d'arts, la Yuri-Academia avec à sa tête la directrice Léna Pétrova une des plus grandes étoiles de Moscou. <br /><br />La Yuri-Academia est une école privée pour jeunes filles qui n'emploie que des professeurs reconnus internationalement pour leurs talents. Un cadre idéal pour devenir une future star et faire partie de l'élite. <br /><br />Ici nous acceptons les personnes motivées à jouer quelles qu'elles soient, des débutantes dans le monde du Rôle-Play ou au contraire des expertes chacune de vous réussira à se faire sa place. Une équipe dynamique et à l'écoute, des membres sympathiques et respectueuses. <br />Des questions ? Nous sommes là pour y répondre. <br /><br />A bientôt chères futures amies, cordialement, <br />L'équipe du Forum

</div>


</div>


</div>


<div class="tli-col-3 tli-pilier">


<div class="tli-bloc">

bienvenue <span class="USERNAME"></span>

</div>

<a class="tli-bloc" href="/t1-le-reglement-du-forum-maj-du-17-07-2019" target="_blank">
le règlement du forum
</a>
<a class="tli-bloc" href="/t7-liste-des-avatars-deja-pris" target="_blank">
les avatars pris
</a>
<a class="tli-bloc" href="/t43-les-prenoms-deja-utilise-par-nos-membres" target="_blank">
les prénoms utilisés
</a>

<div class="tli-bloc">

<span>rumeurs</span> ∴ Un concours de musique se prépare... #concoursmusique

</div>


</div>


<div class="tli-col-2">


<h2 class="tli-title">
   staff
</h2>


<div class="tli-vignettes">


<div class="tli-staff">

<a class="tli-avatar" href="/t20-lena-petrova" target="_blank"><img src="https://i.servimg.com/u/f62/19/71/74/35/lyna10.jpg" /></a>

<div class="tli-pseudo">

<span>Léna Pétrova</span>
admin
<a href="/privmsg?mode=post&u=1" target="_blank">mp</a>
<a href="/u1" target="_blank">profil</a>

</div>


</div>


<div class="tli-staff">

<a class="tli-avatar" href="/t215-kodama-hashirune-validee" target="_blank"><img src="https://i.servimg.com/u/f62/19/71/74/35/kodama10.jpg" /></a>

<div class="tli-pseudo">

<span>Kodama Hashirune</span>
co-admin
<a href="/privmsg?mode=post&u=55" target="_blank">mp</a>
<a href="/u55" target="_blank">profil</a>

</div>


</div>


<div class="tli-staff">

<a class="tli-avatar" href="/t241-azami-tamura-validee" target="_blank"><img src="https://i.servimg.com/u/f62/19/71/74/35/azami10.jpg" /></a>

<div class="tli-pseudo">

<span>Azami Tamura</span>
co-admin
<a href="/privmsg?mode=post&u=64" target="_blank">mp</a>
<a href="/u64" target="_blank">profil</a>

</div>


</div>


<div class="tli-staff">

<a class="tli-avatar" href="#" target="_blank"><img src="https://i.servimg.com/u/f62/19/71/74/35/plume10.jpg" /></a>

<div class="tli-pseudo">

<span>prés' du staff</span>
<a href="/t148-le-staff-a-nu-ici" target="_blank">par ici</a>
<a href="#" target="_blank"></a>

</div>


</div>


</div>


</div>


<div class="tli-col-5">


<h2 class="tli-title">
   petites annonces
</h2>


<div class="tli-tlr">


<div class="tli-scrollable">


<ul class="tli-annonces">


<li>

<span class="tli-date">17 juillet 2019</span>
Installation d'un nouveau thème et réorganisation des groupes et des catégories.

</li>


<li>

<span class="tli-date">07 novembre 2018</span>
Préparation d'une grosse mise à jour du forum...

</li>


<li>

<span class="tli-date">20 avril 2018</span>
Le forum a fait peau neuve !!

</li>


<li>

<span class="tli-date">19 avril 2018</span>
La chat-Box fonctionne !! Je suis presque devenue chauve dessus

</li>


<li>

<span class="tli-date">1 avril 2018</span>
Je suis MALAAAADEEEUUUUh et ce n’est pas un poisson

</li>


</ul>


</div>


</div>


</div>


<div class="tli-col-4 tli-pilier">

<a class="tli-bloc" href="/f1-les-lois-et-le-contexte" target="_blank">
annexes
</a>

<div class="tli-bloc">

le groupe des <span>professeurs</span> est à privilégier

</div>


<div class="tli-bloc tli-no-border">


<h2 class="tli-title">
   adoptez-nous !
</h2>


<div class="tli-6-vignettes">


<div class="tli-vignettes-line">


<div class="tli-row">

<a target="_blank" href="/t334-les-predefinies-etudiantes"><img src="https://i.servimg.com/u/f97/17/83/83/70/misaki13.jpg" /></a>
<a target="_blank" href="/t334-les-predefinies-etudiantes"><img src="https://i.servimg.com/u/f97/17/83/83/70/midori12.jpg" /></a>

</div>


<div class="tli-row">

<a target="_blank" href="/t334-les-predefinies-etudiantes"><img src="https://i.servimg.com/u/f97/17/83/83/70/kimpag10.jpg" /></a>

</div>


</div>


<div class="tli-vignettes-line">


<div class="tli-row">

<a target="_blank" href="/t61-les-predefinies-adultes"><img src="https://i.servimg.com/u/f97/19/53/91/57/elia10.jpg" /></a>
<a target="_blank" href="/t61-les-predefinies-adultes"><img src="https://i.servimg.com/u/f97/17/83/83/70/ericka10.jpg" /></a>

</div>


<div class="tli-row">

<a target="_blank" href="/t61-les-predefinies-adultes"><img src="https://i.servimg.com/u/f62/19/72/31/83/yakumo10.jpg" /></a>

</div>


</div>


</div>


</div>


<div class="tli-bloc">

<a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=2903" target="_blank"></a> .
<a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=2706" target="_blank"></a> .
<a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=5810" target="_blank"></a> .
<a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=5281" target="_blank"></a> .
<a href="http://www.root-top.com/topsite/justmarried/in.php?ID=707" target="_blank"></a> .
<a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=7934" target="_blank"></a> .
<a href="http://www.root-top.com/topsite/azzare34/in.php?ID=8739" target="_blank"></a> .
<a href="http://www.root-top.com/topsite/jessicayuri/in.php?ID=124" target="_blank"></a> .
<a href="http://www.root-top.com/topsite/snowinhell/in.php?ID=121" target="_blank"></a> .
<a href="http://www.root-top.com/topsite/angelus/in.php?ID=609" target="_blank"></a> .
<a href="http://en.root-top.com/toplist/9a0z/in.php?ID=1070" target="_blank"></a>

</div>


</div>


<div class="tli-partners">


<div class="tli-partners-animated">

<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>
<a href="#" target="_blank"><img class="img-partners" src="https://i.servimg.com/u/f11/19/55/60/79/10.jpg" /></a>

</div>


</div>


<div class="tli-copyright">

<span class="FORUMNAME"></span> est un forum rpg créé par Léna Pétrova — Contexte écrit par Léna Pétrova — Thème créé par Sasha Ilaïev — P.A. proposé par linus pour <a target="_blank" href="http://epicode.bbactif.com/">Epicode</a>.

</div>


</div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="http://strandhogg.fr/epicode/js/19.js"></script>

NB : Je vous conseille de faire cette partie-ci en dernier, car je vais probablement modifier le code au fur et à mesure que vous avancer dans vos modif sur le forum =3 Déjà pour marqué toutes les choses que vous avez pu faire, que les membres et les invités s'en rendent compte, mais aussi pour changer les liens des prédéfinis !

Admin

Admin

Messages : 155

Date d'inscription : 05/07/2018

Dim 16 Déc - 16:08

Panneau d'administration > Modules > HTML & JAVASCRIPT > Gestion des codes Javascript
Activer la gestion des codes Javascript : Oui
Chaque code donné ci-dessous doit être posté dans un nouveau javascript, que vous renommerez comme vous le souhaitez pour pouvoir les reconnaître !
Quand vous créez une nouvelle page, pensez à coder "Sur toutes les pages" !

Code pour empêcher la déformation des

sur le forum (mais fonctionne aussi pour tout les autres Atl+[numéro quelconque], comme

, •, ♫, etc.)

Code:: $(function() {
   $('img.emojione').each(function() {
   $(this).after( $(this).attr('alt') ).remove();
   });
});

Code pour selectionner les codes

Code:: function selectCode(e) {
   var doc = document
   , text = $(e).closest("dl").find(".cont_code,code").get(0)
   , range, selection
   ;
   if (doc.body.createTextRange) {
   range = document.body.createTextRange();
   range.moveToElementText(text);
   range.select();
   } else if (window.getSelection) {
   selection = window.getSelection();
   range = document.createRange();
   range.selectNodeContents(text);
   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 le code</span>')});

Vous pouvez personnaliser la phrase "Sélectionner le code" qui se trouve à la toute fin du Javascript

Quelques javascript pour bidouiller votre cb si vous le souhaitez :
https://forum.forumactif.com/t376396-codes10-pour-la-chatbox

Page 2 sur 2

Aller à la page :

1, 2

Jail your Animal :: Votre 1ère catégorie :: Les sujets pour forums :: Yuri-Academia 2.0