WebSite X5Help Center

 
Roberto M.
Roberto M.
User

Content slider codice responsive  it

Author: Roberto M.
Visited 475, Followers 2, Shared 0  

Salve ragazzi. Ho guardato in giro ma non riesco a trovare il codice e non so come si faccia a vedere quello di un ragazzo che fa vedere un sito di palestra e dice di aver risolto con del codice. La faccio breve: qualcuno può postarmi due righe di codice per far si che le immagini di questo modulo CONTENT SLIDER bello a vedersi e poco funzionale nei device mobili, possa ridimensionare le immagini alle varie risoluzioni senza tagliarle?  Grazie dell'attenzione.

Posted on the
7 ANSWERS - 1 USEFUL
Roberto M.
Roberto M.
User
Author

Grazie giancarlo L'avevo già letto il post ma come faccio a vedere il codice con analizza il documento io tutto vedo tranne il codice commentato dall'utente. Fammi provare con chrome magari sbaglio io qualche cosa.

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

ctrl + u

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

Si fatto però spiegherei meglio la procedura.

Questo è il codice originario dell'utente a cui si fa riferimento:

<style>
/* Custom code by Giuseppe Guida */
@media (max-width: 719.9px) and (min-width: 200px){
.content-slider.slide-image-content {
width: 200px !important;
}
}
#imObjectContentSlider_94 > .content-slider-container > .content-slider-ctrl-container > .btn-ctrl>.arrow-btn {
width: 70px;
height: 70px;
}
.content-slider.content-slider-ctrl-container{
visibility: visible !important;
}
#imObjectContentSlider_94 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-button {
background-color: rgba(152, 1, 1, 0.5);
}
@media (max-width: 719.9px) and (min-width: 200px) {
#imObjectContentSlider_94 {
min-height: 400px !important;
}
#imObjectContentSlider_94 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-title {
font-size: 22pt !important;
}
#imObjectContentSlider_94 > .content-slider-container > .slide-container > .slide-grid-container > .slide-txt-container > .slide-txt-content > .slide-txt-block-container > .slide-button {
font-size: 12pt;
}
#imObjectContentSlider_94 > .content-slider-container > .content-slider-ctrl-container > .btn-ctrl>.arrow-btn {
width: 40px;
height: 40px;
}
}
/* End custom code */
</style>

Dovete fare attenzione a cambiare solo l'ID del vostro oggetto. Nel caso che stiamo visionando abbiamo questo oggetto:#imObjectContentSlider_94

Ora aprite la vostra pagina in anteprima ma quella che si vede dal browser non quella di progetto. Fate tasto destro poi su "ispeziona codice". Alla vostra destra della maschera in analisi cercate la voce @media (max-width: 1149.9px) and (min-width: 720px)index.css?2882119:2115#imObjectContentSlider_75 > .content-slider-container > .slide-container > .slide-grid-container {

Come potete vedere io ho #imObjectContentSlider_75.

Adesso riportatevi sulla vostra pagina in progetto > mappa > propietà > esperto

Incollate il codice di cui sopra modificando _94 con il vostro. Attenzione potreste trovare anche ID come 16_108 e via discorrendo e la modifica importante la dovete fare dopo l'andescore cioè _ che precede l'ID per cui lasciate _ e metteteci tutto il vostro id che avete trovato. SE ad esempio fosse 10_109 voi dovete mettere _10_109.

Fatto!

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

Spiegherei anche che non vanno rimossi i credit di Giuseppe

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

Chiedo venia ho visto il codice da te postato come screen pensavo che riportandolo per un copia incolla al volo avrebbe facilitato l'utenza meno esperta. Potete rimuovere l'intero post se ho violato qualche regola. 

Read more
Posted on the from Roberto M.
Giuseppe Guida
Giuseppe Guida
User

Tranquillo Roberto, i credit ci sono, almeno nel codice che hai postato sopra vedo /* Custom code by Giuseppe Guida */.

@Giancarlo, grazie.

P.S. grazie per il "ragazzo" ("...non so come si faccia a vedere quello di un ragazzo che fa vedere un sito di palestra...") ma ho 50 anni wink

P.P.S. In quel link indicato da Giancarlo avevo comunque inserito la mia mail nel caso di dubbi e avrei dato (gratuitamente) tutte le info tramite mail come ho fatto con altri utenti. Qui sul Forum diventa spesso difficile scrivere, spiegare ed avere soprattutto un filo diretto ed immediato con gli utenti. Ho una mail già impostata per i meno esperti con tutta la spiegazione necessaria ad implementare il mio codice per rendere responsive la Content Slider che, come hai fatto ben notare, purtroppo è un oggetto bello a metà... Negli oggetti (anche a pagamento) di Incomedia stai certo che qualcosa manca sempre, puoi farci le migliori scommesse, le vinceresti sempre! wink

Read more
Posted on the from Giuseppe Guida