Ascunde/Afiseaza casuta de raspuns rapid

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Ascunde/Afiseaza casuta de raspuns rapid

Mesaj Scris de Keir la data de Mier 22 Aug - 14:57

Ascunde/Afiseaza casuta de raspuns rapid


Salutare tuturor Salut! ,

Astazi am sa va arat cum puteti ascunde casuta de raspuns rapid si printr-un simplu click aceasta sa reapara.

Pasul 1:


Pentru a ascunde casuta de raspuns rapid adaugam in Foaia de stil CSS (PA - Afisare - Imagini si culori - Culori - Foaia de stil CSS) urmatorul cod:

a)Invision:
Cod:
 #qpost{display:none;}


b)Punbb:
Cod:
#pun_qpost{display:none;}


Atentie! Pentru versiunile phpBB3 si phpBB2, nu este nevoie de a adauga coduri in Foaia de stil CSS,d eaorece acestea dispun de ele in codurile Javascript ce vor urma.

Pasul 2:

Dupa acestea, mergeti si creati un nou cod javascript in PA - Module - HTML & JAVASCRIPT - Gestiunea codurilor JAVASCRIPT si bifati la zona "Amplasare", doar "Topicuri".

Nota*: Verificati daca aveti codurile javascript activate( Activeaza gestiunea codurilor JavaScript :Da.)

a)Invision
Cod:
 jQuery(document).ready(function() {
$('.posting-options.topic-options:last').after('<div id="ascunde_arata">Click aici pentru a arata/ascunde raspunsul rapid:</div>');
$("#ascunde_arata").click(function() {
  $("#qpost").fadeToggle("slow", "linear");
});
});


b)Punbb
Cod:
 jQuery(document).ready(function() {
$('.pun-crumbs:last').after('<div id="ascunde_arata">Click aici pentru a arata/ascunde raspunsul rapid:</div>');
$("#ascunde_arata").click(function() {
$("#pun-qpost.main").fadeToggle("slow", "linear");
});
});


c)Phpbb2

Cod:
jQuery(document).ready(function() {
$('body:has(".post")').addClass('topics');
$('.topics .forumline.noprint:last').hide();
$(".topics .forumline.noprint:last").before('<div id="ascunde_arata">Click aici pentru a arata/ascunde raspunsul rapid:</div>');
$(".topics #ascunde_arata").click(function() {
$(".topics .forumline.noprint:last").fadeToggle("slow", "linear");
});
});


d)Phpbb3
Cod:
 jQuery(document).ready(function() {
$('body:has(".post")').addClass('topics');
$('a[name="quickreply"]').next(".h3").addClass("untoggle");
$('.topics .untoggle').text('Click aici pentru a arata/ascunde raspunsul rapid:');
$('.topics #quick_reply').hide();
$(".topics .untoggle").click(function() {
$(".topics #quick_reply").fadeToggle("slow", "linear");
});
});
 

Daca intampinati probleme cu acest tutorial va rog sa deschideti un subiect in sectiunea de suport corespunzatoare!

Acest tutorial a fost scris de catre .razvan, corectat gramatical de Keir.

   Copyright ˆ Forumgratuit.ro Nicio parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 19
Localizare : Buzau
Data înscrierii : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum