Elenco puntato in --blogsimili--

Se stai imparando a costruirti il tuo template qui trovi consigli e risposte ai tuoi dubbi sull'HTML

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

Elenco puntato in --blogsimili--

Messaggioda DarkAgony » 7 dicembre 2008, 18:02

Salve.
Vorrei inserire un elenco puntato per i link del tag --blogsimili--
seguendo le istruzioni che ho trovato su vari siti ho scritto il codice così:

Codice: Seleziona tutto
<ul>
    <li margin:="" circle="&quot;padding:"><u>--blogsimili--</u></li>
</ul>

Ma, come si può vedere sulla mia pagina, il puntato viene inserito solo in corrispondenza del primo link ma non per tutti.
Come posso fare (se si può fare) per avere un punto per ogni link della lista?

E, se possibile, al posto dell'elenco puntato predefinito del template, come si possono inserire delle piccole immagini o un elenco puntato di altro tipo?

Grazie
"Poiché le gioie sono negative; che esse possano rendere felici è una follia nutrita e coltivata dall’invidia, poiché le gioie non vengono sentite in termini positivi, come accade invece per i dolori, sono dunque questi ultimi, con la loro assenza, che costituiscono il criterio di misura della felicità"
Avatar utente
DarkAgony
occasionale
occasionale
 
Messaggi: 47
Iscritto il: 18 ottobre 2008, 12:00
Località: Latina
Indirizzo blog: http://darkagony.iobloggo.com/

Re: Elenco puntato in --blogsimili--

Messaggioda Chris » 11 dicembre 2008, 21:38

Allora, l'elenco puntato per i link del tag --blogsimili-- non lo puoi fare con il tag ul, ma puoi simularlo in questo modo, nel codice della pagina metti

Codice: Seleziona tutto
<div class="blogsimili">
--blogsimili--
</div>


e nel css le seguenti regole

Codice: Seleziona tutto
.blogsimili a {
display: block;
padding-left: 10px;
background: url(url_immagine) no-repeat;
}
.blogsimili br {
display: none;
}


dove ovviamente sostituisci url_immagine con l'indirizzo dell'immagine da te scelta come bullet. A questo punto non ti rimane che giocare col padding per distanziare le righe fra di loro se lo ritieni necessario, io ho messo 10 pixel a sinistra per fare posto al bullet, a seconda dell'immagine scelta può essere necessario aumentare o diminuire.
Sono a disposizione per eventuali chiarimenti :wink:
No his mind is not for rent
To any god or government
Always hopeful, yet discontent
He knows changes aren't permanent...
But change is
Avatar utente
Chris
inesperto
inesperto
 
Messaggi: 9
Iscritto il: 11 dicembre 2008, 21:29
Indirizzo blog: http://hemispheres.iobloggo.com

Re: Elenco puntato in --blogsimili--

Messaggioda DarkAgony » 11 dicembre 2008, 21:57

grazie della risposta...
Ci provo (non sono molto pratica)...
Ti faccio sapere gli esiti :)
"Poiché le gioie sono negative; che esse possano rendere felici è una follia nutrita e coltivata dall’invidia, poiché le gioie non vengono sentite in termini positivi, come accade invece per i dolori, sono dunque questi ultimi, con la loro assenza, che costituiscono il criterio di misura della felicità"
Avatar utente
DarkAgony
occasionale
occasionale
 
Messaggi: 47
Iscritto il: 18 ottobre 2008, 12:00
Località: Latina
Indirizzo blog: http://darkagony.iobloggo.com/

Re: Elenco puntato in --blogsimili--

Messaggioda DarkAgony » 11 dicembre 2008, 22:10

ah e perdonami se non c'era più sul template la sezione, solo che ho cambiato template e avevo rinunciato ad avere l'elenco puntato, quindi ho tolto l'intera sezione :)

Domanda stupida : come faccio ad inserire le regole nel css?
Cioè come ci arrivo?
Grazie ancora della disponibilità :)
"Poiché le gioie sono negative; che esse possano rendere felici è una follia nutrita e coltivata dall’invidia, poiché le gioie non vengono sentite in termini positivi, come accade invece per i dolori, sono dunque questi ultimi, con la loro assenza, che costituiscono il criterio di misura della felicità"
Avatar utente
DarkAgony
occasionale
occasionale
 
Messaggi: 47
Iscritto il: 18 ottobre 2008, 12:00
Località: Latina
Indirizzo blog: http://darkagony.iobloggo.com/

Re: Elenco puntato in --blogsimili--

Messaggioda Chris » 11 dicembre 2008, 22:31

Si, immaginavo lo avessi tolto per quel motivo, l'ho messo un attimo sul mio per vedere come veniva il codice :P
Vedo che nel tuo template c'è importato questo file esterno (dovrebbe essere in alto nel codice della pagina)

