Specijalni dugmići u quick reply
+6
Nera
Decode
Dina.
Prince.
Mr.Joker
MRKO
10 posters
Design 4 U // Dizajn forum - Veb i grafički dizajn :: Centar za resurse :: Forumotion kodovi i skripte
Strana 1 od 1
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:
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.
Sad smo gotovi. Da proverimo kako to izgleda.
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.
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;"> <img src="http://2img.net/i/fa/wysiwyg/separator.png" style="vertical-align: middle;" alt="" /> ');
}
});
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;
}
Sad smo gotovi. Da proverimo kako to izgleda.
Poslednji izmenio Loud. dana Čet Dec 08, 2011 10:04 am, izmenjeno ukupno 1 puta
Re: Specijalni dugmići u quick reply
Veoma koristan tutorial. Isprobaću ovo na PunBB.
Mr.Joker- Administrator
- Broj poruka : 1709
D4U Novac : 1871
Reputacija : 31
Godina : 31
Lokacija : Svet Foruma
Poso/dokolice : Programiranje
Re: Specijalni dugmići u quick reply
Jakoo dobro.Čak sam i JAAA skontala.
Dina.- Aktivan član
- Broj poruka : 360
D4U Novac : 298
Reputacija : 2
Re: Specijalni dugmići u quick reply
hihihi sviđa mi se .. čak mi je i upalilo
Dosta dobro služi za "Lock"
Dosta dobro služi za "Lock"
Decode- Aktivan član
- Broj poruka : 436
D4U Novac : 434
Reputacija : 1
Godina : 26
Lokacija : Mars
Poso/dokolice : Škola :P
Re: Specijalni dugmići u quick reply
Super je ali trebao si da objasniš kako da se sve tablice dodaju u to jedno dugme.
Nera- Član
- Broj poruka : 48
D4U Novac : 46
Reputacija : 1
Dulce Girl- Aktivan član
- Broj poruka : 414
D4U Novac : 571
Reputacija : 0
Godina : 26
Lokacija : ***
Poso/dokolice : Breathing.
Re: Specijalni dugmići u quick reply
Stvarno jako dobro.
Miss_Independent- Član
- Broj poruka : 26
D4U Novac : 24
Reputacija : 0
BlahBlahBlah!- Član
- Broj poruka : 121
D4U Novac : 94
Reputacija : 0
Lokacija : Pirot
Poso/dokolice : Spavam ★
Design 4 U // Dizajn forum - Veb i grafički dizajn :: Centar za resurse :: Forumotion kodovi i skripte
Strana 1 od 1
Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu
|
|