WebSite X5Help Center

 
Roberto M.
Roberto M.
User

Content slider codice responsive  it

Autor: Roberto M.
Visitado 392, Followers 2, Compartido 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.

Publicado en
7 RESPUESTAS - 1 ÚTIL
Roberto M.
Roberto M.
User
Autor

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.

Leer más
Publicado en de Roberto M.
Giancarlo B.
Giancarlo B.
User

ctrl + u

Leer más
Publicado en de Giancarlo B.
Roberto M.
Roberto M.
User
Autor

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!

Leer más
Publicado en de Roberto M.
Giancarlo B.
Giancarlo B.
User

Spiegherei anche che non vanno rimossi i credit di Giuseppe

Leer más
Publicado en de Giancarlo B.
Roberto M.
Roberto M.
User
Autor

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. 

Leer más
Publicado en de 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

Leer más
Publicado en de Giuseppe Guida