WebSite X5Help Center

 
Tommaso Tarallo
Tommaso Tarallo
User

Script per far scorrere i titoli delle ultime news del blog nella homepage come presentazione  it

Автор: Tommaso Tarallo
Просмотрено 1919, Подписчики 3, Размещенный 0  

Salve,

qualcuno conosce uno script  per far scorrere i titoli delle ultime news del blog nella homepage come presentazione?

Grazie.

Размещено
32 Ответы - 4 Полезно - 1 Корректно
Tommaso Tarallo
Tommaso Tarallo
User
Автор

Grazie cLAUDIO!

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

Cmq Claudio non funziona il codice del secondo link (forse perchè sarà datato) invece il primo link è relativo ai commenti...

Читать больше
Размещено От Tommaso Tarallo
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца ITЛучший пользователь месяца PT

Prego ! ..comunque era Mirko wink

...ma cosa vuoi farci esattamente , intendi proprio scorrere in movimento tipo rollover , perchè vederli ovviamente con l'oggetto blog puoi già ...

...o ho capito male ?

Читать больше
Размещено От Claudio D.
Tommaso Tarallo
Tommaso Tarallo
User
Автор

scusate :D

si certo Claudio, che scorre come presentazione orizzontale

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

qualcuno sa aiutarmi?

Читать больше
Размещено От Tommaso Tarallo
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца ITЛучший пользователь месяца PT

Bello ! Grazie Lemonsong ! laughing

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

assolutamente,  grazie MAeSI per tutto quello che fate.

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

Prego, siamo felici che vi sia piaciuto smile

Читать больше
Размещено От  lemonsong  
Tommaso Tarallo
Tommaso Tarallo
User
Автор

Grazie di tutto MAesi: complimenti, ci sorprendete sempre!

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

Grazie MAeSi come sempre un lavoro magnifico, ma non riesco a farlo visualizzare nel mio sito di prova seguendo il 2° metodo:
http://servizidomus.16mb.com/bloga.php
I file iniziali del carousel2 (js e 2 css) li ho messi collegati all'oggetto codice html in cui inserisco il div. Come mai?

Читать больше
Размещено От Tommaso Tarallo
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца ITЛучший пользователь месяца PT

...strano , ci sarà qualche conflitto o qualche mancanza ... a me funzionano entrambi i metodi...

Читать больше
Размещено От Claudio D.
Tommaso Tarallo
Tommaso Tarallo
User
Автор

Grazie Lemonsong, ma mi sembrava che non si dovesse flaggare per i file css visto che nella finestra di website c'era scritto di farlo solo per i file JavaScript

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

Ho provato a collegarlo, però non compaiono le icone, tutto risolta centrato e vorrei aumentare l'altezza per far visualizzare più testo. Cosa devo modificare? Grazie!

Читать больше
Размещено От Tommaso Tarallo
 lemonsong  
 lemonsong  
User
SitiWeb App
mi sembrava che non si dovesse flaggare per i file css visto che nella finestra di website c'era scritto di farlo solo per i file JavaScript

Sensazione errata.

In ogni caso, è scritto anche nell'articolo del blog.

Flaggare quella opzione equivale a richiamare un file JavaScript e/o CSS nel documento, in questo modo:

<scripttype="text/javascript" src="percorso/nomefile.js"></script>

<linkrel="stylesheet" type="text/css" href="percorso/nomefile.css" media="screen" />

Per gli altri tuoi "problemi", ti abbiamo risposto nel blog.

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

Ci riprovo:

<script type="text/javascript" src="percorso/nomefile.js"></script>

<link rel="stylesheet" type="text/css" href="percorso/nomefile.css" media="screen" />

Читать больше
Размещено От  lemonsong  
Manipulus Mosca
Manipulus Mosca
User

Ho usato il secondo metodo ed in linea di massima ci sono riuscito. http://www.manipulusmosca.com/Prova/index.php
Avrei alcune domande da porvi per rendere il tutto più funzionale.
1. Se potesi inserire delle frecce ai lati oltre ai pallini sarebbe, credo, ancora più fruibile.
2. Se potessi avere la descrizione non centrata ma allineata a sinistra.
3. Cosa mi consigliate, tra le opzioni dell'oggetto HTML? Altezza stabilita da me o utilizzare l'opzione "altezza automatica?
4. Ho visto che la foto non è responsive sui cellulari. Posso rimediare?

Grazie

Читать больше
Размещено От Manipulus Mosca
 lemonsong  
 lemonsong  
User

Ti rispondo per punti.

1. se ti è sufficiente, tra le opzioni attivabili dell'effetto Owl Carousel ci sono i pulsanti prev e next

2. lo puoi fare da programma: stile dell'Oggetto Codice HTML

3. provare è il miglior consiglio

4. inserisci una media query con questa regola CSS (una risposta simile te l'avevo già data QUI):

div#newsBlog div.imgBlog {
  width: 100%;
}

Читать больше
Размещено От  lemonsong  
Manipulus Mosca
Manipulus Mosca
User

Molte Grazie. E ovviamente scusate per l'ignoranza. Così sembra andare. Ancora due cose:
1. Font Awesome. Ho provato a scaricare il file e ad associare i file "font.awesome.css" e "font.awesome.min.css" all'oggetto HTML. Ho collegato entrambi i file. Ma non vedo icone varie. Ho sbagliato qualche cosa?
2. Pulsanti "avanti" e "indietro". Scusate ma non riuscito ad abilitare queste opzioni.

