MyCharBook

Condividi codice - Calendario

Anteprima

CSS

<style>
            .calendario{
  width: 450px;
   background-color: #121212;
  border: 1px dashed #517bb1; 
  margin: 0 auto; 
  position: absolute;
  top: 50px;
  z-index: 0; 
}
.calendario h1{
    font-size: 18px; 
    color: #aaaaaa;
    text-transform: uppercase;
    margin: 3px 0px 0px 0px;
    letter-spacing: 1px;
    text-align: center; 
    background-color: #365174;
    padding: 0px 5px 0px 5px;
}
.disponibilita{
    color: #aaaaaa;
    padding: 10px; 
  font-weight: bold;
  font-size: 12px;
}
.disponibilita span{
  font-weight: normal;
  font-style: italic;
  color: #517bb1; 
} </style>

HTML

<div class="calendario">
  <h1>Calendario</h1>
  <div class="disponibilita">
    <p>» Lun 1: <span> mattina Personaggio / sera Personaggio</span></p>
    <p>» Mar 2: <span> mattina Personaggio / sera Personaggio</span></p>
    <p> » Mer 3: <span> mattina Personaggio / sera Personaggio</span></p>
    <p>» Gio 4: <span> mattina Personaggio / sera Personaggio</span></p>
    <p>» Ven 5: <span> mattina Personaggio / sera Personaggio</span></p>
    <p>» Sab 6: <span> mattina Personaggio / sera Personaggio</span></p>
    <p>» Dom 7: <span> mattina Personaggio / sera Personaggio</span></p>
  </div>
</div>

Mycharbook©2014 - Codice realizzato da daenith - www.mycharbook.it