Modifica tagcloud tramite classi

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

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

Modifica tagcloud tramite classi

Messaggioda isabella80 » 7 aprile 2012, 17:07

Ciao a tutti, vorrei chiedervi aiuto per quanto riguarda le categorie del blog, ho messo nella sezione categorie il codice -- categorie--, e funziona perfettamente, ma che mi visualizza solo il nome della categoria, mentre a me intessa che bel box delle categorie si visualizzino il nome delle tag associate al post, lo stesso vale per l'archivio vorrei solo che si visualizzassero i mesi senza elenco, mi potete dare una mano? Grazie
isabella80
inesperto
inesperto
 
Messaggi: 13
Iscritto il: 4 marzo 2012, 12:25
Indirizzo blog: roma1980.iobloggo.com

Re: Modifica tagcloud tramite classi

Messaggioda Alexiel » 7 aprile 2012, 17:50

Non ho capito dove vuoi visualizzare i tag. Se vuoi visualizzarli sotto al post, come credo, devi usare --tags-- nel template post. Se vuoi visualizzare i più usati (i primi 20) nella pagina, devi usare --tagcloud--.
L'archivio è regolato da tag diversi, da inserire nel template pagina. Se vai nella pagina che spiega l'uso di ognuno di questi (http://guida.iobloggo.com/tag.php) vedrai che, cliccando sul tag che ti interessa, ti dirà non solo cosa visualizzerai inserendolo, ma anche come puoi modificarlo, utilizzando le varie classi nel CSS.
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Modifica tagcloud tramite classi

Messaggioda isabella80 » 7 aprile 2012, 19:11

Io vorrei visualizzare la lista dei nomi dei vari tag associati al post, nella pagina ovvero nella colonna di destra del mio blog che è formato dai vari box...

Codice: Seleziona tutto
</div>
<div class="boxmenu">
<div class="titolimenu">TAG</div>
<p class="testomenu"> --tagcloud-- </p>
</div>


Adesso visualizza i vari Tag associati al Post l'unica caso che non capisco perché non mantiene ne il carattere della scrittura ne il dimensione che mi si ripete in automatico a tutti i box che creo, mi puoi aiutare?
isabella80
inesperto
inesperto
 
Messaggi: 13
Iscritto il: 4 marzo 2012, 12:25
Indirizzo blog: roma1980.iobloggo.com

Re: Modifica tagcloud tramite classi

Messaggioda Alexiel » 7 aprile 2012, 20:48

Devi inserire nel CSS le classi:
Codice: Seleziona tutto
.tag_enorme {...}
.tag_grande {...}
.tag_medio {...}
.tag_piccolo {...}
.tag_moltopiccolo {...}

e impostarle in modo tale che si visualizzino come il resto del template. Ovviamente non posso darti info più approfondite perché non conosco il tuo template.
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Modifica tagcloud tramite classi

Messaggioda isabella80 » 9 aprile 2012, 11:27

Purtroppo ho fatto un pò di prove ma niente, il mio blog inizia con: body, a:link , a:visited a:hover, #contenitore, #testa #contenitore:after #corpo

Codice: Seleziona tutto
#colonnadx {
width: 170px;
float: right;
color: #FB00FB;
padding-bottom: 10px;
margin-top: 0px;
}

.boxmenu {
text-align:center;
background-color: #FFFAFA;
border:double 4px #FF0000;
margin-bottom: 2px;
margin-right:3px;
padding: 2px 3px 10px;
width: 160px;
}
.titolimenu {
background-image:url( );
color: #00BFFF;
text-align:center;
font-family:Comic Sans MS;
font-size:12px;
}
.testomenu {
font-family:Comic Sans MS ;
color: #FF0000 ;
font-size:12px;
}


#data, #titolo, #contenuto #commenti #blog-pager # blog-pager a #fondo ecc

Seconda parte

Codice: Seleziona tutto
</style>
</head>
<body>

</style>
</head>
<body>
<div id="contenitore">

<div id="testa"></div>

<div id="corpo">
--post--
<center>
<div id="blog-pager"></div>

</Blogger>
<center>
<div id="blog-pager"></div>
</center>
</div>
<div id="colonnadx">
<div class="boxmenu">
<div class="titolimenu">  PROVA </div>
<div id="menu">

</div>
<div class="boxmenu">
<div class="titolimenu">CATEGORIE</div>
<p class= "testomenu" >--tagcloud-- </p>

</div>
<div class="boxmenu">
<div class="titolimenu">ARCHIVIO</div>
<p class="testomenu"> <--archivio+counter--> </p>


Come ti dicevo prima con questa impostazione ogni box ha i caratteri e la misura che si riferisce a quella che ho messo nei Box e si ripete automaticamente ma se metto --tagcloud-- non mi mette le giuste misure... mi puoi aiutare? Grazie
isabella80
inesperto
inesperto
 
Messaggi: 13
Iscritto il: 4 marzo 2012, 12:25
Indirizzo blog: roma1980.iobloggo.com

Re: Modifica tagcloud tramite classi

Messaggioda Alexiel » 9 aprile 2012, 11:30

Se non copi tutto il CSS del template pagina di sicuro non posso aiutarti.
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Modifica tagcloud tramite classi

Messaggioda isabella80 » 12 aprile 2012, 17:15

Ecco il CSS , come ti dicevo precedentemente, le misure e i caratteri che ho impostate ai box della colonna di destra si ripetono automaticamente in tutti i box tranne quella dei Tag
( --tagcloud-- ) non mi mette le giuste misure.. e vorrei metterli allineati al centro. Grazie per l’aiuto.

Codice: Seleziona tutto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>--titolo--</title>

<style type="text/css">
/*TEMPLATE

 */

body {
font-family:Comic Sans MS;
background-color: #000000;
}

body {
    margin:  0px;
    padding top: 300px;
    background-color: transparent;
    font-family: Comic Sans MS;
    color: #000000;
    background:url(http://www.mondoglitter.it/sfondi/sfondo38.gif);
    font-size: 70%;
    word-spacing: normal;
    text-align: center;
    background-color:#000000;
}

a:link {
color: #FF0000;
text-decoration: none;
}
a:visited {
color: #BC7161;
text-decoration: none;
}
a:hover {
color: #9933FF;
text-decoration: none;
}

#contenitore {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 750px;
border: dashed #000000 1px;
background-color: #000000;
margin-bottom: 20px;

}
#contenitore:after {
content:".";
display:block;
clear:both;
height:0px;
visibility:hidden;
}

#testa {

background-image: url(http://www.mondoglitter.it/sfondi/sfondo38.gif);
width: 750px;
height: 485px;
background-position: bottom center;
padding-bottom: 5px
}

#corpo {
float:left;
width:580px;
margin-top:5px;
background-color: #000000;
background-repeat: repeat;
}
#colonnadx {
width: 170px;
float: right;
color: #FB00FB;
padding-bottom: 10px;
margin-top: 0px;
}

.boxmenu {
text-align:center;
background-color: #FFFAFA;
border:double 4px #FF0000;
margin-bottom: 2px;
margin-right:3px;
padding: 2px 3px 10px;
width: 160px;
}
.titolimenu {
background-image:url( http://www.mondoglitter.it/sfondi/sfondo75.gif);
color: #00BFFF;
text-align:center;
font-family:Comic Sans MS;
font-size:12px;
}
.testomenu {
font-family:Comic Sans MS ;
color: #FF0000 ;
font-size:12px;
}


#menu, #menu ul, #menu li{
padding:0;
margin:0;
}

#menu li{
list-style: none;
position: relative;
width:120px;
height: 30px;
padding:0 20px;
background-color: black;
line-height: 30px;
cursor:pointer;
}

#menu li a{
text-decoration:none;
color: white;
}

#menu li:hover{
background-color:red;
}

#menu ul ul{
position: absolute;
top:0;
left:160px;
visibility:hidden;
}

