Membres connectés récemment
[PhpBB2] Installe rmarque ligne
4 participants
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
- Version du forum :PhpBB2
- Templates modifiés :-
- Navigateur :Chrome
Bonjour
Je possède un forum de graphisme
avec beaucoup de cours et de tutoriels
je voudrais pour la facilité de mes membres
installer un marque ligne pour bien suivre
un tuto.
https://i.servimg.com/u/f35/19/38/25/34/fleche10.gif
Est il possible d'avoir ça?
Merci de votre aide
Je possède un forum de graphisme
avec beaucoup de cours et de tutoriels
je voudrais pour la facilité de mes membres
installer un marque ligne pour bien suivre
un tuto.
https://i.servimg.com/u/f35/19/38/25/34/fleche10.gif
Est il possible d'avoir ça?
Merci de votre aide
Hi,
Sur le lien donné par Hélène le script est celui-ci à placer sur les sujets :
Sur cette ligne tu pourras changer l'image :
Tu as un rendu de l'astuce ici :
https://phpbb2world.forumactif.com/t29-image-de-fond-de-forum-qui-s-adapte-a-toutes-les-resolution-d-ecran
Sur le lien donné par Hélène le script est celui-ci à placer sur les sujets :
- Code:
(function($) {
$.fn.drags = function(opt) {
opt = $.extend({handle:"",cursor:"move"}, opt);
if(opt.handle === "") {
var $el = this;
} else {
var $el = this.find(opt.handle);
}
return $el.css('cursor', opt.cursor).on("mousedown", function(e) {
if(opt.handle === "") {
var $drag = $(this).addClass('draggable');
} else {
var $drag = $(this).addClass('active-handle').parent().addClass('draggable');
}
var z_idx = $drag.css('z-index'),
drg_h = $drag.outerHeight(),
drg_w = $drag.outerWidth(),
pos_y = $drag.offset().top + drg_h - e.pageY,
pos_x = $drag.offset().left + drg_w - e.pageX;
$drag.css('z-index', 1000).parents().on("mousemove", function(e) {
$('.draggable').offset({
top:e.pageY + pos_y - drg_h,
left:e.pageX + pos_x - drg_w
}).on("mouseup", function() {
$(this).removeClass('draggable').css('z-index', z_idx);
});
});
e.preventDefault(); // disable selection
}).on("mouseup", function() {
if(opt.handle === "") {
$(this).removeClass('draggable');
} else {
$(this).removeClass('active-handle').parent().removeClass('draggable');
}
});
}
})(jQuery);
$( document ).ready(function() {
$('.post-options:first').before('<div id="myDiv" style="margin-top:8px;"><img src="http://www.icone-png.com/png/22/21757.png" /></div>');
$('#myDiv').drags();
});
Sur cette ligne tu pourras changer l'image :
- Code:
src="http://www.icone-png.com/png/22/21757.png"
Tu as un rendu de l'astuce ici :
https://phpbb2world.forumactif.com/t29-image-de-fond-de-forum-qui-s-adapte-a-toutes-les-resolution-d-ecran
Voici le script tel qu'il est sur mon forum test, supprime celui que tu as placé pour le remplacer par celui-ci :
- Code:
(function($) {
$.fn.drags = function(opt) {
opt = $.extend({handle:"",cursor:"move"}, opt);
if(opt.handle === "") {
var $el = this;
} else {
var $el = this.find(opt.handle);
}
return $el.css('cursor', opt.cursor).on("mousedown", function(e) {
if(opt.handle === "") {
var $drag = $(this).addClass('draggable');
} else {
var $drag = $(this).addClass('active-handle').parent().addClass('draggable');
}
var z_idx = $drag.css('z-index'),
drg_h = $drag.outerHeight(),
drg_w = $drag.outerWidth(),
pos_y = $drag.offset().top + drg_h - e.pageY,
pos_x = $drag.offset().left + drg_w - e.pageX;
$drag.css('z-index', 1000).parents().on("mousemove", function(e) {
$('.draggable').offset({
top:e.pageY + pos_y - drg_h,
left:e.pageX + pos_x - drg_w
}).on("mouseup", function() {
$(this).removeClass('draggable').css('z-index', z_idx);
});
});
e.preventDefault(); // disable selection
}).on("mouseup", function() {
if(opt.handle === "") {
$(this).removeClass('draggable');
} else {
$(this).removeClass('active-handle').parent().removeClass('draggable');
}
});
}
})(jQuery);
$( document ).ready(function() {
$('.post-options:first').after('<div id="myDiv" style="margin-top:2px;margin-left:10px;"><img src="https://i.servimg.com/u/f28/19/98/40/78/i_fold14.png" /></div>');
$('#myDiv').drags();
});
Ce placement initial te conviendrait ?
https://phpbb2world.forumactif.com/t29-image-de-fond-de-forum-qui-s-adapte-a-toutes-les-resolution-d-ecran
https://phpbb2world.forumactif.com/t29-image-de-fond-de-forum-qui-s-adapte-a-toutes-les-resolution-d-ecran
Au cas ou, voici le script pour le placement sous les infos de profil :
Bonne journée à toi
- Code:
(function($) {
$.fn.drags = function(opt) {
opt = $.extend({handle:"",cursor:"move"}, opt);
if(opt.handle === "") {
var $el = this;
} else {
var $el = this.find(opt.handle);
}
return $el.css('cursor', opt.cursor).on("mousedown", function(e) {
if(opt.handle === "") {
var $drag = $(this).addClass('draggable');
} else {
var $drag = $(this).addClass('active-handle').parent().addClass('draggable');
}
var z_idx = $drag.css('z-index'),
drg_h = $drag.outerHeight(),
drg_w = $drag.outerWidth(),
pos_y = $drag.offset().top + drg_h - e.pageY,
pos_x = $drag.offset().left + drg_w - e.pageX;
$drag.css('z-index', 1000).parents().on("mousemove", function(e) {
$('.draggable').offset({
top:e.pageY + pos_y - drg_h,
left:e.pageX + pos_x - drg_w
}).on("mouseup", function() {
$(this).removeClass('draggable').css('z-index', z_idx);
});
});
e.preventDefault(); // disable selection
}).on("mouseup", function() {
if(opt.handle === "") {
$(this).removeClass('draggable');
} else {
$(this).removeClass('active-handle').parent().removeClass('draggable');
}
});
}
})(jQuery);
$( document ).ready(function() {
$('.postdetails:first').after('<div id="myDiv" style="margin-top:12px;margin-left:60px;"><img src="https://i.servimg.com/u/f34/19/98/45/29/right10.png" /></div>');
$('#myDiv').drags();
});
Bonne journée à toi
Page 1 sur 2 • 1, 2
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum