Cum se creează etichete plutitoare, link-uri și pictograme în imagini

Cum se creează etichete plutitoare, link-uri și pictograme în imagini

Cum se creează etichete plutitoare, link-uri și pictograme în imagini

Desigur, este incomod pentru a edita cod html de mână, și nu orice administrator de site știe cod html. Prin urmare, pentru Joomla există mai multe componente care vă permit să lucrați cu hartă / zonă și astfel să creați hărți de imagine.






Una dintre aceste componente este componenta "HTML Map". care constă dintr-un modul și un plug-in. Modulul poate afișa un modul de hartă clickable imagine, și plug-in vă permite să încorporați imagini în articol de card.

Vom presupune că ați instalat deja componenta "HTML Map" și l-ați configurat.
Acum, să începem să creăm o hartă a imaginilor utilizând exemplul din figura 1. Vom adăuga o nouă așezare "Truskavets" la imagine și vom pune un link pe care să îl poată da clic cu un indiciu de text plutitor.

Cum se creează etichete plutitoare, link-uri și pictograme în imagini

Acum, în panoul de administrare, accesați "Media Manager" (Figura 3) și selectați folderul destinat imaginilor componentei "HTML Map" (Figura 4). Rețineți că acest dosar trebuie mai întâi să fie creat, dacă acesta nu este disponibil. Acum încărcați imaginea în acest folder (Figura 5).

Cum se creează etichete plutitoare, link-uri și pictograme în imagini

Cum se creează etichete plutitoare, link-uri și pictograme în imagini






Cum se creează etichete plutitoare, link-uri și pictograme în imagini

După descărcarea imaginilor intra în componenta în sine «HTML Harta», care este în meniul „Componente“ (fig. 6). Componenta însăși va conține o listă de hărți de imagini care se află pe site.

Dacă nu avem încă o hartă de imagini, trebuie să o creăm făcând clic pe butonul "Creați" (în fereastra care apare, selectați imaginea și dosarul dorit și, de asemenea, specificați titlul dacă este o casetă de text).
În cazul nostru, harta imaginii a existat deja; tocmai am înlocuit imaginea în sine.

Cum se creează etichete plutitoare, link-uri și pictograme în imagini

Cum se creează etichete plutitoare, link-uri și pictograme în imagini

Cum se creează etichete plutitoare, link-uri și pictograme în imagini

Acum ajungem la principalul lucru - setarea coordonatelor obiectului pe imagine. Coordonatele pot fi rectangulare (dreptunghiulare), circulare (circulare) și curbe (poligonale). În partea de jos a ferestrei (Figura 8), trebuie să specificați tipul lor în fața proprietății "Selectați o formă", iar coordonatele înseși sunt separate prin virgule în coloana "Coords". Pentru forma dreptunghiulară este suficientă păstrarea coordonatelor colțului superior și inferior al dreptunghiului. Dacă obiectul are o formă complexă, atunci trebuie să selectați coordonatele tipului Polygonal. După introducerea coordonatelor, apăsați butonul "Salvare".

Cum se creează etichete plutitoare, link-uri și pictograme în imagini

  • Sunteți aici:
  • principal
  • lecții
  • Administrarea joomla
  • Cum se creează etichete plutitoare, link-uri și pictograme în imagini






Trimiteți-le prietenilor: