check Megoldva Banner elrejtése mobil nézetben

Több
2017 aug. 25 15:03 #1 Írta: Quwick
Banner elrejtése mobil nézetben téma létrehozva Quwick által
Sziasztok!
Széchenyi 2020 logo megjelenítéséhez kerestem sarok banner megjelenítő modult.
Amit viszont találtam, (mod_site_beinvolved) az nem reszponziv.
A stilus formázását a helper.php fájlból jeleníti meg=
$BI_style	= "background:transparent url({$LiveSite}{$BI_image}) no-repeat scroll right top !important;" .
					"color:transparent;" .
					"cursor:pointer;" .
					"display:block;" .
					"height:100px;" .
					"position:".$BI_position.";" .
					$latitude.":0pt;" .
					"text-decoration:none !important;" .
					"text-indent:-999em;" .
					$BI_direction.":0pt;" .
					"width:100px;".
					"z-index:99999;"
					;

		$output ='';
		$output .= '<a title="'.$BI_text.'" style="'.$BI_style.'" href="'.$BI_link.'" '.$BI_target.' >'.$BI_text.'</a>';

Tud valaki segíteni, hogy a bannert mobil megjelenítésben hogyan tudom elrejteni?
@media (max-width: 479px)
    {overflow: hidden;}

Ha szeretnéd az összes szabadidődet mások szerint értelmetlenül eltölteni, legyél te is Joomla buherátor!
Web megjelenés: www.linkkatalogus.ancsajosno.hu/

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 aug. 26 08:00 #2 Írta: csezo
csezo válaszolt a következő témában: Banner elrejtése mobil nézetben
jó helyen kapisgálsz, @media lesz a megoldásod.
Viszont azt javasolnám, hogy picit bővítsd ki .
Nem igazán jó megoldás a formázás beépítése a PHP kódba, javaslom, azt tedd ki CSS file-ba.
Ezután meg kell keresned a forrásban azt a legkülső <DIV> tag-ot, ami ezt a bannert tartalmazza, és hozzá tudsz férni, és állíts be neki egy class-t, mondjuk <DIV class="hidden-phone">.
A CSS file pedig mehet a media query :

@media only all and (max-width: 48rem){
.hidden-phone {
display: none;
}
}
(Ne zavarjon meg, hogy én mértékegységként nem pixelt, hanem rem-et adtam meg!!! Természetesen lehet 480px is)
Ennek az értelmezése:
Minden olyan mediumon (nem csak display!) aminek a szélesége a max-width alatt van, érvényesül a külső kapcsos zárójelen belüli formázás. Ott pedig azt adtam meg, hogy a hidden-phone class mit tartalmazzon, jelen esetben, hogy ne jelenítse meg azt a <DIV> tartalmat, amit így formáztál. Természetesen több css class -t is betehetsz ebbe a media query -be, így pl lehet más méretű a font méret, lehetnek más színes, stb stb stb

Ha értékesnek találtad a hozzászólást, azt a "KÖSZÖNÖM" gombbal jelezheted.

Jelentkezz be, hogy te is részt vehess beszélgetésben!

Több
2017 aug. 28 13:44 #3 Írta: Quwick
Quwick válaszolt a következő témában: Banner elrejtése mobil nézetben
Modulon belüli link megjelenítést alkalmaz ez a kiegészítő. Mivel az egész modulnak nem akartam formázást adni, így az általad javasolt „class” formázást a linkre tettem rá. A „css” megjelenítést az alapsablonba jelenítettem meg úgy, ahogyan javasoltad. Működik! Köszönöm szépen!

Ha szeretnéd az összes szabadidődet mások szerint értelmetlenül eltölteni, legyél te is Joomla buherátor!
Web megjelenés: www.linkkatalogus.ancsajosno.hu/

Jelentkezz be, hogy te is részt vehess beszélgetésben!