Da, intr-adevar, typo3 pune o gramada de tag-uri html in jurul continutului, dar partea buna e ca poti configura aceste tag-uri. Ca sa vezi toate configurarile care se ocupa de aceste tag-uri urmeaza urmatorii pasi:
1. click pe Template, in meniul din stanga;
2. click pe una din pagini, sa zicem pe pagina unde vrei sa pui imaginea;
3. in partea dreapta, undeva sus, trebuie sa ai o lista de selectie cu optiunile Constant Editor,Info/Modify,TypoScript Object Browser si Template A.nalyzer - alege Template A.nalyzer;
4. un mic tabel se va afisa dedesupt da click pe EXT:css_styled_content/static/;
5. sub tabel, se va afisa continutul fisierului care contine toate configurarile responsabile de gramada de tag-uri din jurul continutului, deci si din jurul imaginii tale.
Vinovata de primul div din jurul imaginii tale este linia asta:
default.value = <div class="csc-textpic csc-textpic-center csc-textpic-above###CLASSES###">###IMAGES######TEXT###</div><div class="csc-textpic-clear"><!-- --></div>
(daca folosesti typo3 2.6 cred ca este linia 1439).
Daca vrei il elimini de tot acest div, poti scrie in template-ul typoscript linia asta:
tt_content.image.20.layout.default.value = ###IMAGES######TEXT###
o sa vezi ca div-ul nu mai apare. dar n-o sa mai apara la nici un element de acest tip. Uneori poate fi util ca o configurare sa apara pentru un grup de elemente, dar sa nu apara la altul.
Acolo unde afisezi poza, ai probabil o lini (typoscript) de genul:
page.10.marks.MY_MARKER < styles.content.getRight
in acest moment, page.10.marks.MY_MARKER "mosteneste" toate configurarile lui styles.content.getRight ... atunci oare nu se poate sa schimbam configurari doar pentru markerul nostru? Sigur ca se poate!
Daca adaugi linia asta:
page.10.marks.MY_MARKER.image.20.layout.default.value = ###IMAGES######TEXT###
vei scoate primul div doar din jurul imaginii tale. In schimb, daca vei pune o alta imagine pe coloana stanga sa zicem (styles.content.getLeft), div-ul va fi acolo pentru imaginea din stanga.
Pentru problema cu link-ul am urmatoarea sugestie: sub campul in care faci upload-ul imaginii, trebuie sa fie undeva un camp
Image Links. Adauga link-ul dorit acolo, si adauga urmatoarele linii de typoscript:
page.10.marks.MY_MARKER.image.20.1.imageLinkWrap >
page.10.marks.MY_MARKER.image.20.1.imageLinkWrap.typolink.parameter.field = image_link
page.10.marks.MY_MARKER.image.20.1.imageLinkWrap.ATagParams = rel="shadowbox"
ar trebui sa obtii exact ce iti doresti: link-ul va fi pus in jurul imaginii, iar gramada de tag-uri din jurul imaginii va ramane tot acolo, dar fara sa te incurce. Cauta cum ti-am aratat mai sus configurarile initiale (pe care le-am rescris acum) ... cauta de exemplu cuvantul imageLinkWrap.
Sfat: desi probabil primul impuls va fi sa scoti toate tag-urile alea afuriste din jurul imaginii sau al oricarui alt continut, n-o face daca nu e neaparat necesar. Lasa-l pe cel care face css-ul sa munceasca si el putin si sa-l scrie pe cat posibil adaptat la ceea ce genereaza typo3-ul default. Asa iti vei face viata mai usoara (ce-i drept, i-o vei face lui mai grea, dar fi egoista
).
Mai departe fa-ti propriile experimente folosind Template A.nalyzer-ul ca si model si o sa vezi ca poti schimba o gramada de lucruri.
