Ridimensione immagini
Autor: Roberto M.
Besucht 1129,
Followers 1,
Geteilt 0
https://templatemaxdesign.altervista.org/DEMO1/ROBOTICA/
Avete del codice extra per ridimensionare l'immagine del robot e dei testi che accompagnano l'immagine?
Trovo spesso problemi con il ridimensionamentop delle immagini ma che regola devo seguire per renderle responsive? Non dovrebbe essere tutto automatico?
Ringrazio
Gepostet am
Non capisco cosa intendi con l'immagine del robot ma per rendere responsive le immagini inserite con codice basta dare la larghezza (width) in percentuale.
Autor
A saperlo fare. Ma perchè non lo fa in automatico più che altro. Che responsive è se lo devo fare io poi.
Ma non capisco dove ? Perchè se le immagini le metti nell'oggetto immagine o nell'oggetto testo sono responsive, dov'è che non ti funziona ?
Forse ho capito, è questa l'immagine che non si adatta ?
Se è questa devi individuare la cella e usare i @media screen.
Se non ho visto male devi lavorare su questa cella #imPageRowGraphics_1
Autor
Si pat l'immagine è Questa. La cella dovrebbe essere quella che hai individuato. Che codice devo inserire per provare?
Prova con questo codice al passo 3--->Proprietà--->esperto--->prima della chiusura del tag HEAD
<style>
.imPageRowGraphics_1{
max-width:100%;
height:auto;
}
</style>
Autor
Ciao Pat no non funziona. Il ridimensionamento rimane sempre tagliato.
... è una immagine (5:2) di sfondo alla riga, sotto la regola CSS COVER di cui bisognerebbe capirne il concetto del ridimensionamento che si basa sulla priorità o della larghezza della finestra o della altezza assegnata alla riga; ...le immagini più adatte potrebbero risultare quelle in rapporto (1:1) o quadrate; ...per esempio in giallo la riga con la parte che sarà visibile, ingrandita o diminuita in rapporto razionale:
-
-
... un compromesso si potrebe tentare con questo codice:
<style>
@media (max-width: 719px) and (min-width: 480px) {
#imPageRow_1 , #imPageRow_1 div {height:auto !important;max-height:510px !important;background-size:220% !important } }
</style>
.
prova con l'oggetto Content Slider, eventualmente lo puoi adattare a piacimento con un pò di codice:
https://www.stefanociccacci.it/
Autor
Non funziona Koolasim viene sempre tagliata. Per giancarlo B è possibile avere il codice del content slider utilizzato sul sito di stefanociccacci da adattare al content slider che metterò io?
... era per un compromesso, su cui ci si potrebbe giostrare ; ...il tutto, per quanto detto in precedenza, e come anche per il content slider(!), dipende dall'altezza della riga e dalle proporzioni dell'immagine...
.
lo trovi sulla pagina CTRL+U è commentato.
inizia da questo
/* Content Slider responsive code by Giuseppe Guida custom by Giancarlo Bartolini */
se lo utilizzi lascia cortesemente i credit....
Autor
Grazie giancarlo. Funziona in parte e si tratta di un compromesso accettabile molto dipende anche dall'immagine che ci metti. Continuo però a chiedere sul perchè occorra del codice extra quando lo dovrebbe fare in automatico il prodotto o non è così? Eppure la loro pubblicità recita: Programma per Creare Siti Web, Blog e E-commerce. Anche senza esperienza. Compralo Ora. Crea il Tuo E-commerce. 100% Siti Responsive.
200 euro e per che cosa che se non ci foste voi a darci una mano qui Incomedia avrebbe già fallito; garantito al 100%! Scusate lo sfogo ma sono proiprio deluso. Se ci lavoro ancora con questo software è perchè la vostra assistenza di voi moderatori e di chi ha più esperienza di me è veramente al TOP.
... il programma non c'entra; ...tutto sta in quanto ho suggerito inizialmente nel mio primo post...... ciao...
Kol capisco che molte volte (forse troppe, poi si perdono le vere problematiche che si porta dietro) viene incolpato il software per anomalie non dipendenti da quest'ultimo. In questo caso però, mi permetto di dire che se un oggetto non è completamente responsive e devi tamponare con dei codici la colpa non è da ricercare altrove (parere personale).
... purtroppo per gli sfondi in CSS COVER vale quanto detto... ... se l'immagine è orizzontale rettangolare non può stare in un quadrato o in un rettangolo verticale...
...bisognerebbe valutare sui contenuti della riga...
.