Script per far scorrere i titoli delle ultime news del blog nella homepage come presentazione 
Autor: Tommaso Tarallo
Visitado 2019,
Seguidores 3,
Compartilhado 0
Salve,
qualcuno conosce uno script per far scorrere i titoli delle ultime news del blog nella homepage come presentazione?
Grazie.
Publicado em
guarda qui se fa al caso tuo:
https://quellidelcucuzzolo.blogspot.it/2016/11/commenti-guestbook-websitex5-pagina.html
oppure:
http://www.unofficialwsx5.com/index.php?topic=1802.msg13007#msg13007
Autor
Grazie cLAUDIO!
Autor
Cmq Claudio non funziona il codice del secondo link (forse perchè sarà datato) invece il primo link è relativo ai commenti...
Prego ! ..comunque era Mirko
...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 ?
Autor
scusate :D
si certo Claudio, che scorre come presentazione orizzontale
Autor
qualcuno sa aiutarmi?
Abbiamo appena pubblicato un articolo che dovrebbe fare al caso tuo:
http://quellidelcucuzzolo.blogspot.it/2016/12/blog-widget-website-x5-carousel-slider.html
Bello ! Grazie Lemonsong !
assolutamente, grazie MAeSI per tutto quello che fate.
Prego, siamo felici che vi sia piaciuto
Autor
Grazie di tutto MAesi: complimenti, ci sorprendete sempre!
Autor
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?
...strano , ci sarà qualche conflitto o qualche mancanza ... a me funzionano entrambi i metodi...
Riporto qui la risposta data al tuo commento sul blog:
Autor
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
Autor
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!
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.
Ci riprovo:
<script type="text/javascript" src="percorso/nomefile.js"></script>
<link rel="stylesheet" type="text/css" href="percorso/nomefile.css" media="screen" />
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
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%;
}
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.
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?
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%;
}
}
Autor
@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.
Autor
ecco lo screenshoot
Autor
e ancora non ho trovato il modo per allineare giustificato il contenuto dell'articolo invece di essere centrato.
Per vedere le icone con quello script, devi integrare i Font Awesome in un altro modo; leggi con più attenzione:
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;
}
Autor
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
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):
Autor
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
Hai aggiunto "<br/>" nell'output dello script senza il carattere + di concatenazione.
Le risposte servono per capire se quello che ti abbiamo scritto è giusto o meno, non per altri motivi.
Autor
grazie lemonsogn e tanti auguri di buon Natale!