Codice: Seleziona tutto
<style type="text/css" title="currentStyle" media="screen">
@import "http://cache.iobloggo.com/css/rw80y31xt/rw80y31xt.css";
</style>


non so se hai accesso a quel file, ne dubito, in ogni caso, se puoi modificare direttamente il file ci copi semplicemente dentro le regole che ho messo sopra, se no, modifichi in questo modo

Codice: Seleziona tutto
<style type="text/css" title="currentStyle" media="screen">
@import "http://cache.iobloggo.com/css/rw80y31xt/rw80y31xt.css";
.blogsimili a {
display: block;
padding-left: 10px;
background: url(url_immagine) no-repeat;
}
.blogsimili br {
display: none;
}
</style>


fammi sapere!
No his mind is not for rent
To any god or government
Always hopeful, yet discontent
He knows changes aren't permanent...
But change is
Avatar utente
Chris
inesperto
inesperto
 
Messaggi: 9
Iscritto il: 11 dicembre 2008, 21:29
Indirizzo blog: http://hemispheres.iobloggo.com

Re: Elenco puntato in --blogsimili--

Messaggioda DarkAgony » 11 dicembre 2008, 22:53

Solo per essere sicura (per evitare di far danni con i codici, con i quali non sono per niente pratica)

Se ho capito bene devo modificare visualizza --> sorgente pagina dal browser
Questo:

Codice: Seleziona tutto
<style type="text/css" title="currentStyle" media="screen">
@import "http://cache.iobloggo.com/css/rw80y31xt/rw80y31xt.css";
</style>


Infatti è lì, giusto?
Devo inserire il codice che mi hai indicato prima:

Codice: Seleziona tutto
.blogsimili a {
display: block;
padding-left: 10px;
background: url(url_immagine) no-repeat;
}
.blogsimili br {
display: none;
}


Di seguito a <style type... ecc

E poi per salvarlo? O si salva in automatico?
Perché vedo che c'è solo un "salva pagina con nome"
"Poiché le gioie sono negative; che esse possano rendere felici è una follia nutrita e coltivata dall’invidia, poiché le gioie non vengono sentite in termini positivi, come accade invece per i dolori, sono dunque questi ultimi, con la loro assenza, che costituiscono il criterio di misura della felicità"
Avatar utente
DarkAgony
occasionale
occasionale
 
Messaggi: 47
Iscritto il: 18 ottobre 2008, 12:00
Località: Latina
Indirizzo blog: http://darkagony.iobloggo.com/

Re: Elenco puntato in --blogsimili--

Messaggioda Chris » 11 dicembre 2008, 23:03

No, scusa, il codice lo devi modificare dalla gestione del template (manuale) di iobloggo nel tab "pagina"... il codice sorgente della pagina che stai guardando tu è di sola lettura!
No his mind is not for rent
To any god or government
Always hopeful, yet discontent
He knows changes aren't permanent...
But change is
Avatar utente
Chris
inesperto
inesperto
 
Messaggi: 9
Iscritto il: 11 dicembre 2008, 21:29
Indirizzo blog: http://hemispheres.iobloggo.com

Re: Elenco puntato in --blogsimili--

Messaggioda DarkAgony » 11 dicembre 2008, 23:51

Un'altra domanda stupida...
Ma davvero non credo di arrivarci da sola...
Come posso accedere e modificare il codice di un template già esistente?
(Non l'ho specificato, perché ovviamente da "ignorante in materia" l'ho dato per scontato).
Ma il template io l'ho preso dalla gallery...
Posso avere accesso al codice del template e modificarlo?
Se sì, mi manca il "come" di questo passaggio...

Scusami per il tempo che ti sto facendo perdere... :(
"Poiché le gioie sono negative; che esse possano rendere felici è una follia nutrita e coltivata dall’invidia, poiché le gioie non vengono sentite in termini positivi, come accade invece per i dolori, sono dunque questi ultimi, con la loro assenza, che costituiscono il criterio di misura della felicità"
Avatar utente
DarkAgony
occasionale
occasionale
 
Messaggi: 47
Iscritto il: 18 ottobre 2008, 12:00
Località: Latina
Indirizzo blog: http://darkagony.iobloggo.com/

Re: Elenco puntato in --blogsimili--

Messaggioda Chris » 12 dicembre 2008, 0:00

Ok, è colpa mia, pensavo che i template della gallery si modificassero in modalità manuale :doh:

Prima di continuare, tu stai mettendo il tag blogsimili creando un nuovo box? All'interno di uno già esistente? O come?
No his mind is not for rent
To any god or government
Always hopeful, yet discontent
He knows changes aren't permanent...
But change is
Avatar utente
Chris
inesperto
inesperto
 
Messaggi: 9
Iscritto il: 11 dicembre 2008, 21:29
Indirizzo blog: http://hemispheres.iobloggo.com

Re: Elenco puntato in --blogsimili--

Messaggioda DarkAgony » 12 dicembre 2008, 0:04

lo vorrei inserire in un box in cui ovviamente ci sarà solo quel tag... (e possibilmente un elenco puntato in corrispondenza dei link :P )
"Poiché le gioie sono negative; che esse possano rendere felici è una follia nutrita e coltivata dall’invidia, poiché le gioie non vengono sentite in termini positivi, come accade invece per i dolori, sono dunque questi ultimi, con la loro assenza, che costituiscono il criterio di misura della felicità"
Avatar utente
DarkAgony
occasionale
occasionale
 
Messaggi: 47
Iscritto il: 18 ottobre 2008, 12:00
Località: Latina
Indirizzo blog: http://darkagony.iobloggo.com/

Re: Elenco puntato in --blogsimili--

Messaggioda Chris » 12 dicembre 2008, 0:12

Ok, allora proviamo così:

nel testo del box, vai in modalità codice (cliccando sul tasto "source") e copiaci dentro questo:

Codice: Seleziona tutto
<p style="margin: 0;"><style type="text/css">
.blogsimili a {
display: block;
padding-left: 10px;
background: url(url_immagine) no-repeat;
}
.blogsimili br {
display: none;
}
</style></p>
<div class="blogsimili">
--blogsimili--
</div>


vediamo...
No his mind is not for rent
To any god or government
Always hopeful, yet discontent
He knows changes aren't permanent...
But change is
Avatar utente
Chris
inesperto
inesperto
 
Messaggi: 9
Iscritto il: 11 dicembre 2008, 21:29
Indirizzo blog: http://hemispheres.iobloggo.com

Re: Elenco puntato in --blogsimili--

Messaggioda DarkAgony » 12 dicembre 2008, 0:22

modalità codice --> "html" intendi?
E' l'unica modalità che vedo nell'editing, in cui si può inserire un qualsiasi codice.
Se è così il codice lo accetta ma il puntato non c'è... (puoi vedere nel template, è l'ultimo box nella colonna di destra)
"Poiché le gioie sono negative; che esse possano rendere felici è una follia nutrita e coltivata dall’invidia, poiché le gioie non vengono sentite in termini positivi, come accade invece per i dolori, sono dunque questi ultimi, con la loro assenza, che costituiscono il criterio di misura della felicità"
Avatar utente
DarkAgony
occasionale
occasionale
 
Messaggi: 47
Iscritto il: 18 ottobre 2008, 12:00
Località: Latina
Indirizzo blog: http://darkagony.iobloggo.com/

Re: Elenco puntato in --blogsimili--

Messaggioda Chris » 12 dicembre 2008, 0:30

Io nel mio editor ho scritto source :|

Comunque quello che hai fatto va bene, il risultato è corretto... non vedi l'elenco puntato perchè manca l'immagine!

Nella riga
Codice: Seleziona tutto
background: url(url_immagine) no-repeat;


al posto di url_immagine ci va l'indirizzo di una immagine da usare come "punto"... con questo metodo è necessaria, purtroppo.
No his mind is not for rent
To any god or government
Always hopeful, yet discontent
He knows changes aren't permanent...
But change is
Avatar utente
Chris
inesperto
inesperto
 
Messaggi: 9
Iscritto il: 11 dicembre 2008, 21:29
Indirizzo blog: http://hemispheres.iobloggo.com

Re: Elenco puntato in --blogsimili--

Messaggioda DarkAgony » 12 dicembre 2008, 0:59

Funziona alla perfezione!

Grazie 1000! Per l'aiuto e la pazienza! :D
"Poiché le gioie sono negative; che esse possano rendere felici è una follia nutrita e coltivata dall’invidia, poiché le gioie non vengono sentite in termini positivi, come accade invece per i dolori, sono dunque questi ultimi, con la loro assenza, che costituiscono il criterio di misura della felicità"
Avatar utente
DarkAgony
occasionale
occasionale
 
Messaggi: 47
Iscritto il: 18 ottobre 2008, 12:00
Località: Latina
Indirizzo blog: http://darkagony.iobloggo.com/

Re: Elenco puntato in --blogsimili--

Messaggioda Chris » 12 dicembre 2008, 10:43

Ottimo! :ok:
No his mind is not for rent
To any god or government
Always hopeful, yet discontent
He knows changes aren't permanent...
But change is
Avatar utente
Chris
inesperto
inesperto
 
Messaggi: 9
Iscritto il: 11 dicembre 2008, 21:29
Indirizzo blog: http://hemispheres.iobloggo.com


Torna a HTML, CSS e Javascript

Chi c’è in linea

Visitano il forum: Nessuno e 0 ospiti

cron