Forum zajednice Joomla! Hrvatska

Joomla! 3 podrška => Dodaci (Extensions) => Moduli => Autor teme: JessieSun u 06. Studeni 2019, 21:28

Naziv: Modul wrapper
Autor: JessieSun u 06. Studeni 2019, 21:28
E, ovak: želim u ovom modulu prikazat jednu sliku iz članka na mom webu, koju netko ažurira redovno. Dakle, postavila sam sidro i podesila iframe bez bordera i bez scrolera, da mi se lijepo u modulu na svakoj stranici vidi ta najnovija slika iz tog članka, tako da ne treba dvaput postavljat novu sliku, nego samo u članku, a ovdje će se bit automatski. No međutim to se ne događa jer ta stranica unutar iframea misli da je na mobitelu i cijela se stisne, čak mi se i onaj hamburger nakalemi.
U advanced options modula sam uklonila naslijeđeni stil, ali ne znam što da napišem u neki svoj css za taj iframe  u tom modulu da mi normalno prikaže tih 200x250px s tog urla od sidra, a ne da mi unutra bude cijeli mini list?
Nadam se da sam uspjela objasnit svoj problem.
Naziv: Odg: Modul wrapper
Autor: Dario u 08. Studeni 2019, 08:11
Link ?
Naziv: Odg: Modul wrapper
Autor: JessieSun u 08. Studeni 2019, 20:37
ok s obzirom da je riječ o zaštićem dijelu stranice napravila sam istu stvar na javnom da ti pokažem kaj me muči.

Dakle, stavila sam sidro na početak ovog teksta - vidi sliku u privitku

I od sidra ide iframe 300x300px

<iframe src="https://portal39.mensa.hr/index.php?option=com_content&view=article&id=1878:nova-sezona-predavanja-krece-na-jesen&catid=86&Itemid=446&lang=hr#sidro" width="300" height="300" scrolling="no" frameborder="0">

evo najjednostavnije je probat ovdje, samo gornji kod staviš između body tagova umjesto ovog oriđiđi: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe

dakle umjesto da se pokaže samo prvih 300x300px od sidra, u normalnoj veličini, tj. samo gornji lijevi dio slike s krovovima, cijela stranica se stisne kao da je na mobitelu, sve se smanji, i još se nakalemi mobilni sticky izbornik s hamburgerom


p.s. inče mi jest na mobitelu sve pomaknuto, zato se i vidi ovo žuto lijevo

Pitanje je kaj trebam napisat u css za iframe da ovaj url unutra ne misli da je na mobitelu?
Naziv: Odg: Modul wrapper
Autor: erbi u 09. Studeni 2019, 08:45
Pokušaj sa dodavanjem ovoga u CSS:

margin-left: -48px;
margin-top; -48px;
Naziv: Odg: Modul wrapper
Autor: JessieSun u 10. Studeni 2019, 12:30
Citat: erbi  u 09. Studeni 2019, 08:45
Pokušaj sa dodavanjem ovoga u CSS:

margin-left: -48px;
margin-top; -48px;

Zašto? Što bih time dobila? Na mbitelu mi nisu jednako poravnate sve cjeline, nešto je desno, nešto lijevo, pa zato ovo bježi. Footer mi recimo iskače udesno i tak.

A što se tiče url-a u iframeu kakve to ima veze s tim što mi se cijela stranica stišće kao da je na mobitelu, umjesto da je ispeglana u punoj veličini? To mi je pravi problem.
Naziv: Odg: Modul wrapper
Autor: Dario u 11. Studeni 2019, 09:22
Za početak, ako nekaj otvaraš na svojoj stranici u iframe-u, bilo bi dobro dodat "&tmpl=component" odnosno "?tmpl=component" ako se koriste SEF linkovi....

Dakle u iframe staviš link https://portal39.mensa.hr/index.php?option=com_content&view=article&id=1878:nova-sezona-predavanja-krece-na-jesen&catid=86&Itemid=446&lang=hr&tmpl=component#sidro

Na taj način dobiješ izrenderiranu samo komponentu - bez izbornika, modula i ostatka stranice...

Pa ajmo prvo krenut od tud, prvo to napravit pa ćemo vidit dalje :)
Naziv: Odg: Modul wrapper
Autor: JessieSun u 11. Studeni 2019, 09:45
Citat: Dario  u 11. Studeni 2019, 09:22
Za početak, ako nekaj otvaraš na svojoj stranici u iframe-u, bilo bi dobro dodat "&tmpl=component" odnosno "?tmpl=component" ako se koriste SEF linkovi...

...

Na taj način dobiješ izrenderiranu samo komponentu - bez izbornika, modula i ostatka stranice...

Pa ajmo prvo krenut od tud, prvo to napravit pa ćemo vidit dalje :)
wow  :-* :-* :-*  stvarno nema više izbornika ni ničeg okolo jeeeee, al i dalje imam problem sa smanjivanjem stranice unutar iframea

a tu sam označila da nema stila, isobala sam i ostale opcije i nikad se ništa ne promijeni:
Naziv: Odg: Modul wrapper
Autor: JessieSun u 11. Studeni 2019, 10:25
ja hvala ti puno  :-* :-* :-* :-* :-*
znaš kaj, ono kaj ja prikazujem u stvari je opis kategorije,p  sam stavila umjesto tog &tmpl-content i sad je ispeglanoooooooooooo, a obrisala sam ove neke dijelove, ejr sad sam skužila da tu ima svašta u urlu-u

vidiš, nikad nisam proučavala taj url, pa tu svašta piše lol  :vino:
Naziv: Odg: Modul wrapper
Autor: Dario u 11. Studeni 2019, 10:36
Stil modula je samo wrapper oko sadržaja, u pravilu nema veze s CSS-om...

Ovo kaj se tebi događa jer najvjerojatnije bootstrap ili neki css koji mijenja sadržaj ovisno o širini viewport-a
Naziv: Odg: Modul wrapper
Autor: JessieSun u 11. Studeni 2019, 12:19
Citat: Dario  u 11. Studeni 2019, 10:36
Stil modula je samo wrapper oko sadržaja, u pravilu nema veze s CSS-om...

Ovo kaj se tebi događa jer najvjerojatnije bootstrap ili neki css koji mijenja sadržaj ovisno o širini viewport-a
štogod da to je sad je ono kaj sam htjela da bude  ;D
Naziv: Odg: Modul wrapper
Autor: JessieSun u 12. Studeni 2019, 10:47
Imam još jedno pitanje: može li se u url dodati nešto da se to unutra prikaže recimo 150% uvećano?
Naziv: Odg: Modul wrapper
Autor: Dario u 12. Studeni 2019, 12:50
Svašta se može, al pitanje nije vezano za ovu temu...

Poprilično sam siguran da u url netreba ništ dovati... ako koristiš tmpl=component, malo istraži klase vezane za body i html tag-ove pa dopiši css
Naziv: Odg: Modul wrapper
Autor: JessieSun u 12. Studeni 2019, 15:36
ne želim da mi u originalnoj stranici išta bude uvećano nego samo u ovom iframeu kužiš
Naziv: Odg: Modul wrapper
Autor: Dario u 13. Studeni 2019, 08:17
Sve ja kužim, samo ne kužim kak očekuješ pomoć bez linka na stranicu... Nije da imamo kristalnu kuglu pa da znamo gdi i kaj se događa....
Naziv: Odg: Modul wrapper
Autor: JessieSun u 13. Studeni 2019, 14:33
lol kao prvo kaj si zaključao tamo onu temu - mni je stranica skakala i bez onog modula s anchorom


a kaj će ti link, pitam te općenito kak da u iframeu prikaže neku stranicu uvećanu za recimo 150%
Naziv: Odg: Modul wrapper
Autor: Dario u 13. Studeni 2019, 14:50
Dakle kao prvo, pročitaj pravila foruma. Ako otvoriš thread, onda se ne štukaš na njega s još dodatnih 10 pitanja ne vezanih za temu.

Drugo, napisala si da si postigla kaj si trebala, pa je tema zaključana..

Treće, evo, "općenito" možeš uvećat putem CSS-a, a obzirom da linka nema ili je stranica TOP SECRET pa nemogu dati konkretan odgovor - dalje se snađi sama kak to napraviti :)

Mislim da već i ptice na grani znaju da ako hoćeš konkretan odgovor, treba videt i konkretnu situaciju... Dakle link na situaciju...

A kad smo kod "općenitog", to pitanje "općenito" nema nikakve veze s Joomlom, a i "općenito" bi mogla naučit bar neke osnove html-a i css-a :)
Naziv: Odg: Modul wrapper
Autor: JessieSun u 13. Studeni 2019, 17:37
pa situacija je takva da imam neku stranicu URLblabla...

i onda imam na drugoj iframe u kojem učitavam tu stranicu URLblabla...

i želim da mi taj URLblabla... unutar iframe bude 150% uvećana nego kad se normalno otvara

zanima me kaj trebam napisat, koji css u iframe pišem da se taj url unutra uveća?

osnove neke imam od prije 10ak god i neću niš novo da učim više jer je previše promjena bilo, lakše mi je pitat tu jednu stvar

i ima ovo veze s joomlom jer ja otvaram iframe u wrapper modulu kojem mogu dodat svoj css
Naziv: Odg: Modul wrapper
Autor: Dario u 14. Studeni 2019, 08:37
Dakle, treba vidit kaj taj iframe, odnosno njegov sadržaj ima od klasa koje se ne poklapaju kad je u iframe-u i kad je stranica normalno učitana.

