Specijalni dugmići u quick reply

[FM+ Serija] Specijalni dugmići u quick reply

Zdravo opet dragi članovi!

U današnjem članku iz FM serije pokušaćemo da napravimo specijalne dugmiće. Sa njima možete direktno da dodajete vaše BB kodove u text editor ili da preko njih dodate neki tekst, tabelu. U ovom primeru napravićemo button za galeriju, tj. obaveštenje da je prihvaćeno u galeriju. Let's go!

Da vidimo kako izgleda u quick reply: KLIK. Kao što vidite, upisujete tekst između td i /td tagova, u ovom slučaju "Galerija!". Dobra stvar u skripti je što možete bilo gde da ubacite tabelu, ne samo na kraj teksta, već i odmah na početku.

1. korak Idite u Modules > HTML & Javascript > Javascript codes managament i kliknite Create a new javascript. Skripti dajte bilo kakav naziv, štiklirajte "In all pages" i ubacite sledeći kod:

Kod:

$(function() {
  x=document.getElementById('text_editor_textarea');
  if(x) {
    $('input.button2[value="Others"]').before('<input class="button2" value="Galerija" onclick="bbfontstyle(\'[table class=galerija][tr][td]\',\'[/td][/tr][/table]\');return false" type="button" style="height: 22px;">&nbsp;<img src="http://2img.net/i/fa/wysiwyg/separator.png" style="vertical-align: middle;" alt="" />&nbsp;');
}
});

Skripta dodaje dugmić Galerija pre dugmića Others. Ako koristite forum na sprpskom izmenite "Others" u kodu sa "Ostali"(bez navodnika). Dodali smo klasu galerija kako bi lako stilizovali tu tabelu. Pritisnite .

2. korak Sada malo da doteramo. Posle završenog prvog koraka, idite u Display > Pictures & Colors > Colors > CSS stylesheet. Dodajte sledeći CSS kod bilo gde u vaš forumski CSS.

Kod:

table.galerija {
border: 1px solid #c00000;
background-color: #f0e8e0;
padding: 5px;
font-weight: bold;
}
table.galerija td {
background: url(http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png) left no-repeat;
padding-left: 40px;
height: 32px;
}

Radio sam na phpBB3 verziji, ali verujem da radi na svim ostalim verzijama. To je to. Ostavljam vam slobode da kreirate sopstvene buttone ili ko zna, nešto bolje od mog primera.

Veoma koristan tutorial. Isprobaću ovo na PunBB.

Preodlično

Jakoo dobro.Čak sam i JAAA skontala.

hihihi sviđa mi se .. čak mi je i upalilo
Dosta dobro služi za "Lock"

Super je ali trebao si da objasniš kako da se sve tablice dodaju u to jedno dugme.

great!!!

kul

Stvarno jako dobro.

Cool