Dis moi ma chérie. Mais alors dis moi tout, hein ? :gj:
J'ai remarqué qu'il y a du changement sur ton forum. :o
Par contre, ce qui suit, c'est normal ? :-\
C'est un portail spatio temporel ? C'est ça ? Hein ? hein ? :gq:
(https://static.chez-oim.org/Images/neco1.png)
oui oui , je dois le faire , j'ai pas oublier ! mais j'y ai plus pensé ! ^-^
mais ça m'eenerve , parce qu'en les fabriquant à la base j'y ai pensé hein au écran de 1024 (fuck les 900 ^-^)
mes deux bouton portail et accueil font 505px de large , avec une séparation de 12px entre les deux
505+505+12= 1022
avec un écran de 1024 ça aurait dû passer !
alors ça me gave vraiment parce que j'ai voulu tout faire bien , et voilà le résultat !
---
de quoi que tu me parle de 3 ligne de html ???
je fais pas de html !
et hier , j'était en train d'adapter un code qui sert à faire à la base une "liste de bouton , sous un bouton" , pour le transformé en "liste de smileys supplémentaire" ^-^
et j'ai passé un moment à adapter le code (en javascript)
et maintenant que le l'ai adapté , je dois le "remplir" avec des liens d'image qu'il faut héberger , et le faire conincidé avec le css , en mettant les même lien au même endroit !
ça se n'est pas très compliqué c'est juste très long et extrèmement chiant ! ^^
ensuite je devrait réarangé mes smileys "normaux" car je vais donc en enlever pour en mettre d'autre etc etc etc ...
c'est une vrai chianlie !
et ce que tu appelles "3 lignes de code" ça ressemble à ça (pour la partie javascript) :
(et je dois évidement l'alloger hein , c'est pas terminé là)
$(document).on('ready', function () {
$(".sceditor-container").append('<div class="sceditor-dropdown sceditor-duelo" style="display:none;margin-top: 27px;background-color:#DEDEDE"><div>
<input type="button" class="smil1" style="height:20px; width:40px" >
<input type="button" class="smil2" style="height:32px; width:40px">
<input type="button" class="smil3" style="height:32px; width:40px" >
<input type="button" class="smil4" style="height:32px; width:50px" >
<input type="button" class="smil5" style="height:32px; width:50px" >
<input type="button" class="smil6" style="height:40px; width:85px" >
<input type="button" class="smil7" style="height:32px; width:50px" ><br />
<input type="button" class="smil8" style="height:32px; width:50px" >
</div></div>');
$('<a class="sceditor-button bbcode-duelo" title="Smileys Supplémentaires"><div style="background-image:url(http://r25.imgfast.net/users/2517/37/17/64/smiles/2348419503.gif)">Quadrado</div></a>').insertBefore('.sceditor-button-bold').click(function () {
var f = $(".sceditor-duelo").css("display");
if(f =='none') {$(".sceditor-duelo").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); }
else {$(".sceditor-duelo").hide(); }
});
$(".sceditor-duelo .smil1").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[img]http://i39.servimg.com/u/f39/16/02/70/00/smiley11.png[/img]');
});
$(".sceditor-duelo .smil2").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[img]http://r25.imgfast.net/users/2517/37/17/64/smiles/1915863922.gif[/img]');
});
$(".sceditor-duelo .smil3").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[img]http://r25.imgfast.net/users/2517/37/17/64/smiles/2126334544.gif[/img]');
});
$(".sceditor-duelo .smil4").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[img] http://r25.imgfast.net/users/2517/37/17/64/smiles/722113260.gif [/img]');
});
$(".sceditor-duelo .smil5").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[img]http://r25.imgfast.net/users/2517/37/17/64/smiles/4228682415.gif[/img]');
});
$(".sceditor-duelo .smil6").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[img]http://r25.imgfast.net/users/2517/37/17/64/smiles/1651354046.gif[/img]');
});
$(".sceditor-duelo .smil7").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[img]LIEN IMAGE 7[/img]');
});
$(".sceditor-duelo .smil8").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[img]LIEN IMAGE 8[/img]');
});
});
et à ça pour la partie CSS :
.smil1 {background:url("http://i39.servimg.com/u/f39/16/02/70/00/smiley11.png") no-repeat; border:transparent!important; }
.smil2 {background:url("http://r25.imgfast.net/users/2517/37/17/64/smiles/1915863922.gif") no-repeat; border:transparent!important; }
.smil3 {background:url("http://r25.imgfast.net/users/2517/37/17/64/smiles/2126334544.gif") no-repeat; border:transparent!important; }
.smil4 {background:url("http://r25.imgfast.net/users/2517/37/17/64/smiles/722113260.gif") no-repeat; border:transparent!important; }
.smil5 {background:url("http://r25.imgfast.net/users/2517/37/17/64/smiles/4228682415.gif") no-repeat; border:transparent!important; }
.smil6 {background:url("http://r25.imgfast.net/users/2517/37/17/64/smiles/1651354046.gif") no-repeat; border:transparent!important; }
.smil {background:url(" ") no-repeat; border:none!important; }
alors hein !
pouet pouet !!! :id:
:-*
oui mais j'ai du réfléchir beaucoup et faire un milliard de test et de tatonnement (puisque je suis pas codeuse , je ne peux que tattonner à taton , tester , voir puis recommencer jusqu'a ce que je trouve ! )
à la base je suis partie de ce code là monsieur ! (et sans AUCUN css , j'ai dû tout "inventer" toute seule :id: )
$(document).on('ready', function () {
$(".sceditor-container").append('<div class="sceditor-dropdown sceditor-duelo" style="display:none;margin-top: 27px;"><div>
<input type="button" class="magia1" value="Magia 1"><br />
<input type="button" class="magia2" value="Magia 2"><br />
<input type="button" class="magia3" value="Magia 3"><br />
<input type="button" class="magia4" value="Magia 4">
</div></div>');
$('<a class="sceditor-button bbcode-duelo" title="Duelo"><div style="background-image:url(https://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/fortress.png)">Quadrado</div></a>').insertBefore('.sceditor-button-quote').click(function () {
var f = $(".sceditor-duelo").css("display");
if(f =='none') {$(".sceditor-duelo").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); }
else {$(".sceditor-duelo").hide(); }
});
$(".sceditor-duelo .magia1").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[spoiler]magia 1[/spoiler]');
});
$(".sceditor-duelo .magia2").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[spoiler]magia 2[/spoiler]');
});
$(".sceditor-duelo .magia3").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[spoiler]magia 3[/spoiler]');
});
$(".sceditor-duelo .magia4").click(function () {
$('#text_editor_textarea').sceditor("instance").insert('[spoiler]magia 4[/spoiler]');
});
});
et en plus , ici ça parrait plus court car ça part à perpette les oies en largueur , mais dans la paje des javascript , ça s'étire par comme ça , donc ça fait un énorme pavé en hauteur ! ^^
pour les boutons , je vais le faire , t'inquiète ! ;)
et si ça se trouve je testerais autre chose , mais pas de suite , j'ai moulte autre trucs à voir avant !
de plus , dimanche prochain il y a mon canallou qui raplique à la maison jusqu'a mi-aout ... autant dire que pendant un moi et demi je vais plus que stagner ! ^^
:-*
tu me fera pas croire qu'un js comme ça :
$(function(){
$("body").append('<div class="bouhautbas"><a href="#top"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Aller en haut" style="width:45px; height:90px;" /></a> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <a href="#bottom"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png" alt="Aller en bas" style="width:45px; height:90px;" /></a></div>');
});
ou comme ça :
$(document).ready(function(){
jQuery('<br>').insertAfter('a.mainmenu[href^="/login"]');
})
ou encore comme ça :
$(function(){
$("body").append('<div class="boutonqeel"><a href="http://pephenix.forumactif.org/viewonline" target="_blank"><img src="http://i55.servimg.com/u/f55/16/02/70/00/petite11.jpg" /></a></div>');
});
font plus ramer que des grosses images ! ;)
:-*
je n'ai pas acces au html de base , ça c'est sur fa !
je ne peux que RAJOUTER des pages html ce qui est très différent , et pas forcément mieux ! ;)
oui , le reste je sais ...
pour "asynchroniser" un js , il suffis de mettre ceci devant ! ;)
$(function(){
et de fermer avec ceci derrière :
});
t'aura appris un truc aujourd'hui ! ;)
:-*