Unofficial WebSite X5

Categoria generale => FAQ - HowTo - Tutorials => Topic aperto da: stesil - 29 Luglio, 2014, 00:18:47

Titolo: [v. 10 - Pro] Articoli del blog in home page
Inserito da: stesil - 29 Luglio, 2014, 00:18:47
Esistono molte alternative per inserire in una pagina l'elenco degli ultimi articoli del blog, alcune veramente macchinose, che richiedono l'aggiornamento manuale dei contenuti.

Rispolverando l'esempio fatto un paio di anni fa per la v.9, io e lemon abbiamo provato ad utilizzare il file xml del blog, che viene generato automaticamente dal programma, per rendere completamente automatico l'inserimento degli ultimi articoli del blog in un'altra pagina.

Qui l'esempio: http://stesil.altervista.org/evo10/news-home-page/index.html (http://stesil.altervista.org/evo10/news-home-page/index.html)

La procedura da utilizzare è piuttosto semplice:

Nella pagina in cui si vogliono visualizzare le news inserire un oggetto HTML con questo contenuto:

Codice:
Only registered users can see contents. Please click here to Register or Login.
Nella scheda esperto copiare il seguente codice CSS, che può essere completamente personalizzato:

Codice:
Only registered users can see contents. Please click here to Register or Login.
In proprietà pagina, sezione esperto, prima della chiusura del tag head:

Citazione
<script>
var nNews = 5 ;// numero delle notizie visibili
</script>
<script src="files/newsblog.js"></script>


Il valore in rosso è da personalizzare e indica, come dice il commento, il numero delle news che si vogliono visualizzare.

Il file newsblog.js è scaricabile qui http://stesil.altervista.org/evo10/news-home-page/files/newsblog.js (http://stesil.altervista.org/evo10/news-home-page/files/newsblog.js) e si deve allegare al progetto sempre attraverso lo stesso oggetto HTML, indicando come destinazione la cartella files.

Ovviamente questo è solo uno dei sistemi possibili, utilizzando js/jQuery, ma si può ottenere la stessa cosa anche utilizzando il file .php che genera il programma: nelle sezioni evo10/9 del forum si possono trovare i relativi topic.
Titolo: [v. 10 - Pro] Articoli del blog in home page - variante con miniature
Inserito da: stesil - 01 Agosto, 2014, 15:26:31
Articoli del blog in home page - variante con miniature

Questa variante visualizza, accanto alla sintesi dell'articolo del blog, la prima immagine (se esiste) presente nell'articolo stesso. Qui l'esempio: http://stesil.altervista.org/evo10/news-home-page/pagina-2.html (http://stesil.altervista.org/evo10/news-home-page/pagina-2.html)

Il codice da inserire nell'oggetto HTML è lo stesso del post precedente:

Codice:
Only registered users can see contents. Please click here to Register or Login.

In head della pagina inserire questo script:

Codice:
Only registered users can see contents. Please click here to Register or Login.

Il file newsblogThumbs.js è scaricabile qui: http://stesil.altervista.org/evo10/news-home-page/files/newsblogThumbs.js (http://stesil.altervista.org/evo10/news-home-page/files/newsblogThumbs.js) ed è da allegare al progetto, attraverso l'oggetto HTML, nella cartella files.

Questo il codice CSS modificato, sempre completamente personalizzabile:


Codice:
Only registered users can see contents. Please click here to Register or Login.


Testato con la versione 10.1.10.54
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 01 Agosto, 2014, 21:07:51
Stesil, visto che hai aggiunto anche le miniature, potresti fare in modo che conservino anche i rispettivi links?
http://test.sitocentrale.org/index.php
Le immagini di questo test devono puntare a questa pagina che ne illustra il metodo di realizzazione. :)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: stesil - 01 Agosto, 2014, 22:43:42
Sì, si può fare anche questo.

Memorizzi in una nuova variabile l'attributo href del tag <a> genitore della prima immagine.

Quindi con un if/else o con l'operatore ternario verifichi l'esistenza della nuova variabile e, se la condizione è vera, attribuisci alla variabile tagImg il nuovo markup per l'immagine con link, se la condizione è falsa mantieni il valore precedente, cioè il markup per l'immagine o nulla se l'immagine non è presente.

O almeno questo è quello che farei io. Come sempre ci sono tante strade per arrivare al medesimo risultato.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 02 Agosto, 2014, 11:18:52
Sì, si può fare anche questo.

Memorizzi in una nuova variabile l'attributo href del tag <a> genitore della prima immagine.

Quindi con un if/else o con l'operatore ternario verifichi l'esistenza della nuova variabile e, se la condizione è vera, attribuisci alla variabile tagImg il nuovo markup per l'immagine con link, se la condizione è falsa mantieni il valore precedente, cioè il markup per l'immagine o nulla se l'immagine non è presente.

O almeno questo è quello che farei io. Come sempre ci sono tante strade per arrivare al medesimo risultato.
Grazie Stesil; ce lo tradurresti in codice? Così affiancandogli la spiegazione sopra impariamo a leggerlo.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: stesil - 02 Agosto, 2014, 14:37:15
Certo, era pronto da ieri sera  :) : http://stesil.altervista.org/evo10/news-home-page/pagina-3.html (http://stesil.altervista.org/evo10/news-home-page/pagina-3.html)

Citazione
var linkImg = articolo.find('img').eq(0).parent('a').attr('href'); //memorizza in una nuova variabile l'attributo href del tag <a> genitore della prima immagine

var tagImg = linkImg ? "<a href='"+linkImg+"' target='_blank'><img src='"+immagine+"' class='imgBlog' /></a>" : tagImg;
//operatore ternario che verifica l'esistenza della nuova variabile e, se la condizione è vera, attribuisce alla variabile tagImg il nuovo markup per l'immagine con link, se la condizione è falsa mantiene il valore precedente


Secondo me aggiungere link esterni al sito in questa sezione che rimanda al blog risulta dispersivo.

ps: correggi nel tuo esempio il link al forum perché rimanda all'apertura di un nuovo post


Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 03 Agosto, 2014, 18:28:18
Grazie Stesil; ho corretto i links nel mio sito ed il file newsblogThumbs.js secondo le tue indicazioni; tutto perfetto.
Allego il file corretto.
Purtroppo non mi é ancora lampante la sintassi per costruire una modifica del genere; dovrò comprarmi un libro di javascript.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 03 Agosto, 2014, 18:49:05
Allego il file corretto.


Corretto?
Sicuro?
Poi, perché farlo, se il file CORRETTO si può scaricare dal sito di stesil?
http://stesil.altervista.org/evo10/news-home-page/files/newsblogThumbsLink.js (http://stesil.altervista.org/evo10/news-home-page/files/newsblogThumbsLink.js)

Prova ad inserire un articolo nel tuo blog (col tuo script ovviamente) con un'immagine senza link o un articolo senza immagine e vedrai cosa succede.

Confronta il tuo script con quello di stesil e capirai cosa manca.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 03 Agosto, 2014, 19:20:01
 :-X avevo capito che la riga del var tagImg andasse sostituita, non raddoppiata; colpa mia.
Quanto al suo link  per il download del file, io avevo scaricato da lì la versione precedente del file; non sapevo che Stesil avesse ripubblicato anche il file inclusivo della correzione che ci ha suggerito per esteso. :-[
Grazie per aver già provveduto a cancellare il link sbagliato dal mio comment :pollicesu:
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 03 Agosto, 2014, 20:22:24
Quanto al suo link  per il download del file, io avevo scaricato da lì la versione precedente del file; non sapevo che Stesil avesse ripubblicato anche il file inclusivo della correzione che ci ha suggerito per esteso. :-[

Beh, se ha pubblicato l'esempio in Rete, mi sembra ovvio che ci sia pure lo script relativo  :)

Certo, era pronto da ieri sera  :) : http://stesil.altervista.org/evo10/news-home-page/pagina-3.html (http://stesil.altervista.org/evo10/news-home-page/pagina-3.html)



Grazie per aver già provveduto a cancellare il link sbagliato dal mio comment :pollicesu:

Questa non l'ho capita ma ad una certa età mi dicono che è normale  :)

Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 03 Agosto, 2014, 21:27:08
Grazie Stesil; ho corretto i links nel mio sito ed il file newsblogThumbs.js secondo le tue indicazioni; tutto perfetto.
Allego il file corretto.
Purtroppo non mi é ancora lampante la sintassi per costruire una modifica del genere; dovrò comprarmi un libro di javascript.
pardon...nuova svista mia, il link per il download dell'allegato contenente il mio file scorretto é ancora lì; mods, per favore, potete tagliarlo via insieme alla mia replica? E' fuorviante e dispersivo per i lettori; grazie :)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 05 Agosto, 2014, 18:08:08
Stesil, sarebbe possibile avere lo script per una nuova variante?: icona con link + titolo articolo con link + visualizzazione orizzontale + scorrimento da destra a sinistra
es.: http://www.duepiu.net/ (http://www.duepiu.net/)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: stesil - 05 Agosto, 2014, 22:48:01
Stesil, sarebbe possibile avere lo script per una nuova variante?

Un'altra? Noooooooooooo... basta!!  :)

Una nuova variante è possibile, anzi sono possibili infinite nuove varianti. Sul tavolo ci sono tutti gli ingredienti. Si tratta solo di combinarli in modo da ottenere un altro tipo di visualizzazione.

Appena trovo un po' di tempo commento tutto il codice... così ciascuno può provare ...nuove ricette  :D
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 05 Agosto, 2014, 23:06:39
 :)) grazie splendida!!! Aspettiamo...
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: axel88 - 06 Agosto, 2014, 17:06:53
Ciao Stesil, ho dato uno sguardo alla tua pagina, davvero molto utile!
Sono interessato a creare le news scorrevoli prese dal blog, potresti spiegare anche come fare (magari se è possibile allegando anche il codice) per creare la versione scroll come sulla tua pagina? Grazie mille!  :)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: stesil - 06 Agosto, 2014, 17:27:59
Appena trovo un po' di tempo commento tutto il codice... così ciascuno può provare ...nuove ricette  :D

Come promesso, abbiamo commentato tutto il codice dell'esempio "miniature con link": http://stesil.altervista.org/evo10/news-home-page/codice.html (http://stesil.altervista.org/evo10/news-home-page/codice.html)

Buon divertimento!  :)



@axel88

Il codice utilizzato è qui: http://www.unofficialwsx5.com/index.php?topic=1807.msg13033#msg13033 (http://www.unofficialwsx5.com/index.php?topic=1807.msg13033#msg13033)
Per tutto il resto vale quanto indicato all'inizio di questo post.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: axel88 - 06 Agosto, 2014, 18:43:54
Citazione

@axel88

Il codice utilizzato è qui: http://www.unofficialwsx5.com/index.php?topic=1807.msg13033#msg13033 (http://www.unofficialwsx5.com/index.php?topic=1807.msg13033#msg13033)
Per tutto il resto vale quanto indicato all'inizio di questo post.



Ti ringrazio, ci sono riuscito! L'unico problema è che in homepage quando clicco sulla notizia mi esce la pagina di errore che dice oggetto non trovato! Ho effettuato il procedimento tante volte ed ho seguito tutto come è scritto nel topic, utilizzo la versione professional v10. Mi potresti dire come fare per risolvere? Grazie mille per la disponibilità
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: stesil - 06 Agosto, 2014, 21:13:27
Se stai provando in anteprima, il link all'articolo del blog funziona solo se gli articoli del blog sono già online.

Se invece l'errore è nel sito online, dovresti postare un link per capire cosa non funziona.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: axel88 - 06 Agosto, 2014, 21:37:26
Ok confermo il problema era in locale, online funziona! Grazie!  :)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Gigiopiccolo - 10 Ottobre, 2014, 12:58:54
Ciao a tutti, il mio problema è il seguente. Ho seguito alla lettere il primo post di stesil per poter inserire in home gli articoli del blog. Non riesco a farlo funzionare probabilmente perché non ho capito dove mettere il file newsblog.js
Devo creare una cartella files una volta che il sito è online (root/files) e mettercelo dentro oppure posso anche fare un'esportazione sul disco e creo una cartella sul disco? Perché l'ideale sarebbe quest'ultima soluzione.
Ho la versione 11 Evolution.
Grazie mille

Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 10 Ottobre, 2014, 13:21:34
Ciao, hai letto qui?

[...] si deve allegare al progetto sempre attraverso lo stesso oggetto HTML, indicando come destinazione la cartella files.

Fai tutto da programma, leggi con attenzione (anche la guida).

Se hai la 11, dovrai fare una modifica nel suddetto file.

E' stata cambiata l'estensione del file x5feed.xml (da .xml a .php), quindi dovrai modificare questa riga:


Codice:
Only registered users can see contents. Please click here to Register or Login.
... in questo modo:

Codice:
Only registered users can see contents. Please click here to Register or Login.

Vedrai il risultato a sito esportato sul server.


Inoltre ti faccio notare che nella 11 c'è il Blog Widget
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Gigiopiccolo - 10 Ottobre, 2014, 15:55:53
Ciao,
ti ringrazio per la risposta celere ma non trovo proprio una riga che contenga la parte da modificare che mi dici tu.
Nel primo post che è quello che ho seguito non c'é url:..... con l'estensione del file da cambiare.
Mi scuso in anticipo e ti avverto che stai parlando con una persona completamente ignorante in materia quindi mi servirebbe una guida un po' più da principiante.
Inoltre il widget che ho trovato visualizza solo i commenti mentre io i commenti non li ho messi nel blog. Vorrei solo che comparissero nella home gli articoli recenti automanticamente. Tutto qui.
Ti ringrazio per l'aiuto

Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 10 Ottobre, 2014, 16:23:02
Dunque, tu hai scritto questo:

[...] non ho capito dove mettere il file newsblog.js

Quello è il "suddetto file".

E' sufficiente aprirlo per trovare la suddetta stringa da modificare.


Ho solo la 11 Demo ma mi sembra impossibile che il Blog Widget possa visualizzare solo i commenti, controlla meglio e magari riferisci.

Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Gigiopiccolo - 10 Ottobre, 2014, 17:10:06
Sono finalmente riuscito a trovare le parti del codice da modificare e l'ho fatto. Ho controllato meglio il discorso del widget che dicevi ed avevi ragione: c'é un blog widget da scaricare e funziona molto bene.
Ti ringrazio per la disponibilità e la celerità di risposta.
A presto
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: suonze - 19 Ottobre, 2014, 11:03:35
Funziona perfettamente con la 10 pro, ma purtroppo con la nuova versione 11 pro nella cella non si vede nulla sembra non funzionare!
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: suonze - 19 Ottobre, 2014, 11:23:16
Scusate ho letto solo ora il post per la versione 11 che ha postato  Lemonsong.
Sorry
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 19 Ottobre, 2014, 12:43:02
Stesil, questo é per te: http://answers.websitex5.com/post/104732 (http://answers.websitex5.com/post/104732)
A proposito, ho appena cambiato l'indirizzo web del sito; ora sta su Altervista:
http://blogcondominiale.altervista.org/ (http://blogcondominiale.altervista.org/)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: stesil - 19 Ottobre, 2014, 13:51:37
Ciao Fabio,

in genere nei forum e nelle community non ci si rivolge direttamente ad un utente specifico. In questo modo si potrebbe limitare l'intervento di altri che potrebbero dare un contributo significativo alla discussione.

Avevo già letto il tuo post... sappi che questi "inviti ad personam" a me fanno l'effetto contrario.  :)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 19 Ottobre, 2014, 15:15:06
Sono d'accordo con te, ma in questo caso non credo che nessuno si offenda se palesemente mi rivolgo a te perché hai già contribuito all'argomento in modo più significativo rispetto a tutti. Mi metto al posto degli altri che hanno interesse al tema e quindi cerco di sollecitare attivamente le persone che credo possano produrre sviluppi più utili; non per questo si escludono gli altri dal partecipare attivamente o passivamente (leggendo quello che tu scriverai se vorrai scrivere qualcosa); in ogni caso, fin da ora GRAZIE.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 19 Ottobre, 2014, 15:25:24
d'altra parte so per esperienza che sovente tu e Lemonsong contribuite "in tandem", quindi se avessi agganciato te avrei preso due piccioni con una fava!
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 19 Ottobre, 2014, 16:51:37
Quindi se io e stesil siamo i piccioni, tu sei una fava?!  :lol:

Scherzo eh?  :)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 19 Ottobre, 2014, 17:41:43
può darsi; una volta ho letto che etimologicamente il mio nome proviene dalla cosiddetta "gens fava", una antica famiglia latifondista di epoca classica egemone di quella coltura  :))
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 19 Ottobre, 2014, 18:38:05
Lemon, battute a parte, per risolvere il problema che ho proposto io occorre una dimestichezza con i codici di programmazione che limita i candidati a pochissimi quali voi due; perciò se ho fatto involontariamente arrabbiare Silvana mettici per favore una buona parola tu, altrimenti sono sicuro che il problema resterà insoluto.
Sarebbe un peccato perché un gadget che faccia una striscia rss dinamicamente autoaggiornante dal blog del sito secondo me é davvero un bell'oggettino che offre grosse potenzialità di utilizzo.
Figuriamoci poi se un giorno il programma ci permetterà addirittura di poter gestire gli articoli tramite db...cioé se si potesse usare il programma per gestire una rivista elettronica o cose del genere; per adesso basterebbe poter creare un sottile bunner informativo in una o più pagine del sito (magari usando il blog per pubblicare le offerte commerciali promozionali del sito e la striscia rss per metterle in evidenza dove si vuole senza rubare troppo spazio della pagina).
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 20 Ottobre, 2014, 20:09:25
[...] perciò se ho fatto involontariamente arrabbiare Silvana mettici per favore una buona parola tu, altrimenti sono sicuro che il problema resterà insoluto.

Non ho questi "poteri"  :)

Comunque, non credo sia arrabbiata.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 18 Dicembre, 2014, 01:58:21
ça-y-est! ecco quello che volevo: http://blogcondominiale.altervista.org/
anche se non c'é la descrizione breve ma altri dati meno interessanti
bastava una ispirazione serale  :))
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 18 Dicembre, 2014, 02:12:28
Per coloro che sono interessati, al passo 2>sez. esperto>prima della chiusura del tag head:
<style>
   div.post, a.post_title, .post_body, .post_data {
        display: inline;
    }
    a.post_title {
    color: white;
    font-weight: bold
}
</style>
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 18 Dicembre, 2014, 15:19:19
ça-y-est! ecco quello che volevo: http://blogcondominiale.altervista.org/


Fammi capire: hai scritto a mano il codice HTML ed inserito in un oggetto HTML?

Se non hai usato uno script php, mi spieghi per quale motivo non hai usato l'oggetto testo e gli strumenti che mette a disposizione il programma?

In questo modo non si aggiornano dinamicamente gli articoli del blog quindi, a parer mio, sei OT
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 18 Dicembre, 2014, 18:55:29
Giusto, caspita! Grazie Lemon  ;)
Adesso invece come lo vedi?
Stavolta ho inserito in una cella html questo script:
<div id="blog-scroller">
<?php
    require_once('res/blog.inc.php');
    $i = 0;
    $posts = array_values($imSettings['blog']['posts']);
        while ($i < 5 && $i < count($posts)) {
        echo '<div class="post">';
        echo '<a href="blog/index.php?id=' . $posts[$i]['id'] . '" class="post_title">' . $posts[$i]['title'] . '&nbsp;' . '</a>';
        echo '<div class="post_body">' . $posts[$i]['summary'] . '&nbsp;' . '</div>';
        echo '<div class="post_data">By ' . $posts[$i]['author'] . ' - ' . $posts[$i]['timestamp'] .'&nbsp;&nbsp;&nbsp;'.'</div>';
        echo '</div>';
        $i  ;
        }
?>
</div>
<script type="text/javascript">
x5engine.boot.push('x5engine.imRollover({"id": "#blog-scroller", "movement": "CONTINUE", "direction": "LEFT", "effect": "LINEAR", "height": 100, "time": 60, "autostart": true, "mouselock": true})');
</script>

Ovviamente lasciando inalterato il precedente css.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 18 Dicembre, 2014, 18:59:29
Il codice completo da inserire prima della chiusura del tag head nelle proprietà della pagina al passo 2 é:

<?php
require_once("res/x5engine.php");
 ?>

<style>
   div.post, a.post_title, .post_body, .post_data {
        display: inline;
    }
    a.post_title {
    color: white;
    font-weight: bold
}
</style>

Ovviamente chi vuole può personalizzare i colori agendo nella seconda parte degli stili.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 18 Dicembre, 2014, 19:49:34
dimenticavo una nota importante: al passo due bisogna settare l'estensione php per tutte le pagine in cui si implementa lo script!
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 18 Dicembre, 2014, 22:01:00
Adesso invece come lo vedi?

Lo vedo bene... anche perché hai usato il codice php del Blog Widget di Incomedia  :)

Perché invece di trascrivere il codice in un oggetto HTML non hai semplicemente inserito il widget?
Nel JS al posto di #blog-scroller inserisci .post_container

Le altre cosette te le lascio scoprire da solo.

P.S.
Tra l'altro hai concatenato due stringhe quando ne potevi scrivere una sola.
Anzi, gli spazi (&nbsp;) avresti anche potuto non scriverli impostandoli coi CSS.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 18 Dicembre, 2014, 22:53:01
infatti ho giocherellato con quello adattandolo alle mie esigenze specifiche, e sono felice di esserci riuscito  :D
Non ho inserito quello perché non volevo quello; volevo una striscia sottile, non invadente nella pagina, ma capace di mostrare molti contenuti grazie allo scroll.
Sono sicuro che tu e Stesil avreste saputo fare di meglio come mi stai suggerendo ora, ma per adesso io mi ritengo comunque soddisfatto dei miei risultati; comunque il nome del div l'ho contraddistinto apposta perché possa coesistere nella stessa pagina con la versione statica ed in colonna originale; infatti il mio script si può inserire anche nel menù orizzontale o in header/footer.
Gli spazi sono sicuro che si possano inserire via css, ma ho adottato la prima soluzione (la più spontanea) che mi é venuta in mente; certo so che é meno elegante, ma il risultato é lo stesso; se no dovrei prendermi più tempo per indagare i metodi di formattazione dei testi e i giusti selettori per la regola (pseudoclassi/pseudoelementi) nel mio manuale.
Se tu mi dessi un suggerimento più concreto certamente mi sarebbe utile per acquisire maggior familiarità con quegli argomenti.
Invece riguardo alle due stringhe concatenate, ho lasciato intatto il più possibile lo script originale per evitare inutili e banali errori di sintassi dovuti a disattenzione e scarsa dimestichezza con i codici; non ne vedevo l'utilità.
Quali altre cosette? Non lasciarmele scoprire da solo, dimmele. :)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 19 Dicembre, 2014, 01:18:37
Forse alludi al link obsoleto che punta al forum nel mio vecchio dominio? Lo so ma non importa, tanto é solo un sito demo e di studio, non ce lo rimetto il forum a meno che non trovi qualcuno interessato ad avere il sito ed a vederlo completo.
Hai visto qualcos'altro?
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 19 Dicembre, 2014, 12:41:46
[...] si può inserire anche nel menù orizzontale o in header/footer.

Questa potrebbe essere l'unica condizione per scegliere di scrivere il codice generato dal Blog Widget del programma in un oggetto HTML, per tutte le altre che hai scritto credo (non ho provato) si possa usare direttamente il suddetto widget.

Visto che lo scrivi, puoi sostituire div con span, così utilizzeresti un elemento più appropriato per il contenuto in linea.

Visto che hai delle classi, al posto di &nbsp; puoi usare, per esempio, margin-right nel CSS

Questo file credo (non ho provato) non serva (prova a togliere questo codice):

Codice:
Only registered users can see contents. Please click here to Register or Login.
Infine: il forum "mangia" il carattere più (+) in alcuni script, quindi l'ultima riga del codice php (incremento) è incompleta.
L'hai postato così pure in Answers, forse copiandolo da qui.


P.S.
Non ho la Pro, quindi potrei aver scritto delle inesattezze.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 19 Dicembre, 2014, 14:46:34
Questa potrebbe essere l'unica condizione per scegliere di scrivere il codice generato dal Blog Widget del programma in un oggetto HTML, per tutte le altre che hai scritto credo (non ho provato) si possa usare direttamente il suddetto widget.
Infatti si può, basta inserire il meccanismo js per lo scroll; quello é stato il mio punto di partenza prima di aggiungere le modifiche css per la visualizzazione su una riga singola; prima se applicavo uno scroll orizzontale tutte le righe stampate a video scorrevano in modo parallelo, praticamente scorreva la colonna invece che la singola riga impedendone una lettura agevole.
Quest'unica condizione per preferire la mia reinterpretazione del widget con "licenza poetica" é da sola sufficiente a moltiplicare in modo esponenziale l'utilizzo di questo dispositivo.

Visto che lo scrivi, puoi sostituire div con span, così utilizzeresti un elemento più appropriato per il contenuto in linea.
Visto che hai delle classi, al posto di &nbsp; puoi usare, per esempio, margin-right nel CSS
Tenterò sicuramente queste modifiche per affinare il gingillo.

Questo file credo (non ho provato) non serva (prova a togliere questo codice):

Codice:
Only registered users can see contents. Please click here to Register or Login.
Infine: il forum "mangia" il carattere più (+) in alcuni script, quindi l'ultima riga del codice php (incremento) è incompleta.
L'hai postato così pure in Answers, forse copiandolo da qui.

Lo avevo inserito perché credevo fosse necessario per definire le classi utilizzate dal php e dal css, ma farò anche questo test; lo toglierò.
Sì avevo copiato/incollato lo script da qui.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 19 Dicembre, 2014, 15:37:25
Fatto tutto:
Il risultato definitivo é il seguente:
Codice:
Only registered users can see contents. Please click here to Register or Login.da inserire in un oggetto html in una pagina con estensione php.

Codice:
Only registered users can see contents. Please click here to Register or Login.da inserire nelle proprietà della pagina prima della chiusura del tag head.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 19 Dicembre, 2014, 15:40:35
nuovamente codice malato; medicina correggere così la rispettiva riga sopra nel php:$i++;
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 19 Dicembre, 2014, 17:41:02
Ho sostituito l'elemento div con un elemento span, anche se ho verificato che senza il css display:inline non va bene, cioé da solo non basta alla visualizzazione delle stringhe su singola riga

Hai sostituito l'unico elemento che potevi non sostituire.
L'elemento span è per natura inline
Nel CSS solo il tag a ha bisogno di display:inline (è WS che altera la natura di quel tag a).

Ho compattato il codice raccogliendo le stringhe

Non c'è motivo per concatenare due stringhe in quel modo... non era quello a cui mi riferivo


A quanto pare è difficile farsi capire.
Comunque, visto che si parla di "quisquilie"... va bene così.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 20 Dicembre, 2014, 01:36:56
ti ho risposto di là: https://answers.websitex5.com/post/104732#13 (https://answers.websitex5.com/post/104732#13)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 20 Dicembre, 2014, 12:43:41
Io invece ti rispondo qui  :)

Citazione
Per la concatenazione delle stringhe invece non ti seguo [...]

Quando ho scritto...

P.S.
Tra l'altro hai concatenato due stringhe quando ne potevi scrivere una sola.
Anzi, gli spazi (&nbsp;) avresti anche potuto non scriverli impostandoli coi CSS.

... mi riferivo agli spazi (&nbsp;) inseriti, per esempio, qui:

echo '<div class="post_data">By ' . $posts[$i]['author'] . ' - ' . $posts[$i]['timestamp'] .'&nbsp;&nbsp;&nbsp;'.'</div>';

Supponendo di voler lasciare gli spazi (secondo me, come già detto, meglio farlo coi CSS), potevi unirli senza punto (.) e ovviamente apici.

In conclusione, era sufficiente lasciare lo script come generato da WS, cambiando solo  i div con span come hai fatto.

Sono sicuramente bischerate e non essendo un esperto in php potrei aver detto un sacco di sciocchezze.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 20 Dicembre, 2014, 13:55:29
Già! Quasi sufficiente; mancava solo l'ingrediente fondamentale dello scrolling, oltre alla visualizzazione inline, per rivoluzionare completamente la filosofia di questo widget.
Ora bisognerebbe che qualcuno che si intende di js facesse una riga di codice da poter inserire in siti esterni amici per visualizzare questa riga del nostro sito come banner esterno che legge i nostri contenuti in tempo reale.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Fabio B. - 21 Dicembre, 2014, 14:37:59
Ora bisognerebbe che qualcuno che si intende di js facesse una riga di codice da poter inserire in siti esterni amici per visualizzare questa riga del nostro sito come banner esterno che legge i nostri contenuti in tempo reale.
ok, trovato: é sufficiente inserire il nostro script in una pagina vuota dedicata e poi richiamare questa dove vogliamo per mezzo di un iframe. Magari allora é meglio prepararne un paio di versioni almeno, una con sfondo chiaro e testi scuri e viceversa; magari anche un altro paio, semplicemente una con testo bianco e l'altra con testo nero in entrambe su sfondo trasparente per meglio adattarsi al sito ospite.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Manipulus Mosca - 04 Maggio, 2015, 17:56:54
Buongiorno.
Chiedo venia poiché non sono un programmatore esperto. Nella mia nuova versione del sito (come potete vedere dalla home page provvisoria www.manipulusmosca.com/pollo (http://www.manipulusmosca.com/pollo/)) ho inserito l'oggetto html con il codice css e il file js per poter avere i link degli articoli del blog con l'immagine.
Il risultato, come potete vedere non è male (escludendo il fatto che non potete andare direttamente all'articolo quando si clicca su "leggi tutto", ma ciò credo dipenda dal fatto che non sono sul dominio giusto), però ci sono alcune cose che dovrei migliorare:
1. Nonostante abbia impostato di avere 10 articoli da visualizzare, ciò non accade, come se l'oggetto html non si adattasse a questo comando. Come mai?
2. Vorrei modificare alcuni parametri nel css, come ad esempio la grandezza del titolo dell'articolo, l'inserimento della descrizione oltre che delle prime parole dell'articolo. Inoltre vorrei che tutto ciò sia centrato rispetto all'immagine.


Ecco il mio attuale linguaggio css:
[/code]
Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 05 Maggio, 2015, 00:08:59
Il risultato, come potete vedere non è male (escludendo il fatto che non potete andare direttamente all'articolo quando si clicca su "leggi tutto", ma ciò credo dipenda dal fatto che non sono sul dominio giusto)


Esatto, dipende dal fatto che in Impostazioni Generali - Indirizzo URL del Sito non hai inserito la cartella (/pollo) in cui si trova la tua prova.

1. Nonostante abbia impostato di avere 10 articoli da visualizzare, ciò non accade, come se l'oggetto html non si adattasse a questo comando. Come mai?


O scegli di far visualizzare la barra di scorrimento dell'Oggetto HTML oppure prova ad impostare l'altezza dell'Oggetto HTML a 0 (zero).

2. Vorrei modificare alcuni parametri nel css, come ad esempio la grandezza del titolo dell'articolo, l'inserimento della descrizione oltre che delle prime parole dell'articolo. Inoltre vorrei che tutto ciò sia centrato rispetto all'immagine.


Per quanto riguarda il titolo dell'articolo mi sembra che tu abbia già risolto:

Citazione
.titoloBlog{
    font-size:30px;
    font-weight:normal;
}


Per le altre due domande, se ho capito bene, bisogna modificare il codice JavaScript.

Intanto prova a dare una lettura qui:
http://stesil.altervista.org/evo10/news-home-page/codice.html (http://stesil.altervista.org/evo10/news-home-page/codice.html)


Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Manipulus Mosca - 05 Maggio, 2015, 07:18:34
Come potete vedere (PROVA SITO (http://www.manipulusmosca.com/pollo/)) ho risolto il problema delle dimensioni dell'oggetto e delle foto che si vedono tutte. Grazie per i consigli.

Ho modificato un valore (portandolo da 100 a 200) nel file .js che diceva quanti caratteri della descrizione mostrare


Ho modificato alcuni valori css per ingrandire il titolo dell'articolo.


Adesso dovrei aggiungere la descrizione dell'articolo e centrare descrizione e primi 200 caratteri rispetto all'immagine. Magari giustificando il tutto.


ecco l'attuale codice css

[/code]
Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: stesil - 05 Maggio, 2015, 18:31:33
Ciao,

se la descrizione che vuoi aggiungere è il testo inserito nel programma in "Descrizione breve" dell'articolo, non si può fare: nel file x5feed.php, che lo script utilizza per recuperare i dati del blog, il programma non inserisce il valore di questo campo.

Per centrare verticalmente il testo rispetto all'immagine prova a sostituire la variabile link_markup nel file newsblogThumbsLink.js  con quella che trovi in questo file:

[attachurl=1]

Aggiungi poi nel CSS queste nuove regole:

Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Manipulus Mosca - 06 Maggio, 2015, 12:07:26
La situazione attuale del sito è questa qui (SITO PROVA (http://www.manipulusmosca.com/pollo/)).


Ho seguito le indicazione che mi sono state date ed il risultato lo considero buono.


Credo però, nel mio fare prove, di aver forse aggiunto pezzi di codice in più. In particolare credo che attualmente la dimensione del font di descrizione non sia 12 come avevo previsto ma meno. Vi faccio vedere quindi il codice css ed il file .js

[/size]
Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 06 Maggio, 2015, 12:48:33
In particolare credo che attualmente la dimensione del font di descrizione non sia 12 come avevo previsto ma meno.

La dimensione è effettivamente di 12px per la descrizione e di 14px per il "Leggi tutto".


[attach=1]



Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Manipulus Mosca - 06 Maggio, 2015, 13:00:23
Però gli articoli del blog, che s possono leggere cliccando su "leggi tutto", li ho scritti come dimensione Arial 12 e sono più grandi della descrizione. Come mai?
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 06 Maggio, 2015, 13:27:00
In realtà il font del blog è "Trebuchet MS" 16px (almeno nel primo articolo), in altri Tahoma etc...

Credo anche che sei "incappato" in un "problema" segnalato più volte su X5 Answers, riguardante il blog, i suoi font, colori etc...

Infatti il suo CSS è "enorme" (441KB), con regole sovrascritte più e più volte.

Parla da solo: /blog/style.css (http://www.manipulusmosca.com/pollo/blog/style.css)
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Manipulus Mosca - 06 Maggio, 2015, 13:45:28
Ho rivisto il font dell'ultimo articolo del blog è il font che uso è arial 12. C'è da dire anche che questo blog l'avevo creato con la versione 9 di WebSite e quindi per la maggior parte degli articoli utilizzavo trebuchet 12.


Però continuo a non capire come mai nella descrizione dell'oggetto html in home page il font sia più piccolo di quello dell'articolo vero e proprio.

Ipotizzo ciò sia legato alle regole sovrascritte del css del blog. e Allora mi chiedo, e vi chiedo, come risolvere il problema?

Inoltre, ma forse stiamo andando fuori tema e per questo aprirò una nuova discussione, credevo che la versione 11 del programma fosse resposive in automatico. Ed ho scoperto, con mio sommo dispiacere, che ciò non era vero. Allora chiedo consiglio su cosa fare per permettere al mio sito di adattarsi anche a cellulari e tablet senza incappare in pensalità di google.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 06 Maggio, 2015, 13:58:54
Ho rivisto il font dell'ultimo articolo del blog è il font che uso è arial 12.

Attualmente vedo un Arial 14px

Il CSS è cambiato, probabilmente hai aggiornato da poco.

Ti consiglio di usare strumenti come Firebug o simili per verificare la reale situazione.
Quello che imposti da programma non sempre corrisponde alla verità, per i suddetti motivi.

Visto che siamo andati abbondantemente OT, ti consiglio di aprire un nuovo topic.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Manipulus Mosca - 06 Maggio, 2015, 14:06:45
 va bene. qui rimango nell'articolo blog.
adesso nell'ultimo articolo ho impostato arial 10 e si vede grande come la descrizione nell'oggetto html in home page che invece è impostato a 12, Mi confermate? Come risolvere il problema?


Per gli altri argomenti aprirò delle nuove discussioni. Nel frattempo vi ringrazio

Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 06 Maggio, 2015, 14:19:19
adesso nell'ultimo articolo ho impostato arial 10 e si vede grande come la descrizione nell'oggetto html in home page che invece è impostato a 12, Mi confermate? Come risolvere il problema?


Questo non è un problema: la grandezza espressa dal programma è in pt

Tu hai scelto 10pt che corrispondono a circa 13px

http://www.html.it/pag/18956/unit-di-misura-per-il-testo/ (http://www.html.it/pag/18956/unit-di-misura-per-il-testo/)

Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Manipulus Mosca - 06 Maggio, 2015, 15:55:54
Va bene. Allora per ora possiamo considerare l'argomento risolto.

Grazie per il supporto
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: ziobello1976 - 05 Giugno, 2015, 16:20:21
tempo fa grazie al vostro aiuto ero riuscito ad impostare questo codice in Home Page per visualizzare alcuni articoli del mio blog:



<?php
include('res/blog.inc.php');
$categoria = 'Lenti a Contatto';
$articoli_cat=$imSettings['blog']['posts_cat'][$categoria];
$totale=(count($articoli_cat)>1)? 1: (count($articoli_cat));
$articoli=(array_slice($articoli_cat, 0, $totale));
foreach ($articoli as $id_articolo){
   $articolo = $imSettings ['blog'] ['posts'] [$id_articolo];
   $img=$articolo['body'];
   $start=strpos($img,'<img');
   $img=substr($img, $start,((strpos($img,'title=""/>'))- $start));
   $srcstart= (strpos($img,'src'))+8;                       
   $img=substr($img,  $srcstart,((strpos($img,'class'))- $srcstart - 2));
   echo "<div class=\"blog\"><p class=\"data\"></p><p class=\"titolo\">".$articolo['title']."</p><p class=\"descrizione\"><img class=\"left\" src=\"".$img."\" width=\"120\" height=\"80\" alt=\"\">".$articolo['summary']." <a class=\"imCssLink\" href=\"blog/index.php?id=".$articolo['id']."\"><BR><b>CONTINUA...</b></a></p><p class=\"canc\">&nbsp;</p><>";
};
?>


Quello che vorrei fare ora è rendere linkabile la descrizione del'articolo ed eliminare il link "CONTINUA"
E' possibile?


Grazie
Fabio
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: stesil - 05 Giugno, 2015, 16:58:37
Ciao,

devi modificare la parte di codice in echo spostando il tag <a> immediatamente dopo l'immagine e togliendo il testo in eccesso per ottenere un codice tipo questo:

Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: ziobello1976 - 05 Giugno, 2015, 18:41:43
Ciao,

devi modificare la parte di codice in echo spostando il tag <a> immediatamente dopo l'immagine e togliendo il testo in eccesso per ottenere un codice tipo questo:

Codice:
Only registered users can see contents. Please click here to Register or Login.


 :pollicesu:  FANTASTIC!!!


GRAZIE
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: AndresZan - 22 Luglio, 2015, 00:04:04
Utilizzavo il vostro ottimo script per automatizzare la visione delle news nella HomePage con la versione 10.


Ultimamente son passato alla nuova versione 11 che, in teoria avrebbe la stessa funzione con un widget, però trasforma la pagina da .HTML a .PHP, il che mi comporta altri problemi avendo una sezione del sito in .ASP... e, purtroppo, lo script della versione 10 non funziona con la 11...

Sarebbe possibile, teoricamente, adattarlo alla nuova versione? Grazie per ogni eventuale tips possiate indicarmi.
AndreZ
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 22 Luglio, 2015, 14:55:54
[...] purtroppo, lo script della versione 10 non funziona con la 11...


Hai letto qui?

http://www.unofficialwsx5.com/index.php?topic=1802.msg13359#msg13359 (http://www.unofficialwsx5.com/index.php?topic=1802.msg13359#msg13359)

Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: AndresZan - 22 Luglio, 2015, 18:17:19
Gracias Lemon Song, [size=78%]Il vostro script è decisamente meglio del widget ufficiale!!! Non avevo visto che era cambiata l'estensione da .xml a .[/size][/size][size=78%]php. Grazie![/size]
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Manipulus Mosca - 08 Ottobre, 2015, 11:40:25
Non avendo trovato la sezione WEBSITE 12, cerco di farvi capire il mio problema.
Attualmente, grazie allo script, nella home page escono fuori i link agli articoli formati dall'immagine a sinistra e da 200 caratteri a destra con il collegamento "leggi tutto".

Vista la nuova modalità responsive della versione 12, quando il sito si ridimensiona a risoluzione più bassi, purtroppo lo script non è responsive, quindi rimane solo l'immagine (anche tagliata) senza le scritte e senza collegamento "leggi tutto" per poter accedere all'articolo. ecco il sito www.manipulusmosca.com (http://www.manipulusmosca.com/)
Mi consigliate di modificare lo script per renderlo in altro modo, o addirittura responsive?
Posso postare qui una domanda sulla nuova versione 12?

In caso positivo posterò lo script e chiederò aiuto a voi che ne sapete molto più di me
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: lemonsong - 09 Ottobre, 2015, 12:51:59
Credo che debba inserire una media query, tipo questa:

Citazione
<style>
@media screen and (max-width: 839px) {
    .descBlog {
        display:block;
    }
    .descBlog img {
        width:100% !important;
    }
}
</style>


In rosso da personalizzare con il relativo breakpoint.


P.S.
La sezione per la versione 12 è qui: http://www.unofficialwsx5.com/index.php?board=56.0 (http://www.unofficialwsx5.com/index.php?board=56.0)


Edit:
Ovviamente puoi inserirla senza i tag style nella sezione Esperto dell'Oggetto HTML dove hai gli altri CSS che servono allo script in questione.
 
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: Manipulus Mosca - 09 Ottobre, 2015, 16:09:15
Grazie problema risolto
Titolo: Re:[v. 10 - Pro] Articoli del blog in home page
Inserito da: ziobello1976 - 09 Gennaio, 2016, 11:54:12
Ciao,

devi modificare la parte di codice in echo spostando il tag <a> immediatamente dopo l'immagine e togliendo il testo in eccesso per ottenere un codice tipo questo:

Codice:
Only registered users can see contents. Please click here to Register or Login.


Ciao Stesil, e se volessi linkare anche il titolo e l'immagine dell'articolo?