Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : bachata 26 Sep 2011, 23:50:39

: pagina blog con anteprima articoli - inserimento barra orizzontale
: bachata 26 Sep 2011, 23:50:39
Salve,

vorrei modificare la pagina  degli articoli del blog che sto realizzando http://www.theamericanschool.it/it/blog (http://www.theamericanschool.it/it/blog) per aver un aspetto grafico un pò più ordinato, l'idea è quella di inserire una barra (elemento grafico di distacco) che mi permetta di marcare l'anteprima di un'articolo dall'altra.

La pagina che lista gli articoli e quella degli articoli in evidenza

Quale file di joomla devo modificare per ottenere l'effetto?

grazie per i suggerimenti.

[allegato vecchio più di un anno eliminato da un amministratore]
: Re:pagina blog con anteprima articoli - inserimento barra orizzontale
: tonicopi 27 Sep 2011, 00:04:19
Edita questa regola nel file template.css riga 1209:
:
span.article_separator {
  background: none repeat scroll 0 0 red;
  display: block;
  height: 0.5em;
  padding: 5px;
}
;)
: Re:pagina blog con anteprima articoli - inserimento barra orizzontale
: bachata 27 Sep 2011, 00:43:24
Edita questa regola nel file template.css riga 1209:
:
span.article_separator {
  background: none repeat scroll 0 0 red;
  display: block;
  height: 0.5em;
  padding: 5px;
}
;)

Grazie toni!
un'ultimo dettaglio...
come faccio ad aumentare la distanza fra linea ed articolo sopra e sotto?

: Re:pagina blog con anteprima articoli - inserimento barra orizzontale
: tonicopi 27 Sep 2011, 01:53:04
cosi

margin: 10px 0;

si distanzia 10 px dall'elemento sopra  e 10 da quello  sotto
Regola al bisogno  ;)

Ma guarda che anche le proprietà della regola sopra erano solo di esempio. Mica devi fare una riga per forza rossa! Puoi metterci anche una immagine, per dire, come ho fatto qui:
http://www.fcivicenza.com/
Una volta capito dove mettere le mani basta solo un poca di poca di fantasia...  ;D
: Re:pagina blog con anteprima articoli - inserimento barra orizzontale
: bachata 27 Sep 2011, 14:57:48
Risolto con i margin e con una barra grigia sottile.

Grazie toni per l'aiuto.

Devo studiarmi ancora un bel pò i CSS  ;)