WebSite X5Help Center

 
Roberto M.
Roberto M.
User

Content slider codice responsive  it

Autore: Roberto M.
Visite 390, Followers 2, Condiviso 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.

Postato il
7 RISPOSTE - 1 UTILE
Roberto M.
Roberto M.
User
Autore

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.

Leggi di più
Postato il da Roberto M.
Giancarlo B.
Giancarlo B.
User
Utente del mese IT

ctrl + u

Leggi di più
Postato il da Giancarlo B.
Roberto M.
Roberto M.
User
Autore

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!

Leggi di più
Postato il da Roberto M.
Giancarlo B.
Giancarlo B.
User
Utente del mese IT

Spiegherei anche che non vanno rimossi i credit di Giuseppe

Leggi di più
Postato il da Giancarlo B.
Roberto M.
Roberto M.
User
Autore

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. 

Leggi di più
Postato il da 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

Leggi di più
Postato il da Giuseppe Guida