IZBORNIK HOME FORUM ACCESS EXCEL WORD  .
   
  HOME
   
Install JOOMLA to XAMPP
Install JOOMLA to WAMP
Run Joomla 3x na WAMP localhostu
Backup Joomla to localhost XAMPP
Adding AdSense to JOOMLA Article
Install Joomla template
Backup SQL baze
   
Clean install phpBB 3x
Kako instalirati phpBB2 forum na WEB server
Kako instalirati hrvatski jezik na phpBB2 forum
Kako izvršiti upgrade phpBB2 na phpBB3 forum 
Kako izraditi SQL bazu
Kako prebaciti phpBB forum sa servera na localhost
Kako nadograditi phpBB2 forum
Kako zabraniti spam botovima pristup
Kako instalirati hrvatski jezik na phpBB3 forum
Kako instalirati novi stil na phpBB3
AdSense i phpBB
Kako dodati Multiple BBCode MOD - phpBB2
Kako dodati YouTube MOD na phpBB2
Kako dodati YouTube i Google video na phpBB3
Kako spriječiti spammere da se registriraju na phpBB3
Internal server error while converting phpBB2x to phpBB3
   
 
 

 

-

 
BROJEVNI SUSTAVI ( Bin, Dec, Hex, Okt )
Elektroničke šeme
CISCO - Informatičke mreže ( konfiguracija rutera )
Mreža - Windows Vista - Windows XP - Windows 98SE
Zanimljivi linkovi
Windows XP - za početnike
Internet Explorer 8 za početnike
Outlook Express - za početnike
MS Access - za početnike
MS Excel - za početnike
MS PowerPoint - za početnike
MS Word - za početnike
Front Page 2003 - za početnike
MS Publisher - za početnike
MS OUTLOOK za početnike
 
 
 
 
.

Zumiranje slika u Joomla članku, Kako omogućiti Zoom slike u Joomla članku upute korak po korak, How to Zoom image by mouse click in Joomla article

Kako omogućiti Zoom slike u Joomla članku - korak po korak

Search This Web Site

Adsense sponzor





How to Zoom image by mouse click in Joomla article

Ovaj problem koji sam ja imao sa uvećanjem slike možete vidjeti na ovom linku "CV Job Format in Excel". U daljnjem tekstu proučite kako riješiti uvećanje slike klikom miša na web stranici u Joomla CMS-u. Ako koristite Joomla CMS i želite korisniku omogućiti zumiranje (uvećanje) slike u nekom članku učinite slijedeće:

Situacija:

  • Koristite Joomla CMS - Template Protostar
  • Koristite 'JCE' tekstualni editor (ekstenzija)
  • Kreirali ste Joomla članak i između teksta postavili nekoliko slika.
  • Dotične slike u originalu su veće rezolucije.
  • Vi koristite Joomla predložak sa tri stupca (u srednjem stupcu nalazi se tekst članka koji sadrži slike)
  • S obzirom da širina stupca je manja od širine originalne slike, Joomla će kompresirati (smanjiti) širinu slike da bi bila prihvatljiva za pregled članka.
  • Naravno, vi želite omogućiti posjetitelju stranice da ima mogućnost kliknuti na sliku i uvećati je, radi boljeg uvida u detalje na slici.

Korak 1

Otvorite Joomla adminstratorski panel (ulogirajte se u Joomla kao administrator). Kliknite na Extension tab => Templates => Templates i kliknite na 'Protostar Details and Files'

Edit Joomla Template Protostar

Korak 2

Kliknite na 'index.php' da bi imali mogućnost editiranja i izmjena u dotičnoj datoteci.

Editiranje index.php datoteke u Joomla Protostar Template

Korak 3

Na novootvorenom prozoru za editiranje datoteke prvo što trebate učiniti je arhiviranje već postojećeg programskog koda.

1. Klik mišem negdje unutar prozora gdje se nalazi programski kod
2. Pritisnite CTRL+A tipke na tipkovnici
3. Pritisnite CTRL+C (prečac za kopiranje)
4. Otvorite 'Notepad' program na vašem računalu
5. Pritisnite CTRL+V (prečac za lijepljenje)
6. Snimite TXT datoteku npr. na Desktop

Korak 4

Na samom početku programskog koda pronađite liniju koda (oko 40-te) i učinite slijedeće

ispred ovog koda

// Add JavaScript Frameworks
JHtml::_('bootstrap.framework');

dodajte ovaj kod

// Zoom Image in Article
JHtml::_('behavior.modal');

To izgleda kao na slici ispod

jhtml behavior modal in Joomla

Korak 5

U zoni HEAD

odmah iza <head> linije

pronađite ovu liniju koda
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

umjesto gornje linije koda postavite ovu liniju koda ispod
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0;" />

To izgleda kao na slici ispod

initial-scale in Joomla

Nakon zamjene ove dvije programske linije koda kliknite na 'Save & Close' gumb potom opet na 'Close' gumb.

Korak 6

Slijedeći korak je otvoriti već kreiran članak u kojem se nalaze slike.(naravno nakon ovih postavki vi ćete moći tijekom kreiranja članka postaviti zoom slike). Dakle učinite slijedeće:

1. Klik na Content tab => Atricles naredbu
2. Pronađite već kreiran članak (Article) i otvorite ga
3. Kliknite na sliku u članku, za koju želite omogućiti uvećanje nakon klika na nju (Zoom image)
4. Kliknite na 'Insert/Edit link' button

kako linkati sliku u Joomla članku

5. Na novo-otvrenom dijalog prozoru kliknite na 'Browse' button

Browse to images folder in Joomla and Link

6. Slijedeći korak je pronaći folder i označiti sliku u njemu (napomena: morate znati naziv slike koju ste umetnuli u tekst članka. Na istu sliku postavljate link)

Izbor slike za link u Joomla članku

Nakon selektiranja slike na koju želite postaviti 'Zoom' kliknite na 'Insert' gumb.
Sada opet imate osnovni dijalog prozor za postavke. Kliknite na 'Advanced' tab i u polje 'Classes' upišite 'modal'. Završite klikom na 'Insert' gumb.

 

aaaaaaaaaaaaaaa

I na kraju zatvorite članak klikom na 'Save & Close' button.
Pogledajte članak na web stranici. Ako možete kliknuti na sliku i ako se uveća tada ste ispravno konfigurirali "omogućavanje uvećanja slike klikom miša na Joomla članak."

To izgleda u principu kao na ovoj web stranici Curriculum Vitae or CV Job Format in Excel



Adsense sponzor




  Ova web stranica koristi COOKIES - COPYRIGHT ©- 2006 - 2018 - IvanC  - Sva prava pridržana.  ic.ims.hr