Atasamente in-line pe orizontala

[styzo]

Am si eu o intrebare. In descrierea Phpbb3 se specifica ca atasamentele sunt inline. Concret cand se ataseaza doua sau mai multe fisiere, acestea apar unele sub altele (inline)(in pozitie verticala), chiar daca jos in dreptul atasamentului dai click pe "aseaza in linie" tot una sub alta le aseaza.

In orice caz ma intereseaza daca exista vreo posibilitate ca imaginile sa fie aranjate una langa alta (pe orizontala). Exemplu concret: sa zicem ca spatiul de viewtopic este de 600 px si in urma resize-ului facuta de imagemagick se specifica valoarea de 200 px latime per/imagine (thumbnail), ar trebui sa incapa 3 imagini una langa alta pe orizontala. Este posbil asa ceva ? Si daca da v-as fi recunoscator daca m-ati putea ajuta in acest aspect.

Cu respect,
Cosmin.

[Shadow of Wishes]

Da, exista aceasta posibilitate din cate stiu eu, tot ce trebuie sa faci este sa editezi fisierul css pentru clasa de imagini. O sa incerc la mine pe forum, iar daca reusesc vei gasi codul respectiv tot acolo.

Inline nu se refera la asezarea in linie (pozitie verticala), ci reprezinta atasarea imaginii intre portiuni de text:

Cod: Selectaţi tot

Textul 1
Imagine
Textul 2

Si daca nu folosesti aceasta functie iti va afi afisat la sfarsitul mesajului (by default)

[Arthurios]

Din 2008 si pana azi nu s-a descoperit nici o solutie? Si eu speram sa gasesc raspuns la problema asta...

[Arthurios]

Care este fisierul css ce trebuie modificat? Nu cred ca ar fi complicat, trebuie adaugat un 'align left' si ar merge si un target=_blank

[Arthurios]

Imi raspund tot eu (valabil pentru tema prosilver): fisierul care trebuie modificat este attachment.html din styles/prosilver/template; ceea ce am adaugat se vede mai jos cu rosu.

<!-- IF _file.S_THUMBNAIL -->
<dl class="thumbnail">
<dt><a target="_blank" href="{_file.U_DOWNLOAD_LINK}"><img align="left" src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}" /></a></dt>
<!-- IF _file.COMMENT --><dd> {_file.COMMENT}</dd><!-- ENDIF -->
</dl>
<!-- ENDIF -->

Ca sa aiba efect este necesara o reimprospatare a sablonului.

Imaginile atasate se aseaza acum pe orizontala lipite unda de alta. Atunci cand imaginile au atasate comentarii, textul va apare lateral in dreapta sus ceea ce va duce la o asezare in scara a imaginilor.

Pentru a adauga si un pic de spatiu intre imagini trebuie modificat content.css din /theme:

dl.thumbnail img {
padding: 3px;
border: 1px solid #666666;
background-color: #FFF;
margin-right: 4px;
margin-bottom: 4px;
}

Se reimprospateaza tema.



Probleme apar la inserarea unui numar mai mare de imagini, pe mai multe randuri, daca au comentarii. Daca a fost modificat content.css comentariile de pe randurile urmatoare isi pierd asezarea langa imagini. Daca nu a fost modificat toate randurile vor fi in scara.