Tutorijali
Marko Fm Labs :: ABOUT :: Announcements
Strana 1 od 1
Tutorijali
Tutorijal: Gost vidi jedno, član vidi drugo
Pozdrav članovi!
Sigurno ste se nekad zapitali kako da nešto sakrijem od gosta, što treba da vidi član ili obrnuto. Sada postoji solucija. Ova jednostavna skripta upravo rešava to. Ako ste pročitali Pandin tutorijal If, Else petlje onda ćete lako shvatiti ovaj tutorijal.
Skripta ovako izgleda.
Sad ćemo malo da objasnimo skriptu. Promenljive x i y su vrednosti navigacije login i logout. if(x) izdaje naredbu da ako stranica učita x, odnosno login navigaciju, onda će se poruka samo za gosta. Isto važi i za else if(y), samo što će član moći videti tu poruku.
Sad ćemo malo da se poigramo sa skriptom. Dodaćemo nakon headera jedan span tag koji ima style i prikazuje neku određenu poruku.
Da ne bi pisao deo po deo, daću vam celu skriptu. Idite u Modules->Javascript codes management i kopirajte kod. Štiklirajte 'In all pages' i pritisnite
Pozdrav članovi!
Sigurno ste se nekad zapitali kako da nešto sakrijem od gosta, što treba da vidi član ili obrnuto. Sada postoji solucija. Ova jednostavna skripta upravo rešava to. Ako ste pročitali Pandin tutorijal If, Else petlje onda ćete lako shvatiti ovaj tutorijal.
Skripta ovako izgleda.
- Kod:
$(function() {
x=document.getElementById('i_icon_mini_login');
y=document.getElementById('i_icon_mini_logout');
if(x) {
kod za gosta
}
else if(y) {
kod za clana
}
});
Sad ćemo malo da objasnimo skriptu. Promenljive x i y su vrednosti navigacije login i logout. if(x) izdaje naredbu da ako stranica učita x, odnosno login navigaciju, onda će se poruka samo za gosta. Isto važi i za else if(y), samo što će član moći videti tu poruku.
Sad ćemo malo da se poigramo sa skriptom. Dodaćemo nakon headera jedan span tag koji ima style i prikazuje neku određenu poruku.
Da ne bi pisao deo po deo, daću vam celu skriptu. Idite u Modules->Javascript codes management i kopirajte kod. Štiklirajte 'In all pages' i pritisnite
- Kod:
$(function() {
x=document.getElementById('i_icon_mini_login');
y=document.getElementById('i_icon_mini_logout');
if(x) {
$('.headerbar').after('<br/><span style="background:#f0e8e0;border:1px solid #c00000;font-family:Tahoma,Arial;font-size:11px;padding: 5px;text-align: center;margin-top: -3px;"><strong>Zdravo posetioce. Ovu poruku ne vidi registrovan user!<7strong></span><br/> ');
}
else if(y) {
$('.headerbar').after('<br/><span style="background:#f0e8e0;border:1px solid #c00000;font-family:Tahoma,Arial;font-size:11px;padding: 5px;text-align:center;"><strong>Zdravo opet . Ovu poruku ne vidi gost!</strong></span><br/> ');
}
});
DEMO:
img 1 demo
img 2 demo
img 1 demo
img 2 demo
Re: Tutorijali
[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 šta, 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.
Marko Fm Labs :: ABOUT :: Announcements
Strana 1 od 1
Dozvole ovog foruma:
Ne možete odgovarati na teme u ovom forumu
|
|