WebSite X5Help Center

 
Roberto M.
Roberto M.
User

Ridimensione immagini  it

Author: Roberto M.
Visited 1203, Followers 1, Shared 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

Posted on the
18 ANSWERS - 4 USEFUL
Fabio C.
Fabio C.
User

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.

Read more
Posted on the from Fabio C.
Roberto M.
Roberto M.
User
Author

A saperlo fare. Ma perchè non lo fa in automatico più che altro. Che responsive è se lo devo fare io poi.

Read more
Posted on the from Roberto M.
Fabio C.
Fabio C.
User
Roberto M.
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 ?

Read more
Posted on the from Fabio C.
Fabio C.
Fabio C.
User

Forse ho capito, è questa l'immagine che non si adatta ?

Se è questa devi individuare la cella e usare i @media screen.

Read more
Posted on the from Fabio C.
Fabio C.
Fabio C.
User

Se non ho visto male devi lavorare su questa cella #imPageRowGraphics_1

Read more
Posted on the from Fabio C.
Roberto M.
Roberto M.
User
Author

Si pat l'immagine è Questa. La cella dovrebbe essere quella che hai individuato. Che codice devo inserire per provare?

Read more
Posted on the from Roberto M.
Fabio C.
Fabio C.
User

Prova con questo codice al passo 3--->Proprietà--->esperto--->prima della chiusura del tag HEAD

<style>

.imPageRowGraphics_1{

max-width:100%;

height:auto;

}

</style>

Read more
Posted on the from Fabio C.
Roberto M.
Roberto M.
User
Author

Ciao Pat no non funziona. Il ridimensionamento rimane sempre tagliato.

Read more
Posted on the from Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... è 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>

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User
Author

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?

Read more
Posted on the from Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
Roberto M.
Non funziona Koolasim viene sempre tagliata. ... ... 

... 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...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Roberto M.
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?

lo trovi sulla pagina CTRL+U è commentato.

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User

inizia da questo

/* Content Slider responsive code by Giuseppe Guida custom by Giancarlo Bartolini */

se lo utilizzi lascia cortesemente i credit....

Read more
Posted on the from Giancarlo B.
Roberto M.
Roberto M.
User
Author

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.

Read more
Posted on the from Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
Roberto M.
... ...  Continuo però a chiedere sul perchè occorra del codice extra quando lo dovrebbe fare in automatico il prodotto o non è così? ... ... ... 

... il programma non c'entra; ...tutto sta in quanto ho suggerito inizialmente nel mio primo post...cool... ciao...

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User

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).

Read more
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

...  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...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