Pagina 1 di 1

Elenco puntato in --blogsimili--

MessaggioInviato: 7 dicembre 2008, 18:02
da 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

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 11 dicembre 2008, 21:38
da 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 :wink:

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 11 dicembre 2008, 21:57
da DarkAgony
grazie della risposta...
Ci provo (non sono molto pratica)...
Ti faccio sapere gli esiti :)

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 11 dicembre 2008, 22:10
da 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à :)

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 11 dicembre 2008, 22:31
da Chris
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!

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 11 dicembre 2008, 22:53
da 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"

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 11 dicembre 2008, 23:03
da 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!

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 11 dicembre 2008, 23:51
da 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... :(

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 12 dicembre 2008, 0:00
da Chris
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?

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 12 dicembre 2008, 0:04
da DarkAgony
lo vorrei inserire in un box in cui ovviamente ci sarà solo quel tag... (e possibilmente un elenco puntato in corrispondenza dei link :P )

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 12 dicembre 2008, 0:12
da 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...

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 12 dicembre 2008, 0:22
da 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)

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 12 dicembre 2008, 0:30
da 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.

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 12 dicembre 2008, 0:59
da DarkAgony
Funziona alla perfezione!

Grazie 1000! Per l'aiuto e la pazienza! :D

Re: Elenco puntato in --blogsimili--

MessaggioInviato: 12 dicembre 2008, 10:43
da Chris
Ottimo! :ok: