Nije problem sacuvati customizirani CSS, problem je sto se mijenjaju divovi i s novim funkcijama nastaju novi elementi pa i CSS teme stalno treba nadogradjivati.
Like za ovo (20 znakova)
Također, produženu crnu, samo da nije ova s mlijekom
Jucer kada se napravio update je bila dostupna crna tema na mobitelu za odabrati, izgledalo je poprilicno dobro.
Tako da crna +1
Dajte mi neki kod koji će gornji Mydataknox banner prikazivati dobro i na računalima i na mobitelima pa vam odmah omogućim da možete birati različite teme.
Za sad sam probao ovako:
<a href="https://mydataknox.hr" target="_blank"><img src="https://geek.hr/wp-content/uploads/2018/05/banner468x60px.gif" alt="Mydataknox" height="100%"></a>
Ali ga onda na desktopu previše rastegne.
A ako dodam piksele onda mi na manjim ekranima mobitela bude odsjecen:
<a href="https://mydataknox.hr" target="_blank"><img src="https://geek.hr/wp-content/uploads/2018/05/banner468x60px.gif" alt="Mydataknox" width="468px" height="60px"></a>
Pretpostavljam da ga moram u nekakve divove omotati da bi to radilo. Ima tko kakvu ideju?
Sta smatras pod tim da se dobro prikazuje ? Meni i sada izgleda ok
Sada je ok jer sam poseban kod dodao za desktop, a poseban za mobile.
Kvaka je u tome da mi treba jedinstven kod za obe verzije Evo stavit ću sad jedan kod pa gledajte rastegnuti banner dok ne pronađemo riješenje
Nije ti ovo ok bas, mutno je dosta.
Jednostavno ti treba veca slika vecih dimenzija, stavis joj width na 100% (sto si vec uradio) i kako smanjujes sirinu viewporta i slika ce se automatski smanjiti.
Postoji i druga opcija a to je da definises vise slika za razlicite velicine uredjaja, i kada dokucis odredjeni breakpoint, odredjena slika ce se prikazati.
Ja na desktopu želim da se prikazuje 468x60px banner, ništa veće od toga, a na mobile da taj isti banner dodatno smanji da stane u ekrane svih modernijih mobitela.
Uradi sljedece
- Izbrisi ove width i height propertije
- dodaj klasu na img element nek se zove npr. reklama
<img src="..." class="reklama" />
U CSS negdje dodaj sljedece
@media only screen and (max-width: 768px) {
.reklama {
width: 96vw;
}
}
Trebalo bi da bude ok.
Ok sad još samo treba margin-bottom: 20px;
ubaciti.
Ovako ne radi…
@media only screen and (max-width: 768px) {
.header-banner {
width: 96vw;
margin-bottom: 20px;
}
}
Ne radi zato sto si stavio margin-bottom unutar media query-a.Radit ce kad velicina viewporta bude < 768px;
Izvan media query-a uradi margin-bottom za tu klasu i raditi ce.
I da jedna mala ispravka, stavi width: 100% umjesto 96vw - to sam ja nesto eksperimentisao
.header-banner {
margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
.header-banner {
width: 100%;
}
}
final
I jos jedna mala napomena, banner ce imati 100% width i na tabletima odnosno u momentu kad je velicina viewporta <= 768px.U slucaju da hoces da ciljas samo mobitele stavi nekih cca 480px.
super sve, samo mi recite zašto mi dole piše
Windows Computer – Belgrade, Serbia
Google Chrome | active now
kada nisam iz beograda … provjerio sam svoj ip, utrace.de pokazuje kako treba, ovdje piše beograd …
Ne znam koju GeoIP bazu koristi forum sad u ovom momentu da ti budem iskren, a moguće i da onu od Cloudflarea… ne znam jel CF ima servere u BG pa bi ti u tom slučaju možda njihov IP prikazivalo.
to je to … cf ima servere u bg … hvata cloudflare ip
Što se uvijek strašiš da će ti netko reć’ da si iz Beograda?
Forum radi odlično, jako sam zadovoljan, u admin panelu i dashboardu su vidljive neke opcije koje nismo gledali godinama.
hahaha nemam ja ništa ni protiv beograda ni protiv zagreba ali me nemojte mećat tamo gdje mi nije mjesto hahahhaha
forum je odličan, radi ko podmazan
Mene je stavilo u Zagreb, a bogami nisam ni tamo, a ni u Beogradu.