Elenco puntato in --blogsimili--

[DarkAgony]

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

[Chris]

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

[DarkAgony]

grazie della risposta...
Ci provo (non sono molto pratica)...
Ti faccio sapere gli esiti

[DarkAgony]

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à

[Chris]

Si, immaginavo lo avessi tolto per quel motivo, l'ho messo un attimo sul mio per vedere come veniva il codice
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!

[DarkAgony]

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"

[Chris]

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!

[DarkAgony]

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...

[Chris]

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

Prima di continuare, tu stai mettendo il tag blogsimili creando un nuovo box? All'interno di uno già esistente? O come?

[DarkAgony]

lo vorrei inserire in un box in cui ovviamente ci sarà solo quel tag... (e possibilmente un elenco puntato in corrispondenza dei link )

[Chris]

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...

[DarkAgony]

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)

[Chris]

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.

[DarkAgony]

Funziona alla perfezione!

Grazie 1000! Per l'aiuto e la pazienza!

[Chris]

Ottimo!