Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : licaone 20 Sep 2011, 23:11:43
-
Stò utilizzando un template che non prevede l'utilizzo degli elenchi puntati: come e dove posso inserire i tag?
All'interno del foglio style.css?
Ed in quale posizione?Grazie!
-
Ho giustamente aperto un topic relativo al template a cui mi riferisco http://forum.joomla.it/index.php/topic,145093.msg646512.html#msg646512 (http://forum.joomla.it/index.php/topic,145093.msg646512.html#msg646512)
-
Ciao licaone,
Non c'entra nulla il template con l'editing dei articoli. Questa funzionalità (inserimento degli elenchi puntati) è gestito dal editor.
-
Ciao licaone,
Non c'entra nulla il template con l'editing dei articoli. Questa funzionalità (inserimento degli elenchi puntati) è gestito dal editor.
Io ho creato con l'editor l'elenco puntato ma questo non viene visto correttamente nel nuovo template come invece veniva visto nel vecchio template.
-
Posto un'immagine su come lo stesso articolo viene visto dai due template.
(http://img713.imageshack.us/img713/6835/templ12.jpg) (http://imageshack.us/photo/my-images/713/templ12.jpg/)
Uploaded with ImageShack.us (http://imageshack.us/)
-
Puoi fornire un link al tuo sito (con il nuovo template)?
-
Purtroppo no perché lo sto sviluppando in locale con il template che ho linkato anche su http://forum.joomla.it/index.php/topic,145093.msg646512.html#msg646512
Ho provato ad aprire un post proprio per quel templare che sto provando.
-
Posso provare a postare il codice di style.css del templare nuovo, che dici?
-
Purtroppo non si può dare una soluzione in base a queste informazioni, perché è possibile che ci sono più file css che controllano l'aspetto, non solo style.css.
Come consiglio cerca di installare firebug su firefox, ti aiuta molto a trovare il punto di riferimento dove modificare.
-
Purtroppo non si può dare una soluzione in base a queste informazioni, perché è possibile che ci sono più file css che controllano l'aspetto, non solo style.css.
Come consiglio cerca di installare firebug su firefox, ti aiuta molto a trovare il punto di riferimento dove modificare.
Nella cartella del template esiste solo style.css comunque proverò a seguire il tuo consiglio: si tratta di un tool che sinceramente non ho mai provato.
Grazie della paziente disponibilità!!
-
...si tratta di un tool che sinceramente non ho mai provato.
E che lo troverai davvero utile!
L'unica cosa che posso dire, cerca nel tuo style.css le classi che fanno riferimento a UL e LI, classi che (suppongo) hanno attualmente degli atributi tipo list-style-type:none;
A te serve una specie di list-style-type:circle; o una cosa simile...
-
L'unica cosa che posso dire, cerca nel tuo style.css le classi che fanno riferimento a UL e LI, classi che (suppongo) hanno attualmente degli atributi tipo list-style-type:none;
A te serve una specie di list-style-type:circle; o una cosa simile...
Sei un grande! :D
Ho trovato e modificato la riga su style.css mettendo "yes" e funziona, ma i punti sono allineati in colonna e non "a scaletta": sapresti darmi qualche indicazione anche su questa cosa?
Sono proprio a digiuno di css come avrai notato ???
Codice trovato
* { margin: 0; padding: 0; list-style-type: yes; padding: 0; }
-
Quindi, se è una lista semplice allora il codice giusto sarebbe così:
<ul>
<li>item1</li>
<li>item2</li>
</ul>
Per avere allineamento "a scaletta" significa che devi avere una lista all'interno di un'altra lista, e in questo caso il tuo html sarebbe così:
<ul>
<li>item1
<ul><li>subitem1</li></ul>
</li>
</ul>
Spero che mi sono spiegato meglio ;)
-
In realtà l'elenco che ho creato è come hai indicato nel secondo esempio: a "prova" di ciò nel template 1 si vede bene che tutte le voci sono una "dentro" l'altra...
E' che adesso, dopo aver messo "yes" su "list-style-type:" vedo l'elenco in questo modo:
(http://img716.imageshack.us/img716/5928/imageqx.png) (http://imageshack.us/photo/my-images/716/imageqx.png/)
Si nota, come è giusto che sia, che:
il punto di "cc" è banco proprio perché è collegato a "bb"
i punti "dd-ee" sono quadrati perché collegati a "cc"
-
ok, allora nel tuo css al posto di padding:0; metti ad esempio padding:0 0 0 20px;
e vedi cosa succede
-
In realtà in style.css le righe che includono il parametro "list-style-type" sono 3:
Riga1
* { margin: 0; padding: 0; list-style-type: yes; padding: 0; }
Riga 2
.module ul.menu, .module_menu ul.menu{margin:0; padding:0;list-style:none; padding:0 ; list-style-type:none; }
Riga 3
.module ul.menu li, .module_menu ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; border-bottom:1px dotted #e8e8e8;}
Solo mettendo "yes" sulla riga 1 ho ottentuo il risultato che ho scritto prima ma aggiungendo "0 0 0 20px" ottengo solo uno spostamento di tutto il corpo dell'articolo all'interno del corpo del sito.
Credo che la riga 2 e 3 si riferiscano agli elenchi puntati dei menù sparsi nel sito...
-
E per questo ti dicevo che è difficile darti una risposta ad occhi chiusi.
Le modifiche vanno fatte sulla terza riga che hai mostrato:
list-style-type:yes;
padding:0 0 0 20px;
-
Purtroppo l'effetto "scaletta" lo ottengo solo modificando la RIGA-1 ma succede questo:
(http://img191.imageshack.us/img191/908/imggl.png) (http://imageshack.us/photo/my-images/191/imggl.png/)
A sinistra si crea lo spazio evidenziato dal riquadro viola
L'articolo, evidenziato in rosso, si sposta verso destra
I moduli che stanno a destra scompaiono dalla zona indicata dalla freccia verde
Ecco le righe come sono ora.
RIGA-1
* { margin: 0; padding: 0; list-style-type: yes; padding: 0 0 0 10px; }
RIGA-2
.module ul.menu, .module_menu ul.menu{margin:0; padding:0;list-style:none; padding:0; list-style-type:none; }
RIGA-3
.module ul.menu li, .module_menu ul.menu li{ list-style:none; list-style-type:yes;margin:0; padding:0 0 0 10 20px; border-bottom:1px dotted #e8e8e8;}
Tutte le modifiche effettuate sulle RIGHE-2 e 3 non sembrano produrre alcun effetto.
-
Alla riga 1 devi modificare al posto di padding:0 0 0 20px; metti come era prima cioè padding:0;
Alla riga 3 vedi che è un 0 in più, quindi al posto di padding:0 0 0 10px 20px; scrivi padding:0 0 0 20px;
Dovrebbe andare bene adesso.
-
Guarda, sei stato un grande, è da oggi che mi stai praticamente facendo da help-desk!!
Purtroppo anche con questa che mi hai passato di modifica non ne vengo fuori, non va... :-[
Io continuo, stò mettendo anche il colore di fondo ai moduli per capire dove intervenire ma credo che si tratta solo di agire tra quegli zeri e quei pixel del tag "padding".
Non voglio rubarti altro tempo prezioso ma continuerò a scrivere in questo post e se vorrai, potrai rispondere...
Dire che sei stato gentile è poco! ;)
Grazie "xplosion"!
-
Mi dispiace che non si e risolta la facenda... come ti dicevo era meglio di avere un link al sito.
Un'ideea: perché non prendi uno spazio free e caricarti il sito li, solo per la durata dello sviluppo, ulteriormente lo puoi spostare su un tuo dominio.
No so altro come aiutarti...
Buon lavoro!
-
Mettendo uno sfondo al layout risalta che l'elenco numerato/puntato risulta fuori dal corpo dell'articolo (vedi freccia verde).
Se li faccio mettere a scaletta usando il padding: 0 0 0 20px la zona bianca dove ci sono i punti si allarga e saltano tutti i moduli sulla destra...
(http://img221.imageshack.us/img221/103/image1ne.png) (http://imageshack.us/photo/my-images/221/image1ne.png/)
Ecco la riga-1 come è modificata:
* { margin: 0 0 0 0 ; padding: 0 0 0 0; list-style-type: yes; padding: 0 0 0 1px; background: #FF40FF}
Per lo spazio "free" provvederò quanto prima...