#menu ul li:hover ul{
visibility:visible;
}
#navlist
{
padding: 0;
margin-left: 0;
font: bold 12px Comic Sans MS;
width: 160px;
margin-bottom: 3px;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-top: 1px solid #666;
}

#navlist li
{
list-style: none;
margin: 0;
text-align: left;
border-bottom: 1px solid #666;
}

#navlist li a
{
display: block;
padding: 0.45em 0.5em 0.45em 0.75em;
border-left: 1em solid #FF9900;
background: #EBEBEB;
text-decoration: none;
}

#navlist li a:link { color: #666666; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}
#data{
font-size:10px;
color:#FC6177;
text-align:center;
width:400px;
margin-left:auto;
margin-right: auto;
padding-left: 20px;
margin-top: 10px;
}
#titolo{
background-image:url();
color: #FFFFFF;
text-align: center;
margin-top:3px;
margin-left: auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
padding:2px 10px;
}
#contenuto{
line-height:16px;
color: #FFFFFF;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-left: auto;
padding-bottom: 2px;
padding-right:20px;
padding-left:20px;
margin-right:auto;
margin-top:15px;
}
#commenti{
width:360px;
text-align: center;
color: #FFFFFF;
font-size:10px;
padding:5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background-image: url();
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 15px;

}
#blog-pager {
padding: 5px;
margin-top30px;
text-align:center;
color: #FFFFFF;
}
# blog-pager a {
text-decoration: underline;
}
#fondo {
padding-top:5px;
padding-bottom:0;
height: 15px;
clear: both;
background: url() no-repeat;
background-position: center;
border-top: double #FFFFFF 4px;
}
.Stile1 {color: #FFFFFF;
font-weight:bold;
}
.Stile3 {color: #FF941D}
.Stile4 {color: #990000}
.textarea{
width:150px;
background-color: #A22313;
color:#FFFFFF;
height:20px;
}

</style>
</head>
<body>
</style>
</head>
<body>
<div id="contenitore">

<div id="testa"></div>

<div id="corpo">
--post--
<center>
<div id="blog-pager"></div>

</Blogger>
<center>
<div id="blog-pager"></div>
</center>
</div>
<div id="colonnadx">
<div class="boxmenu">
<div class="titolimenu">  PROVA </div>
<div id="menu">
</div>

</div>
<div class="boxmenu">
<div class="titolimenu">  PROVA </div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="http://blografando.splinder.com" id="current" target="_blank">Flickr - My Foto</a></li>
<li><a href="file:///Adele HD/Users/ade/Desktop/inserisci indirizzo linkami">Linkami</a></li>
<li><a href="file:///Adele HD/Users/ade/Desktop/inserisci indirizzo Twitter">Twitter</a></li>
<li><a href="file:///Adele HD/Users/ade/Desktop/inserisci indirizzo tuoi Feed">RSS</a></li>
<li><a href="mailto:inserisci indirizzo tua e-mail">E-Mail</a></li>
</ul>
</div>
</p>
</div>
<div class="boxmenu">
<div class="titolimenu">Ore</div>
<div align="center">      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="138" height="135" title="orologio puzzle">   <param name="movie" value="http://www.adelebox.it/orologioade/orologiopazzle.swf" />         <param name="quality" value="high" />       <param name="wmode" value="transparent" />         <embed src="http://www.adelebox.it/orologioade/orologiopazzle.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" type="application/x-shockwave-flash" width="138" height="135"></embed>        </object>      <br />      <Font face="Verdana, Arial, Helvetica, sans-serif" size="-4" color="#FF6600"><a href="http://blografando.splinder.com" target="_blank" title="Accessori per la costruzione di blog e pagine web">by Blografando</a><a href="http://www.adelebox.it/" target="_blank">&AB </a></FONT>    </div>
</div>
<div class="boxmenu">
<div class="titolimenu">TAG</div>
<p class= "testomenu" >--tagcloud-- </p>
</div>
<div class="boxmenu">
<div class="titolimenu">ARCHIVIO</div>
<p class="testomenu"> <--archivio+counter--> </p>
</div>
<div class="boxmenu">
<div class="titolimenu">   PROVA </div>
<p class="testomenu">
<img src=" ">
</p>
</div>
<div class="boxmenu">
<div class="titolimenu"> PROVA  </div>
<p class="testomenu">
<img src=" ">
</p>
</div>
<div class="boxmenu">
<div class="titolimenu">VISITE</div>
<p class="testomenu">Sono passati da qui < --counter--> blografici</p> 
<p class="testomenu">
</p>
</div>
<div class="boxmenu">
<div class="titolimenu">Credits</div>
<p class="testomenu"> <a href="</a>
<br /> <span class="Stile5"><a href="//" target="_blank"> </a></span></p>
</div>
</body>
</html>

isabella80
inesperto
inesperto
 
Messaggi: 13
Iscritto il: 4 marzo 2012, 12:25
Indirizzo blog: roma1980.iobloggo.com

Re: Modifica tagcloud tramite classi

Messaggioda arunka » 12 aprile 2012, 22:31

sicuramente non serve per il tuo problema, ma il tuo template ha un errore grave:
sostituisci
Codice: Seleziona tutto
</style>
</head>
<body>
</style>
</head>
<body>

con
Codice: Seleziona tutto
</style>
</head>
<body>
Essere cortesi
Per mia netiquette personale, non fornisco assistenza a chi si rivolge sgarbatamente.
Per ulteriori informazioni leggi qui!

Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!

Presentarsi
Per colpa del molto spam che riceviamo, periodicamente eliminiamo gli utenti registrati senza messaggi. Per evitare che, erroneamente, un account venga cancellato, ti consigliamo di presentarti nella apposita sezione: Presentiamoci!
Avatar utente
arunka
Moderatore
Moderatore
 
Messaggi: 1403
Iscritto il: 7 agosto 2006, 0:15
Indirizzo blog: www.iobloggo.com

Re: Modifica tagcloud tramite classi

Messaggioda Alexiel » 13 aprile 2012, 19:26

Tra <head> e </head> devi inserire le classi che ti ho detto e dar loro le giuste dimensioni. Dovrebbe essere una cosa del tipo:
Codice: Seleziona tutto
.tag_enorme {font-size: 12px;}
.tag_grande {font-size: 12px;}
.tag_medio {font-size: 12px;}
.tag_piccolo {font-size: 12px;}
.tag_moltopiccolo {font-size: 12px;}

In questo modo prendono tutti le stesse dimensioni, ma non credo tu possa allinearli al centro lavorando su queste classi. Purtroppo non sono un'esperta quindi non posso aiutarti più di così. :?
Sposto la conversazione nella sezione adatta e cambio il nome. :D
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Re: Modifica tagcloud tramite classi

Messaggioda isabella80 » 14 aprile 2012, 18:54

Ho provato ma niente, cmq mi sono rassegnata alle tag, tanto ho letto che le "tagcloud" possono visualizzare fino a 20 tag, e io vorrei che si visualizzassero tutte, così ho deciso di mettere solo le categorie, e così ho messo il codice --categorie-- ma non ci volevo credere non mi mette in automatico il carattere e le misure che ho messo nel box menù, mentre se metto --categorie+counter-- mi si visualizza il carattere giusto.....non ne esco Help!
isabella80
inesperto
inesperto
 
Messaggi: 13
Iscritto il: 4 marzo 2012, 12:25
Indirizzo blog: roma1980.iobloggo.com

Re: Modifica tagcloud tramite classi

Messaggioda Alexiel » 14 aprile 2012, 22:58

Mi spiace Isabella, ma, come ti ho detto, non sono un'esperta di codice. Generalmente vado avanti facendo delle prove, ma nel tuo caso, non vedendo il tuo template, non posso proprio aiutarti.
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/


Torna a HTML, CSS e Javascript

Chi c’è in linea

Visitano il forum: Nessuno e 0 ospiti

cron