Personalizzare BLOG: visualizzazione articoli

[ziobello1976]

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

[lemonsong]

Ti riferisci sempre a questo sito? www.optivist.com

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

[ziobello1976]

SI SI è fatto con la 10


a che zuppa ti riferisci?

[lemonsong]

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:

<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.

[ziobello1976]

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:

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

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

perfetto!!!

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

[lemonsong]

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.

[ziobello1976]

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

[ziobello1976]

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:

<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

[lemonsong]

In quella selva di CSS non vedo traccia dei selettori postati più di un anno e mezzo fa.

Hai anche degli errori JS.

[ziobello1976]

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è

[ziobello1976]

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


inserendo questo mi cambia solo la dimensione del testo ma non la font

[lemonsong]

Questo perché il percorso del file .ttf NON è corretto:

<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/

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

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.

[ziobello1976]

Questo perché il percorso del file .ttf NON è corretto:

<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/

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

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 
Come posso commentare il codice senza alterarlo?
Non mi garbano molto le guide on-line gratuite, sapresti consigliarmi un testo da acquistare?

[lemonsong]

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/

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

[ziobello1976]

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/

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

giovani    una volta si