Cum afisez continut in functie de dispozitiv / rezolutie?

[gaby]

Asa cum probabil stiti, platforma IPB 4.x este responsive. Asta inseamna ca interfata site-ului se redimensioneaza in functie de ecranul dispozitivului de pe care este accesata. In cazul in care doriti sa afisati un anume continut (reclame, imagini, text, etc.) doar pentru o anumita serie de dispozitive, atunci va trebui sa va folositi de urmatoarele linii de cod ce folosesc niste clase css deja existente in script:

<div class='ipsResponsive_hidePhone ipsResponsive_hideTablet'>This is Desktop resolution</div>
<div class='ipsResponsive_hideTablet ipsResponsive_hideDesktop'>This is Phone resolution</div>
<div class='ipsResponsive_hideDesktop ipsResponsive_hidePhone'>This is Tablet resolution</div>

In cazul primei linii de cod, continutul va fi afisat doar pe Desktop. Cea de-a doua linie de cod va afisa continutul div-ului doar pe telefoanele mobile, in timp ce a treia linie de cod va afisa continutul doar pe tablete.

Vedeti si: https://community.invisionpower.com/4docs/advanced-usage/theme-and-design/targeting-mobiletabletdesktop-screens-r139/

Numai bine !