Tag --ultimicommenti-- e tag --ultimipost-- 'listati'

[Mirus]

Non posso fare altro che ringraziarti di nuovo per la voglia e il tempo che ci perderai!

Sei gentilissima.

[Morgaine]

Codice: Seleziona tutto

.ultimipost {margin: 0;
                 list-style: none;
                 padding: 0;}

.ultimipost li {margin: 0;
                    padding: 0;
                     text-align: center;}

.ultimicommenti {margin: 0;
                         list-style: none;
                         padding: 0;}
 
.ultimicommenti li {margin: 0;
                           padding: 0;
                           text-align: center;}


Così funziona tutto!

Nel tuo blog ho bisto che hai tutto centrato... se invece vuoi allineare le scritte a sinistra o a destra cambia text-align.

[Mirus]

Grandissima!

Io qualcosina (ma veramente poco sto iniziando solo ora a capire come funziona) so fare ma questo almeno fino ad ora era fuori della mia portata.

Grazie mille!

Sei stata veramente gentilissima...vedo che hai più di un blog...il link back tra i ringraziamenti lo metto alla tua scheda allora.

[Morgaine]

Non ce n'è bisogno Mi piace fare queste cose così imparo pure io cose che non ho ancora fatto!


SE hai bisogno di altro chiedi nella sezione html, css e javascript

[Alcy]

ma si possono mettere anche i Link come elenco puntato?

Ho fatto una domanda stupida: c'è il tag fatto apposta.

[Mirus]

Uhmmm...vorrei mettere il tag --ext_lastfm-- nel mio template ma ho lo stesso problema che ho avuto al tempo con gli ultimi commenti e ultimi post di cui si parla in questo topic.

Usando lo stesso codice che Morgaine mi ha gentilmente preparato per le altre due funzioni (sostituendo ovviamente ext_lastfm a ultimicommenti) la situazione non cambia.
C'è qualche anima pia che mi spiegherebbe perché?

[arunka]

Comunque sì, dovrebbe funzionare... anzi ti basterebbe mettere solo ul e li senza la specificazione di archivio o meno e verrebbe applicato a tutte le liste del blog.

Credo non sia vero.
Ho fatto delle prove perchè voglio togliere l'elenco puntato dalle categorie e facendo così:

Codice: Seleziona tutto

.ul {
  list-style-type: none;
  padding: 0px 0px 2px 0px;
  margin: 0px;
}

.li {
  background-image: none;
  padding:0px 0px 1px 3px;
}

(se era questo che intendevi), non funziona. Gli elenchi puntati restano.

[anija]

UL e LI sono tag, non nomi di classe, quindi vanno senza il punto.

Codice: Seleziona tutto

ul {
  list-style-type: none;
  padding: 0px 0px 2px 0px;
  margin: 0px;
}

li {
  background-image: none;
  padding:0px 0px 1px 3px;
}

[Gocce di Zucchero]

Ah!spero di essere nel thread giusto... ero tentata di aprirne uno nuovo... ma ho visto che ce ne sono molti che trattano l'elenco puntato!ora.. il mio problema è questo :
ci sono l'elenco dei commenti e quello dell'archivio e delle categorie che mi riportano i pallini... ora... il mio template ha già di suo un elenco puntato personalizzato e quindi il risultato è bruttissimo, perchè mi appaiono i cuoricini dell'elenco del mio template originario con in più i pallini impostati dai relativi tag... ora vi posto i codici nella speranza che qualcuno sappia cosa fare!°____°

Questo è il codice che comanda parte degli stili.. e se ricordo bene divrebbe essere la parte che riguarda l'elenco puntato...

Codice: Seleziona tutto

#nav {
  position: absolute;
  top: 295px;
  left: 595px;
  padding: 10px;
  width: 210px;
  text-align: left;}

#nav ul li {
  margin: 3px;
  }
#nav p {
  margin: 3px 0px 0px 0px;
  }

#nav ul a {
  color: #000000;
  font-weight: none;
  font-size: 11px;
  padding-left: 20px;
  background-image: url(http://img379.imageshack.us/img379/744/h1le8.png);
  background-repeat: no-repeat;
  background-position: left top;
  text-decoration: none;
  }
#nav ul a:hover {
  color: #999999;
  background-image: url(http://img379.imageshack.us/img379/8733/h2gi7.png);
  background-repeat: no-repeat;
  background-position: left top;
  }

Quest'altro è il codice messo appunto nelle zone interessate...

Codice: Seleziona tutto

<div class="h4"><font color= #ffa0ba><center>Commenti</center></font></div>
<ul>
--ultimicommenti--
</BloggerRecentComments>
</ul>

<div class="h4"><font color= #ffa0ba><center>Categorie</center></font></div>
<ul>
--categorie--
</BloggerCategories>
</ul>

<div class="h4"><font color= #ffa0ba><center>Archive</center></font></div>
<ul> --archivio--
</BloggerArchives>
</ul>

accetto ogni tipo di suggerimento... ah... se vado su "visualizza sorgente pagina" trovo accanto a <ul> il tag <li> che nel mio codice orgine non appare mai... ed in teoria dovrebbe apparirimi anche tra i link credo.. ed invece i link se andate avedere poi il mio blog.. hanno solo l'elenco puntato dettato esclusivamente dal codice originale del template...
non so se sono stata chiara... °__° non sono molto brava ad esporre i problemi... me ne rendo conto.. ma magari dandogli un'occhiata voi... i fatti sono spesso più chiari delle parole!°_°

grazie in anticipo... anche in caso di risposta negativa.. O_O

[arunka]

il codice che hai scritto non funziona, perchè i tag che hai inserito hanno già "dentro di loro" l'elenco puntato, e non va modificato come hai fatto tu, ma da CSS.

quindi nell'html devi scrivere:

Codice: Seleziona tutto

    <div class="h4"><font color= #ffa0ba><center>Commenti</center></font></div>
    --ultimicommenti--


    <div class="h4"><font color= #ffa0ba><center>Categorie</center></font></div>

    --categorie--

    <div class="h4"><font color= #ffa0ba><center>Archive</center></font></div>
   --archivio--
 

oltretutto avevi dei tag di blogger che in iobloggo fanno solo confusione.

inoltre: hai seguito i suggerimenti proposti in questo topic?

Prova ad inserire nella pagina di css il codice

Codice: Seleziona tutto

ul {
  list-style-type: none;
  padding: 0px 0px 2px 0px;
  margin: 0px;
}

li {
  background-image: none;
  padding:0px 0px 1px 3px;
}

Di sicuro i pallini ti spariscono. Dimmi se i cuoricini rimangono, altrimenti inseriamo altro codice.

[Gocce di Zucchero]

a dire il vero non avevo ancora provato nulla questo template lo usavo su splinder pur essendo stato creato per blogger(cosa curiosa su blogger non funzionava), ricordo che per usarlo su splinder modificai solo delle piccole cose.. poi ho importato l'html di splinder con la funzione apposita, che per me è stata una gran salvata, perchè altrimenti non avrei saputo come ricominciare. percui più di fare piccole modifiche... cioè inserire i tag per far funzionare i commenti i post ecc.. non ho fatto.. i codici riportati sono i codici originali (eccezion fatta per i tag quali --commenti-- per esempio). ora provo con il tuo consiglio!grazie!

ps: non avevo provato per evitare di fare troppo casino e poi perchè avevo letto che servivano proprio per togliere a monte l'elenco puntato.

----

ti ringrazio moltissimo per l'aiuto!i pallini sono spariti e i cuoricini sono rimasti!
posso chiedere un consiglio su quale eventuale libro poter prendere per orientarmi un pò meglio tra i codici? purtroppo ne mastico un poco, ma non a sufficienza visto che di solito faccio tentativi dettati dall'intuito e non certo dallo studio.
Grazie ancora!

Gocce.

[arunka]

Non saprei, secondo me nei libri non trovi granché.
Invece in rete trovi interi siti che spiegano come fare (tipo questo http://xhtml.html.it/guide/leggi/51/guida-html/)
Io ho imparato l'html e il css empiricamente partendo dal mio primo template e cercando in internet..