boh… nell'attesa….

http://www.facebook.com/v/215678752533

Annunci

template

bohh ho cambiato il template..

primo post sui css di splider

Normal
0
14

false
false
false

MicrosoftInternetExplorer4

/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Tabella normale”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:””;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:”Times New Roman”;
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}

Mi sono posto un problema: il tag si splider Il tag <$BlogButtons$>  che come dice la guida mostra una serie di bottoni che favoriscono il contatto tra gli utenti e la diffusione dei blog nella community Splinder. I bottoni mostrati sono:

  • Contattami (apertura del popup di contatto)
  • Il mio profilo (apertura del popup del profilo utente)
  • Linkami (apertura del Pannello di controllo per inserire rapdamente un link al blog)
  • Iscriviti (apertura del Pannello di controllo per inserire rapidamente il blog nei preferiti)

etcc
può essere facilmente  modificato in modo da poter essere usato come menu orizzontale ?

ora essendo la class dei <$BlogButtons$>  .blog-buttons e generando un lista (ul)
semplicemente usando un codice css tipo (da inserire ne css del template) modificare la visualizzazione della lista stessa
.blog-buttons {
padding-left: 0;
margin-left: 0;
background-color: Black;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
.blog-buttons li{
    display: inline;
}
.blog-buttons li a{
   
padding: 0.2em 1em;
background-color: Black;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;}

.blog-buttons li a:hover{
    background-color: White;
color: #fff;
}

nella sezione dei css

il risultato ottenuto èun

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2

naturalmente una migliore efficacia si ha riscrivendo un menu da capo, prendendo il codice dalla schermata ottenuta (molto sempliceme, in ie o firefox: mostra o visualizza html) e a quel codice sostituendo ai tag img il titolo del link