Invité
 |  Sujet: Quelques Astuces pour Forum ^^ 18.02.14 22:48 | |
| Hello  Voici mes quelques petites astuces ^^ (je complèterai demain): ☆ Sélectionner le code : Parce que c'est plus simple d'avoir cette option plutôt que de survoler tout le code pour le copier ^^ Code à mettre dans le Javascript (en oubliant pas de les activer via l'option au-dessus de la liste des javascripts présents): - Code:
-
function selectCode(a){a=$(a).closest("dl").find(".cont_code,code")[0];if(window.getSelection){var c=window.getSelection();if(c.setBaseAndExtent)c.setBaseAndExtent(a,0,a,a.innerText.length-1);else{window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.selectNodeContents(a);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a),
c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())}
$(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 contenu</span>');
}); Et le code à mettre dans le css : - Code:
-
.selectCode {
float:right;
} ☆ Des liens en plus en bas du post : C'est-à-dire : à côté de "profil" "pinterest" "site du posteur", on pourrait y mettre un lien vers la fiche, la sauvegarde et le pokédex, ce qui se révèle pratique pour y accéder au lieu de chercher sur le forum ^^ Il suffit de se rendre sur "profil" dans le panneau admin, champs contact et de créer les champs en spécifiant bien "adresse internet" pour y mettre le lien ^^ |
|
Invité
| | Sujet: Re: Quelques Astuces pour Forum ^^ 21.02.14 19:39 | |
| ☆ Le code d'ascenseur ^^ Remplacer le template overall_footer_begin par celui-là (en remplaçant les images par d'autres flèches) : - Code:
-
<!-- BEGIN html_validation --> <div> <div> <table> <tbody> <tr> <td> <!-- END html_validation --> </td> <td valign="top" width="{C3SIZE}"> <div id="{ID_RIGHT}"> <!-- BEGIN giefmod_index2 --> {giefmod_index2.MODVAR} <!-- BEGIN saut --> <div style="height: {SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index2 --> </div> </td> </tr> </tbody> </table> </div> </div> <!-- close div id="page-body" --> <div id="page-footer"> <div align="center"> <div class="gen"> <div class="ascenseur"> <a href="#top"><img src="http://i60.tinypic.com/2qtwr50.png"></img></a> <br /><br /> <a href="#bottom"><img src="http://i58.tinypic.com/1217szd.png"></img></a></div> <!-- BEGIN html_validation --> </div> </div> </div> <!-- END html_validation --> Et le css qui va avec : - Code:
-
/* ASCENSEUR */
.ascenseur {
position: fixed;
bottom: 8px;
right: 8px;
} |
|
Invité
| | Sujet: Re: Quelques Astuces pour Forum ^^ 22.02.14 14:11 | |
| ☆ Infobulle ^^ Le code à mettre dans la PA : - Code:
-
<div class="infobulle"><a href="http://elysiongame.forumactif.org/u7" target="_blank"><img src="http://i57.servimg.com/u/f57/12/03/37/02/th/cely10.png" /></a><div><div class="bouh"><center><img style="width: 100px; height: 57px;" src="http://media.giphy.com/media/4dtqtU8Qit5lu/giphy.gif" ;="" /> <br /> CELYSTIA - Modo'<br /><strong>PRESENTE</strong> </center></div></div></div> Et le CSS : - Code:
-
.infobulle {
display: inline-block;
}
.infobulle > div {
position: absolute;
margin-top: -60px;
margin-left:-60px;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.3) rotate(-45deg);
-moz-transform: scale(0.3) rotate(-45deg);
-o-transform: scale(0.3) rotate(-45deg);
transform: scale(0.3) rotate(-45deg);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.infobulle:hover > div {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.bouh {
width: 150px;
margin: auto;
background:url(http://i43.tinypic.com/311onyo.jpg)center;
border: 1px solid #64588C;
box-shadow:#190F18 0px 0px 5px;
-moz-box-shadow:#190F18 0px 0px 5px;
-webkit-box-shadow:#190F18 0px 0px 5px;
-o-box-shadow:#190F18 0px 0px 5px;
-htm-box-shadow:#190F18 0px 0px 5px;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-htm-border-radius:15px;
text-align: justify;
}
.bouh a {
display: inline-block;
text-decoration: none;
}
.bouh p {
text-align: justify;
} |
|
Contenu sponsorisé
| | Sujet: Re: Quelques Astuces pour Forum ^^ | |
| |
|
