WebSite X5Help Center

 
Roberto M.
Roberto M.
User

Ridimensione immagini  it

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
18 ANTWORTEN - 4 NüTZLICH
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.

Mehr lesen
Gepostet am von Fabio C.
Roberto M.
Roberto M.
User
Autor

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

Mehr lesen
Gepostet am von 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 ?

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von Fabio C.
Fabio C.
Fabio C.
User

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

Mehr lesen
Gepostet am von Fabio C.
Roberto M.
Roberto M.
User
Autor

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

Mehr lesen
Gepostet am von 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>

Mehr lesen
Gepostet am von Fabio C.
Roberto M.
Roberto M.
User
Autor

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

Mehr lesen
Gepostet am von 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>

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User
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?

Mehr lesen
Gepostet am von 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...

.

Mehr lesen
Gepostet am von  ‪ 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.

Mehr lesen
Gepostet am von 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....

Mehr lesen
Gepostet am von Giancarlo B.
Roberto M.
Roberto M.
User
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.

Mehr lesen
Gepostet am von 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...

Mehr lesen
Gepostet am von  ‪ 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).

Mehr lesen
Gepostet am von 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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