Читать больше
Размещено От Manipulus Mosca
Manipulus Mosca
Manipulus Mosca
User

Mi trovo costretto a rettificare. Se inserisco il codice


div#newsBlog div.imgBlog {
  width: 100%;
}


l'immagine, sul cellulare, viene inserita correttamente. Però al pc, viene inserita in maniera originale, quindi troppo grande.
Allora, su consiglio del post sopracitato da Lemonsong, ho inserito due stringe di codice CSS. Queste:

@media screen and (max-width: 840px) {

.descBlog {

display:block;

}

.descBlog img {

width:100% !important;

}

}
@media screen and (max-width: 720px) {

.descBlog {

display:block;

}

.descBlog img {

width:100% !important;

}

Elaborando quel suggerimento a modo mio. Però ho dovuto constatare a malincuore che non ho risolto. Dove ho sbagliato?

Читать больше
Размещено От Manipulus Mosca
 lemonsong  
 lemonsong  
User
Manipulus Mosca
1. Font Awesome. Ho provato a scaricare il file e ad associare i file "font.awesome.css" e "font.awesome.min.css" all'oggetto HTML. Ho collegato entrambi i file. Ma non vedo icone varie. Ho sbagliato qualche cosa? 2. Pulsanti "avanti" e "indietro". Scusate ma non riuscito ad abilitare queste opzioni.

1. non basta il CSS ma devi anche allegare i font che trovi nel file .zip, indicando la cartella fonts come Percorso relativo sul server (se hai ancora difficoltà nell'ultimo articolo del blog trovi la procedura corretta all'inizio della spiegazione del secondo metodo)

2. devi semplicemente inserire questa riga, virgola compresa, (vedi allegato) nel richiamo della funzione owlCarousel()

Per quanto riguarda l'immagine, bisognerebbe leggere con più attenzione quanto viene scritto.

La regola che ti ho scritto in questo post va inserita in una media query:

@media screen and (max-width: 720px) {
  div#newsBlog div.imgBlog {
    width: 100%;
  }
}

Читать больше
Размещено От  lemonsong  
Tommaso Tarallo
Tommaso Tarallo
User
Автор

@Lemonsong, grazie di tutto ma inserendo i relativi file (.tff, .woff,.svg,.eot) in Website, ancora le icone dell'anteprima del blog non viene visualizzato.

Cosa sbaglio?

http://servizidomus.16mb.com/bloga.php

Ho pure reispostartato tutto il sito.

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

ecco lo screenshoot

Читать больше
Размещено От Tommaso Tarallo
Tommaso Tarallo
Tommaso Tarallo
User
Автор

e ancora non ho trovato il modo per allineare giustificato il contenuto dell'articolo invece di essere centrato.

Читать больше
Размещено От Tommaso Tarallo
 lemonsong  
 lemonsong  
User

Per vedere le icone con quello script, devi integrare i Font Awesome in un altro modo; leggi con più attenzione:

 lemonsong  
1. non basta il CSS ma devi anche allegare i font che trovi nel file .zip, indicando la cartella fonts come Percorso relativo sul server (se hai ancora difficoltà nell'ultimo articolo del blog trovi la procedura corretta all'inizio della spiegazione del secondo metodo)

Attenzione anche al CSS di Font Awesome che hai collegato con un percorso assoluto: usa quello scaricabile da sito ufficiale (attualmente font-awesome-4.7.0.zip) insieme ai relativi file .ttf, .woff etc...

Per quanto riguarda l'allineamento giustificato (non lo avevi specificato) devi inserire la giusta regola:

div#newsBlog div.descBlog {
  text-align: justify;
}

Читать больше
Размещено От  lemonsong  
Tommaso Tarallo
Tommaso Tarallo
User
Автор

grazie infinite Lemonsong e ti auguro buon Natale.

Un'ultimissima cosa: come si fa ad aumentare l'altezza di tutto l'anteprima del blog?

Io ho messo anche un <b/> dopo l'immagine in modo tale da andare a capo ed avere più spazio

Читать больше
Размещено От Tommaso Tarallo
 lemonsong  
 lemonsong  
User

Grazie, ricambio.

Non ho capito bene cosa vuoi personalizzare comunque, per andare a capo il codice corretto è <br> oppure <br />

Se invece intendi aumentare il testo, ti abbiamo risposto nel nostro blog il 14 dicembre (sarebbe "carino" anche rispondere):

Per visualizzare più testo devi aumentare il valore della variabile desc nello script: c'è pure un commento che lo specifica.
Читать больше
Размещено От  lemonsong  
Tommaso Tarallo
Tommaso Tarallo
User
Автор

Prego, Lemonsogn provedderò a risponderti sul blog e scusami.

Non è problema di aumentare i caratteri da visualizzare ma l'anteprima dell'articolo si vede a metà nonostante abbia messo 600 px di altezza.

http://serviziperlavoro.com/home.php

Читать больше
Размещено От Tommaso Tarallo
 lemonsong  
 lemonsong  
User

Hai aggiunto "<br/>" nell'output dello script senza il carattere + di concatenazione.

SitiWeb App
provedderò a risponderti sul blog e scusami.

Le risposte servono per capire se quello che ti abbiamo scritto è giusto o meno, non per altri motivi.

Читать больше
Размещено От  lemonsong  
Tommaso Tarallo
Tommaso Tarallo
User
Автор

grazie lemonsogn e tanti auguri di buon Natale!

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