Autore Topic: Personalizzare BLOG: visualizzazione articoli  (Letto 3147 volte)

ziobello1976

  • Utente inesperto
  • **
  • Post: 137
Personalizzare BLOG: visualizzazione articoli
« il: 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

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1738
    • lemonsong's links
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #1 il: 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".


ziobello1976

  • Utente inesperto
  • **
  • Post: 137
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #2 il: 11 Giugno, 2013, 10:00:22 »
SI SI è fatto con la 10


a che zuppa ti riferisci? 8)

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1738
    • lemonsong's links
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #3 il: 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.
« Ultima modifica: 11 Giugno, 2013, 13:08:09 da lemonsong »

ziobello1976

  • Utente inesperto
  • **
  • Post: 137
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #4 il: 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

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1738
    • lemonsong's links
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #5 il: 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.

ziobello1976

  • Utente inesperto
  • **
  • Post: 137
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #6 il: 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

ziobello1976

  • Utente inesperto
  • **
  • Post: 137
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #7 il: 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

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1738
    • lemonsong's links
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #8 il: 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.




ziobello1976

  • Utente inesperto
  • **
  • Post: 137
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #9 il: 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è

ziobello1976

  • Utente inesperto
  • **
  • Post: 137
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #10 il: 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

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1738
    • lemonsong's links
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #11 il: 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/

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

  • Utente inesperto
  • **
  • Post: 137
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #12 il: 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/

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


lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1738
    • lemonsong's links
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #13 il: 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/

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

ziobello1976

  • Utente inesperto
  • **
  • Post: 137
Re:Personalizzare BLOG: visualizzazione articoli
« Risposta #14 il: 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/

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



giovani  ;D  una volta si