WebSite X5Help Center

 
Roberto M.
Roberto M.
User

Ridimensione immagini  it

Автор: Roberto M.
Просмотрено 1170, Подписчики 1, Размещенный 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

Размещено
18 Ответы - 4 Полезно
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.

Читать больше
Размещено От Fabio C.
Roberto M.
Roberto M.
User
Автор

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

Читать больше
Размещено От 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 ?

Читать больше
Размещено От 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.

Читать больше
Размещено От Fabio C.
Fabio C.
Fabio C.
User

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

Читать больше
Размещено От Fabio C.
Roberto M.
Roberto M.
User
Автор

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

Читать больше
Размещено От 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>

Читать больше
Размещено От Fabio C.
Roberto M.
Roberto M.
User
Автор

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

Читать больше
Размещено От Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User

prova con l'oggetto Content Slider, eventualmente lo puoi adattare a piacimento con un pò di codice:

https://www.stefanociccacci.it/

Читать больше
Размещено От Giancarlo B.
Roberto M.
Roberto M.
User
Автор

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?

Читать больше
Размещено От Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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...

.

Читать больше
Размещено От  ‪ 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.

Читать больше
Размещено От 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....

Читать больше
Размещено От Giancarlo B.
Roberto M.
Roberto M.
User
Автор

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.

Читать больше
Размещено От Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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...

Читать больше
Размещено От  ‪ 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).

Читать больше
Размещено От Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