Prema tome treba pisat css koji uvećava elemente, nema neke čarobne linije koja bi to napravila sama od sebe, a budući da ti i dalje piliš po svom - mislim da ti niko nemože pomoći.

Ako se pojavi link u ovom postu - dat ću odgovor, na ostalo više ne odgovaram jer se stvarno nemam vremena natezat i objašnjavat ti...

I dalje to nema veze s Joomlom već s iframe-om i css-om koji si trebala svladat "prije 10 godina"... Al vidim ja da ti znaš bolje :)
Naziv: Odg: Modul wrapper
Autor: erbi u 15. Studeni 2019, 06:10
Možda ovako: https://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of-an-iframe (https://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of-an-iframe)
Naziv: Odg: Modul wrapper
Autor: Dario u 15. Studeni 2019, 10:07
To neće smanjiti sadržaj unutar irame-a, već sam iframe.

Također, korištenje transform-a treba izbjegavat za takve stvari jer sadržaj u pravilu izgleda loše (ovisno o browseru negje bolje/negde lošije), tekstovi su nazubljeni, "nestaju" borderi i slične nuspojave...

Najbolji način je pregledati sadržaj iframe-a i sadržaj kad nije u iframe-u, joomla u pravilu dodaje klase na html element, pa se da za sadržaj u iframe-u napisat poseban css - i onda to izgleda i radi kak treba...
Naziv: Odg: Modul wrapper
Autor: JessieSun u 16. Studeni 2019, 17:29
ok ok pa eto nisam to nikad trebala i zaboravila sam pola css-a i html-a, a prije 10 god sam to sve iz glave sipala; a sad neću ponovo sve učit jer ima previše promjena, pola kodova ne postoji, ima puno tog novog, a ja se ne bavim izadom weba osim ovak tu i tam nekomercijalno, a do sad mi nikad nije trebalo ovako nešto niti mi je palo na pamet, no evo baš bih sad htjela uvećat sadržaj iframea nekako

a link ti ne mogu dati nego opet možeš uzet onaj tamo gore primjer jer je originalni link zatvorenog tipa, sadržaj samo za članove
mislim, kakve ima veze link, pa uzmeš bilo koji iz joomle, jer joomla ima svoj sistem kak radi url, pa ti to znaš i bez linka, dakle kak da neki joomlin url uvećam

da li postoji neki dodatak url-u kak si mi dao za ovo peglanje
Naziv: Odg: Modul wrapper
Autor: JessieSun u 16. Studeni 2019, 20:47
Citat: erbi  u 15. Studeni 2019, 06:10
Možda ovako: https://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of-an-iframe (https://stackoverflow.com/questions/166160/how-can-i-scale-the-content-of-an-iframe)
HVALA, PA TO RADI!!!  :-* :-* :-*
samo sam dodala ovo i W o W
.banerko {
  zoom: 1.25; -moz-transform: scale(1.25); -moz-transform-origin: 0 0;
}


To je to što sam trebala yes  :vino: :vino: :vino:

uz p.s. Dariu: Da, nemam pojma kakvi su to kodovi ni da li moram pisat sva tri, al briga me jer to je ono kaj mi je trebalo i radi savršeno, iako nije ono kaj sam tražila, jer nije samo stranoca unutar iframea uvećana nego i sam iframe, ali još bolje: ne moram još mijenjat dimenzije, tak da  mi je ovo još bolje, sve-u-1. I odlična stvar za uvećavanje ili smanjivanje bilo kojeg modula bilo gdje,  isprobano.  ;D


p.s. #2: ali ne radi svugdje, npr u Operi se samo iframe poveća, ali nei unutaranja stranica  :'( :'( :'( :'( :'(

Zato opet otključavam ovu temu.

Naziv: Odg: Modul wrapper
Autor: JessieSun u 17. Studeni 2019, 12:45
Ok, ipak sam to išla malo proučit iako mi se nije dalo, a našla sam ovdje:
https://www.w3schools.com/css/css3_2dtransforms.asp

Svašta sam isprobala, i na kraju dodala sve ovo:

.banerko {
  margin-top:10%;margin-left:10%;
  transform: scale(1.25); transform-origin: scale(1.25);
  -moz-transform: scale(1.25); -moz-transform-origin: scale(1.25);
  -webkit-transform-origin: scale(1.25); -webkit-transform: scale(1.25);
}


i konačno je ok u svim browserima!!! Ovaj margin sam stavila jer mi se sve raširilo u svim smjerovima, pa mi je slika počinjala gdje treba naslov modula, a ovak sam ju spustila 

Ali kasnije sam otkrila da može i ovako:

  transform: matrix(1.25, 0, 0, 1.25, 15, 25);
  -ms-transform: matrix(1.25,0, 0,1.25, 15, 25);
  -webkit-transform: matrix(1.25,0, 0, 1.25, 15, 25);


Evo sad mogu zaključat temu jeeee  ;D :vino: