[RISOLTO] linee orizzontali di separazioni articoli

[nocciola00]

Ciao,
il mio problema è questo: vorrei separare con delle linee orizzontali gli articoli visualizzati nella Home (interrotti dal Leggi tutto). Faccio presente che ho una sola colonna. Inserendo la linea tramite editor questa mi viene visualizzata nell'articolo "espanso".


p.s. nel forum ho trovato qualcosa ma si parlava di modifiche al css template.css che non mi ritrovo tra i fogli di stile del template Accessible

[giusebos]

devi aggiungere alla regola del div che contiene il testo il anteprima qualcosa come

Codice: [Seleziona]

border-bottom:1px solid #eee;
Per questo tipo di aiuti è importante è necessario inserire un link al sito per avere una risposta più precisa, altrimenti parliamo per supposizioni.

Ti allego un piccolo decalogo

http://forum.joomla.it/index.php/topic,140091.0.html

[nocciola00]

devi aggiungere alla regola del div che contiene il testo il anteprima qualcosa come

Codice: [Seleziona]

border-bottom:1px solid #eee;

Scusami, ma proprio non ti ho capito ... dove trovo questa regola?

L'indirizzo del sito è: http://www.carmen.joomlahost.it/ (scusami, ma proprio non ci avevo pensato)

[nocciola00]

Mi sembra di aver capito che il codice che mi hai dato lo devo aggiungere nel layout.css, ma in quale punto?

[mau_develop]

guarda come si usa firebug di firefox altrimenti diventi matta/o a cercare i css

M.

[adottauncane]

Ciao nocciola00,
aggiugi questo al fondo del file layout.css

Codice: [Seleziona]

.item-separator {
    border-bottom:1px solid #000;
}

[nocciola00]

Grazie mille adottauncane, finalmente è comparsa questa benedetta linea!!
Non so se chiedo troppo, ma provo:
e se volessi avere un maggiore spazio tra la linea di fine articolo e il titolo dell'articolo successivo?


p.s. mi scuso per il doppio topic, ma mi era venuto il dubbio che il problema derivasse dal template Accessible, e allora ho postato anche nell'altra sezione senza nominarlo. In futuro starò sicuramente più attenta

[adottauncane]

Semplicemente aggiungi un margin-bottom così:

Codice: [Seleziona]

.item-separator {    border-bottom: 1px solid #B3B3B3;    margin-bottom: 30px;}

[nocciola00]

Risultato raggiunto, e ho imparato qualcosina in più sui css ...
Grazie, adottauncane!

[imarocco]

ciao ragazzi scusate ma io ho lo stesso problema, ho cercato di risolvere il problema ma non ho capito dove vanno inseriti codici html, io ho il template Tk_gen_free_ii  e uso joomla 2.5 il mio sito è www.imarocco.com
anch io vorrei mettere come separatore di articoli una riga di 5px e magari do colore blu.

quando cerco il css mi da tutti questi non ho capito in quale devo mettere il codice html che hai scritto prima.


Modifica css/base.css
Modifica css/custom.css
Modifica css/error.css
Modifica css/extensions.css
Modifica css/ie8.css
Modifica css/layout.css
Modifica css/menus.css
Modifica css/modules.css
Modifica css/print.css
Modifica css/responsive.css
Modifica css/rtl.css
Modifica css/style.css
Modifica css/system-all.css
Modifica css/system.css
Modifica css/tools.css

• grazie in anticipo

[adottauncane]

Ciao imaracco,
benvenuto nel forum 
nel tuo caso correggi qui così:

Codice: [Seleziona]

#system .items .leading .item {    border-bottom: 5px solid #4396E9;    margin-bottom: 18px;    margin-top: 10px;    padding-bottom: 12px;}

custom.css riga 32

[imarocco]

Ciao imaracco,
benvenuto nel forum 
nel tuo caso correggi qui così:

Codice: [Seleziona]

#system .items .leading .item {    border-bottom: 5px solid #4396E9;    margin-bottom: 18px;    margin-top: 10px;    padding-bottom: 12px;}

custom.css riga 32

grazie mille adottacane, ma ho ancora il problema, praticamente mi ha creato la linea orizzontale solo sotto il primo articolo, negli altri sotto c'è ancora la riga trattegiata! il codice l ho messo in fondo al style.css.
mi puoi dare una dritta per favore?

[adottauncane]

Correggi anche qui:

Codice: [Seleziona]

#system .items .item {    border-top: 5px solid #4396E9;    margin-top: 12px;    padding-top: 18px;}
custom.css riga 26

poi installa Firebug per Firefox così puoi vedere dove correggere i css e riportare le correzioni sul file.
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html