[RISOLTO]Cambiare la posizione di "leggi tutto"

[amabili90]

ciao....volevo sapere come cambiare la posizione quando metti "leggi tutto"....
perche quando metto" leggi tutto "in un articolo ed ho pubblicato un altro articolo sotto sembra come se fosse messo sull'articolo sotto....quindi vorrei metterlo appena finito a scrivere sull'articolo...ma non si può....come risolvere questo problema?

[Npaquito]

Hola

Cerchi nel css a.readon:link, a.readon:visited e a.readon:hover e modifichi

p.s.: almeno in Joomla 1.5 le classi erano quelle

[Gix075]

In 2.5 la classe è
.readmore

Ciao

[Gix075]

Mi ero dimenticato, per queste cose ti consiglio di installare Web Developer che è un componente aggiuntivo di Firefox molto utile per rintracciare le classi e le id di una pagina web.

Ciao.

[amabili90]

uso la 1.7   comunque non so prorpio cosa devo fare...una guida piu dettagliata....scusate dell'ignoranza

[Gix075]

Se guardi il codice di output della pagina vedi che ciò che genera il "leggi tutto" è :
<p class="readmore">

quindi nel file css dovresti fare (se non c'è già) una classe

.readmore  che gestirai come un qualsiasi altro div e che posizionerai dove vuoi.

Ciao

[amabili90]

ma io devo andare sul css del template?

[amabili90]

qusto c'è scritto nella pagina dell'articolo <hr id="system-readmore"  />

[Gix075]

Ma quella è la riga che joomla stampa nell'articolo ma solo all'interno del pannello di admin, non nel frontend del sito. Ricontrolla.

Ciao

[adottauncane]

Ciao amabili90,
se metti un link al sito tutti riescono ad essere più precisi... 

[amabili90]

http://www.rivieraskating.it

[Gix075]

Non so, ma a quel link non vedo niente, anzi il sito sembra proprio non esistere. 

[amabili90]

prova ora!!

[Gix075]

Allora, fatta eccezione per il primo articolo "Campionati regionali strada" dove il link "leggi articolo" sembra che sia stato inserito a mano perché punta ad un altro sito, i restanti link "leggi tutto" sono racchiusi nel div
<p class="readmore">.

Quindi, nel file css del template (che nel tuo caso è: templates/inspiration-et/css/style.css)dovrai cercare la classe .readmore a

Nel tuo file css è già scritta così:

Codice: [Seleziona]

.readmore a{ float:right;
line-height:14px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #267f96;
color:#fff;
overflow:visible;
font-size:11px;
padding:2px;}

.readmore a:hover{ background: #555; color:#fff; text-decoration:none;}
Queste due classi sono quelle sulle quali devi agire per cambiare lo stile (e quindi anche la posizione) del link "Leggi tutto"

Ciao.

[amabili90]

trovato ho provato a cambiare ma mi cambia solo o la grandezza o il colore ecc....non trovo per modificare la posizione...lei mi sa dire cosa devo scrivere o modificare?

[adottauncane]

Ma come hai fatto gli artcoli? Gli spazi prima del reamore li metti tu o li mette il read more? Qualcosa non mi torna... Normalmente il read more dovrebbe essere appena sotto il testo.
E poi .item-separator che dovrebbe dividere i due articoli è sopra il read more... 

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

[amabili90]

non guardare il primo articolo che ho linkato un sito.....gli altri due sotto ho scritto l'articolo e poi ho messo leggi tutto....boh non sò perche fa cosi...vorrei risolvere questo problema

[adottauncane]

Ti ho sistemato il css, certo questo template non è proprio il massimo. Altra cosa, non incollare i testi direttamente da word, si portano dietro un sacco di codice sporco. Puliscili passandoli su un qualsiasi editor, tipo note pad++
Prima del read more non fare spazi. Metti il puntatore dopo l'ultima parola e inseriscilo. Fa lui.

Hai la casella dei messaggi privati piena...

[amabili90]

perfetto grazie ancora....senti ho visto che c'è differenza tra il primo articolo e gli altri... che nel primo articolo la scritta affianco all'immagine ha piu spazio mentre sulle altre due è piu vicina....cosa devo fare per farle fare uguale alle altre con la scritta vicino quando vai a capo?

[adottauncane]

Non devi andare a capo per staccare i testi dalla foto. Devi mettere un margin-right alla foto. Guarda come ho fatto negli altri due e fallo anche sul primo. Adesso ho dato un margin di 10px, puoi aumentarlo direttamente dall'editor e farli tutti uguali. Non solo puoi, anche impostarlo per tutti direttamente da JCE in modo che lo inserisca in automatico.