WebSite X5Help Center

 
Luciano Z.
Luciano Z.
User

Blog Widget con immagini  it

Автор: Luciano Z.
Просмотрено 2462, Подписчики 8, Размещенный 0  

Buongiorno.

Il Blog Widget mostra gli ultimi post del blog creato come elenco.

Volevo sapere se è possibile per ogni articolo visualizzare l'immagine di copertina, in risoluzione ridotta (visto che normalmente il Blog Widget occupa solo una parte della pagina).

In alternativa se qualcuno ha qualche idea in merito...

Cordiali saluti

Размещено
10 Ответы - 1 Полезно
Reginaldo Almeida Standupweb
Reginaldo Almeida Standupweb
User

correto - na versão website x5 Pro15 

eu já testei, e está nesse formato, interessante!

porém precisa de melhorias.

Читать больше
Размещено От Reginaldo Almeida Standupweb
Luciano Z.
Luciano Z.
User
Автор

Grazie per le informazioni.

La prima soluzione funziona, facendo scorrere i titoli dei post del blog, ma non visualizza le immagini di copertina. 

Proverò la seconda soluzione.

Saluti

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

Oggetto: Blog Widget con immagini di copertina.

Ho visto che esiste un oggetto acquistabile, chiamato RSS FEED. Secondo voi potrebbe fare al caso mio?

Grazie e cordiali saluti a tutti.

Читать больше
Размещено От Luciano Z.
Claudio D.
Claudio D.
Moderator

..se posti il link del tuo sito ...

metto il tuo blog su un mio sito con quell'oggetto così vedi come viene...

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

Ciao Luciano, sì RSS FEED mostra anche le immagini ma sono quelle contenute negli articoli. Io comunque lo usoQUI, vedi se può fare al caso tuo. 

Читать больше
Размещено От Luciana Ciolfi
Luciano Z.
Luciano Z.
User
Автор

Buongiorno a tutti.

Riguardo allo  script degli amici di "quelli del cucuzzolo", nello scorrimento degli articoli del blog, l'immagine purtroppo non appare se è inserita nella copertina dell'articolo del blog e non nel corpo dell'articolo. 

Penso che si debba modificare lo script, ma non ho conoscenze approfondite in merito.

C'è qualcuno che può darmi un suggerimento? Grazie

Читать больше
Размещено От Luciano Z.
 stesil  
 stesil  
User

Ciao Luciano,

una soluzione ci può essere con una modifica del codice generato dall'oggetto Blog Widget del programma, ma non a partire dal feed perché non c'è traccia dell'immagine di copertina.

Praticamente si tratta di inserire in un oggetto HTML questo codice:

<div class="blog_widget">
    <?php
        $blog = new imBlog();
        $i = 0;
        $posts = array_values($blog->getPosts());
            while ($i < 3 && $i < count($posts)) {
                echo '<div class="post">';
                eecho '<a href="blog/index.php?id=' . $posts[$i]['id'] . '" class="post_title">' . $posts[$i]['title'] . '</a>';
                echo '<div class="post_body"><img style="float:left; width:100px; margin float: left; margin: 4px 20px 4px 0;"src="'.$posts[$i]['cover'].'"/>' . $posts[$i]['summary'] . '</div>';
                echo '<div class="post_data">Pubblicato da ' . $posts[$i]['author'] . ' - ' . $posts[$i]['timestamp'] . '</div>';
                echo '</div>';
                $i++;
            }
    ?>
</div>

E' lo stesso codice generato dal widget del programma, con l'unica differenza dell'aggiunta del tag img in cui si visualizza l'immagine assegnata come cover dell'articolo.

Ovviamente la pagina in cui deve essere utilizzato deve avere estensione .php e in Proprietà Pagina, Esperto, Prima dell'apertura del tag HTML deve essere inserito il richiamo al file x5engine.php:

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

Si tratta poi di formattare il tutto con il CSS. Un esempio può essere questo, che è quello che viene generato da WS all'inserimento del Blog Widget:

/* CSS */

.blog_widget .post {
    max-height: 350px;
    overflow: auto;
}

@media (max-width: 479px) { .blog_widget .post {overflow: visible; }}

    .blog_widget .post_title {
    display: block;
    font-family: 'Tahoma';
    font-size: 12pt;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 5px;
}

.blog_widget .post_body {
    font-family: 'Tahoma';
    font-size: 10pt;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    font-style: normal;
    font-weight: normal;
    margin-bottom: 5px;
}

.blog_widget .post_data {
    font-size: 9pt;
    font-family: 'Tahoma';
    text-align: left;
    color: rgba(0, 0, 0, 1);
    font-style: normal;
    font-weight: normal;
    margin-bottom: 8px;
}

Spero di essermi spiegata con sufficiente chiarezza e che tu riesca a riprodurre il tutto senza intoppi. Tieni presente che per vedere l'effetto devi esportare sul server perchè in anteprima si vede il codice PHP ...in ordine sparso!!

Ciao

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

Correggo il codice PHP... c'è una "e" di troppo!!

<div class="blog_widget">
    <?php
        $blog = new imBlog();
        $i = 0;
        $posts = array_values($blog->getPosts());
            while ($i < 3 && $i < count($posts)) {
                echo '<div class="post">';
                echo '<a href="blog/index.php?id=' . $posts[$i]['id'] . '" class="post_title">' . $posts[$i]['title'] . '</a>';
                echo '<div class="post_body"><img style="float:left; width:100px; margin float: left; margin: 4px 20px 4px 0;"src="'.$posts[$i]['cover'].'"/>' . $posts[$i]['summary'] . '</div>';
                echo '<div class="post_data">Pubblicato da ' . $posts[$i]['author'] . ' - ' . $posts[$i]['timestamp'] . '</div>';
                echo '</div>';
                $i++;
            }
    ?>
</div>

Читать больше
Размещено От  stesil  
Luciano Z.
Luciano Z.
User
Автор

Ciao Stesil.

Grazie per le informazioni. Appena torno dalle ferie proverò i tuoi suggerimenti.

Saluti

Читать больше
Размещено От Luciano Z.