Design 4 U // Dizajn forum - Veb i grafički dizajn
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Specijalni dugmići u quick reply

Ići dole

Specijalni dugmići u quick reply Empty Specijalni dugmići u quick reply

Počalji od MRKO taj Sub Okt 22, 2011 5:39 am

[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! Specijalni dugmići u quick reply Icon_biggrin

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 Specijalni dugmići u quick reply Submit11.

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.

Specijalni dugmići u quick reply Galtabl
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. Specijalni dugmići u quick reply Icon_bounce



Poslednji izmenio Loud. dana Čet Dec 08, 2011 10:04 am, izmenjeno ukupno 1 puta
MRKO
MRKO
Administrator
Administrator

Broj poruka Broj poruka : 3710
D4U Novac D4U Novac : 5149
Reputacija Reputacija : 40
Godina Godina : 23
Lokacija Lokacija : drowned world
Specijalni dugmići u quick reply War1

http://www.design4-u.net

Nazad na vrh Ići dole

Specijalni dugmići u quick reply Empty Re: Specijalni dugmići u quick reply

Počalji od Mr.Joker taj Sub Okt 22, 2011 6:30 am

Veoma koristan tutorial. Isprobaću ovo na PunBB. Smile


Who says anarchy, says negation of government;
Who says negation of government, says affirmation of the people;
Who says affirmation of the people, says individual liberty;
Who says individual liberty, says sovereignty of each;
Who says sovereignty of each, says equality;
Who says equality, says solidarity or fraternity;
Who says fraternity, says social order.

Mr.Joker
Administrator
Administrator

Broj poruka Broj poruka : 1709
D4U Novac D4U Novac : 1871
Reputacija Reputacija : 31
Godina Godina : 27
Lokacija Lokacija : Svet Foruma
Poso/dokolice Poso/dokolice : Programiranje
Specijalni dugmići u quick reply War1

Nazad na vrh Ići dole

Specijalni dugmići u quick reply Empty Re: Specijalni dugmići u quick reply

Počalji od Prince. taj Sub Okt 22, 2011 7:05 am

Preodlično Smile


Specijalni dugmići u quick reply Traingle
I LIVE TO LOVE
Prince.
Prince.
Dizajner
Dizajner

Broj poruka Broj poruka : 1901
D4U Novac D4U Novac : 2116
Reputacija Reputacija : 3
Godina Godina : 24
Lokacija Lokacija : Stol'ca :P
Poso/dokolice Poso/dokolice : Umjetnost :)
Specijalni dugmići u quick reply War1

http://we-are-teens.com/

Nazad na vrh Ići dole

Specijalni dugmići u quick reply Empty Re: Specijalni dugmići u quick reply

Počalji od Dina. taj Sub Okt 22, 2011 7:25 am

Jakoo dobro.Čak sam i JAAA skontala.
Dina.
Dina.
Aktivan član
Aktivan član

Broj poruka Broj poruka : 360
D4U Novac D4U Novac : 298
Reputacija Reputacija : 2
Specijalni dugmići u quick reply War5

Nazad na vrh Ići dole

Specijalni dugmići u quick reply Empty Re: Specijalni dugmići u quick reply

Počalji od Decode taj Sre Dec 28, 2011 12:27 am

hihihi sviđa mi se .. čak mi je i upalilo Smile
Dosta dobro služi za "Lock" Very Happy
Decode
Decode
Aktivan član
Aktivan član

Broj poruka Broj poruka : 436
D4U Novac D4U Novac : 434
Reputacija Reputacija : 1
Godina Godina : 23
Lokacija Lokacija : Mars
Poso/dokolice Poso/dokolice : Škola :P
Specijalni dugmići u quick reply War1

Nazad na vrh Ići dole

Specijalni dugmići u quick reply Empty Re: Specijalni dugmići u quick reply

Počalji od Nera taj Sre Dec 28, 2011 12:30 am

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

Broj poruka Broj poruka : 48
D4U Novac D4U Novac : 46
Reputacija Reputacija : 1
Specijalni dugmići u quick reply War1

Nazad na vrh Ići dole

Specijalni dugmići u quick reply Empty Re: Specijalni dugmići u quick reply

Počalji od Dulce Girl taj Sre Dec 28, 2011 2:57 am



great!!!
Dulce Girl
Dulce Girl
Aktivan član
Aktivan član

Broj poruka Broj poruka : 414
D4U Novac D4U Novac : 571
Reputacija Reputacija : 0
Godina Godina : 23
Lokacija Lokacija : ***
Poso/dokolice Poso/dokolice : Breathing.
Specijalni dugmići u quick reply War1

Nazad na vrh Ići dole

Specijalni dugmići u quick reply Empty Re: Specijalni dugmići u quick reply

Počalji od i love hm taj Pet Dec 30, 2011 10:02 am

kul
i love hm
i love hm
Član
Član

Broj poruka Broj poruka : 162
D4U Novac D4U Novac : 46
Reputacija Reputacija : 0
Godina Godina : 23
Lokacija Lokacija : San Francisko U.S.A. bitches!!
Poso/dokolice Poso/dokolice : *nothing*
Specijalni dugmići u quick reply War1

http://green-day-serbia.forumsr.net/

Nazad na vrh Ići dole

Specijalni dugmići u quick reply Empty Re: Specijalni dugmići u quick reply

Počalji od Miss_Independent taj Čet Jan 17, 2013 7:12 am

Stvarno jako dobro.

Miss_Independent
Član
Član

Broj poruka Broj poruka : 26
D4U Novac D4U Novac : 24
Reputacija Reputacija : 0
Specijalni dugmići u quick reply War1

Nazad na vrh Ići dole

Specijalni dugmići u quick reply Empty Re: Specijalni dugmići u quick reply

Počalji od BlahBlahBlah! taj Čet Jan 17, 2013 10:51 am

Cool Very Happy

BlahBlahBlah!
Član
Član

Broj poruka Broj poruka : 121
D4U Novac D4U Novac : 94
Reputacija Reputacija : 0
Lokacija Lokacija : Pirot
Poso/dokolice Poso/dokolice : Spavam ★
Specijalni dugmići u quick reply War1

Nazad na vrh Ići dole

Specijalni dugmići u quick reply Empty Re: Specijalni dugmići u quick reply

Počalji od Sponsored content


Sponsored content


Nazad na vrh Ići dole

Nazad na vrh


 
Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu