Unofficial WebSite X5

WebSite X5 versioni obsolete => WebSite X5 [v9] - Discussioni Generali => Topic aperto da: ziobello1976 - 06 Giugno, 2013, 18:31:57

Titolo: Personalizzare BLOG: visualizzazione articoli
Inserito da: ziobello1976 - 06 Giugno, 2013, 18:31:57
Ciao ragazzi sto cercando di personalizzare la pagina che visualizza gli articoli del BLOG.


Mi piacerebbe poter far apparire l'immagine che ho allegato nell'articolo in modo da renderlo più gradevole e poter personalizzare la dimensione dei caratteri del titolo e della descrizione.


Non saprei proprio da che parte iniziare.


Potete aiutarmi?


Grazie


Fabio
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: lemonsong - 09 Giugno, 2013, 13:46:32
Ti riferisci sempre a questo sito? www.optivist.com

Se sì, mi sembra fatto con la 10... magari è la stessa "zuppa".

Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: ziobello1976 - 11 Giugno, 2013, 10:00:22
SI SI è fatto con la 10


a che zuppa ti riferisci? 8)
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: lemonsong - 11 Giugno, 2013, 13:04:12
Zuppa inglese  :)

Vedo che hai parecchi CSS in HEAD, se ho capito bene e se non li puoi personalizzare da programma, questi dovrebbero essere quelli per la dimensione dei caratteri del titolo e descrizione:

Citazione
<style>
h2#imPgTitle, h2#imPgTitle a{
    font-size: 18px;
}

.imBlogPostSummary {
    font-size: 12px;
}
</style>

Eventualmente aggiungere !important

Vado sempre alla cieca.


Quella dell'immagine non l'ho capita.



Edit:
Forse erano già stati scritti da qualche parte ma non ricordo dove.
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: ziobello1976 - 11 Giugno, 2013, 15:07:46
Zuppa inglese  :)

Vedo che hai parecchi CSS in HEAD, se ho capito bene e se non li puoi personalizzare da programma, questi dovrebbero essere quelli per la dimensione dei caratteri del titolo e descrizione:

Citazione
<style>
h2#imPgTitle, h2#imPgTitle a{
    font-size: 18px;
}

.imBlogPostSummary {
    font-size: 12px;
}
</style>


perfetto!!! 8)

Citazione
Quella dell'immagine non l'ho capita.


Mi piacerebbe fare in modo che alla sinistra del titolo e della descrizione possa apparire l'immagine inserita nell'articolo dl blog
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: lemonsong - 11 Giugno, 2013, 16:08:51
Mi piacerebbe fare in modo che alla sinistra del titolo e della descrizione possa apparire l'immagine inserita nell'articolo dl blog

Capito, passo la parola ad altri.
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: ziobello1976 - 28 Dicembre, 2013, 18:08:32
nessuno può aiutarmi?


in sostanza vorrei fare in modo che nella pagina in cui appaiono tutti gli articoli, esempio visualizzati per categoria, appaia l'immagine presente nell'articolo come se fosse un'anteprima.


Grazie
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: ziobello1976 - 05 Febbraio, 2015, 19:15:44
Zuppa inglese  :)

Vedo che hai parecchi CSS in HEAD, se ho capito bene e se non li puoi personalizzare da programma, questi dovrebbero essere quelli per la dimensione dei caratteri del titolo e descrizione:

Citazione
<style>
h2#imPgTitle, h2#imPgTitle a{
    font-size: 18px;
}

.imBlogPostSummary {
    font-size: 12px;
}
</style>

Eventualmente aggiungere !important

Vado sempre alla cieca.


Edit:
Forse erano già stati scritti da qualche parte ma non ricordo dove.


ci sto provando e riprovando da tempo ma senza successo...il carattere e la dimensione non cambia
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: lemonsong - 05 Febbraio, 2015, 20:24:12
In quella selva di CSS non vedo traccia dei selettori postati più di un anno e mezzo fa.

Hai anche degli errori JS.



Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: ziobello1976 - 05 Febbraio, 2015, 21:16:34
In quella selva di CSS non vedo traccia dei selettori postati più di un anno e mezzo fa.

Hai anche degli errori JS.

li ho cancellati perchè nn avevano effetto purtroppo e nn capisco perchè
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: ziobello1976 - 06 Febbraio, 2015, 10:53:44

<style>
h2#imPgTitle {
font-size: 30px;
font-family: 'Steelfish RG';
}
</style>


inserendo questo mi cambia solo la dimensione del testo ma non la font
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: lemonsong - 06 Febbraio, 2015, 12:49:58
Questo perché il percorso del file .ttf NON è corretto:

Citazione
<style type="text/css">
@font-face{
        font-family: 'Steelfish RG';
        src: url('files/steelfish rg.ttf');
}
</style>


Sei nella cartella blog, quindi devi aggiungere ../ al percorso oppure scriverlo in modo assoluto: http://www.html.it/pag/16048/i-percorsi-assoluti-e-relativi/ (http://www.html.it/pag/16048/i-percorsi-assoluti-e-relativi/)

Senza considerare che NON è sufficiente l'estensione .ttf per visualizzare i font personalizzati su tutti i browser.
Ti consiglio di usare questo servizio: http://www.fontsquirrel.com/tools/webfont-generator (http://www.fontsquirrel.com/tools/webfont-generator)

Altre cosette:
Avventurarsi in personalizzazioni senza avere un minimo di conoscenza di base dei linguaggi web non è consigliato.
Il sorgente delle tue pagine lo dimostra.
In questo anno e mezzo, potevi leggerti un po' di guide online gratuite.
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: ziobello1976 - 06 Febbraio, 2015, 13:20:47
Questo perché il percorso del file .ttf NON è corretto:

Citazione
<style type="text/css">
@font-face{
        font-family: 'Steelfish RG';
        src: url('files/steelfish rg.ttf');
}
</style>


Sei nella cartella blog, quindi devi aggiungere ../ al percorso oppure scriverlo in modo assoluto: http://www.html.it/pag/16048/i-percorsi-assoluti-e-relativi/ (http://www.html.it/pag/16048/i-percorsi-assoluti-e-relativi/)

Senza considerare che NON è sufficiente l'estensione .ttf per visualizzare i font personalizzati su tutti i browser.
Ti consiglio di usare questo servizio: http://www.fontsquirrel.com/tools/webfont-generator (http://www.fontsquirrel.com/tools/webfont-generator)

Altre cosette:
  • evitare gli spazi nei nomi dei file/percorsi
  • se devi scrivere un tot di regole CSS, puoi "raggrupparle" all'interno di un "unico" tag <style> e </style>
  • meglio commentare il codice, specialmente quando è molto
Avventurarsi in personalizzazioni senza avere un minimo di conoscenza di base dei linguaggi web non è consigliato.
Il sorgente delle tue pagine lo dimostra.
In questo anno e mezzo, potevi leggerti un po' di guide online gratuite.



Grazie del consiglio Lemonsong ma non ti arrabbiare  :lol:
Come posso commentare il codice senza alterarlo?
Non mi garbano molto le guide on-line gratuite, sapresti consigliarmi un testo da acquistare?

Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: lemonsong - 06 Febbraio, 2015, 14:03:36
Arrabbiato? Io non mi arrabbio (quasi) mai.

Visto che non ti piacciono le guide online gratuite: http://www.html.it/pag/14215/come-fatto-un-css-regole-e-commenti/ (http://www.html.it/pag/14215/come-fatto-un-css-regole-e-commenti/)

Siete fortunati voi "giovani", una volta zio Google non c'era  :)
Titolo: Re:Personalizzare BLOG: visualizzazione articoli
Inserito da: ziobello1976 - 06 Febbraio, 2015, 14:06:58
Arrabbiato? Io non mi arrabbio (quasi) mai.

Visto che non ti piacciono le guide online gratuite: http://www.html.it/pag/14215/come-fatto-un-css-regole-e-commenti/ (http://www.html.it/pag/14215/come-fatto-un-css-regole-e-commenti/)

Siete fortunati voi "giovani", una volta zio Google non c'era  :)



giovani  ;D  una volta si