Stili css per il nostro calendario archivio in blogspot

Stili css per il nostro calendario archivio in blogspot

Ecco a voi alcuni stili css applicabili al nostro archivio calendario visto in precedenza. Ve ne riporto un paio gli altri li trovate qui Blogger Archive Calendar Style. Ovviamente per i piu pratici del codeice si puo modificare il css facendo delle prove. Mi scuso se sono un pò assente in questo periodo ma tra stage studio e lavoro. A presto con altri esercizi.


Il codice va incollato subito dopo questa parte di codice che trovate
#labelCloud .label-cloud {color:#FD0606;}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#FD0606}
#labelCloud .label-cloud li:before{content:"" !important}
ricordatevi di salvare una copia del template prima di apportare modifiche.

1-Modello dark




/* div that holds calendar */


#blogger_calendar { margin:5px 0 0 0;width:98%;}





/* Table Caption - Holds the Archive Select Menu */


#bcaption {border:1px solid #fff;padding:2px;margin:10px 0 0;}





/* The Archive Select Menu */


#bcaption select {}





/* The Heading Section */


table#bcalendar thead {}





/* Head Entries */


table#bcalendar thead tr th {width:20px;text-align:center;padding:2px;
border:1px solid #fff; font-family:Tahoma;
font-weight:normal;color:#fff;}





/* The calendar Table */


table#bcalendar {border:1px solid #fff;border-top:0; margin:0px 0
0px;width:95%;}





/* The Cells in the Calendar */


table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px
solid #fff;color:#fff;}





/* Links in Calendar */


table#bcalendar tbody tr td a {font-weight:bold;}





/* First Row Empty Cells */


td.firstCell {visibility:visible;}





/* Cells that have a day in them */


td.filledCell {}





/* Cells that are empty, after the first row */


td.emptyCell {visibility:hidden;}





/* Cells with a Link Entry in them */


td.highlightCell {background:#FFFF99;border:1px outset #000}





/* Table Footer Navigation */


table#bcNavigation  {width:95%;}


table#bcNavigation a {text-decoration:none;}


td#bcFootPrev {width:10px;}


td#bcFootAll{text-align:center;}


td#bcFootNext {width:10px;}


ul#calendarUl {margin:5px auto 0!important;}


ul#calendarUl li a{}





Modello Plain White




/* div that holds calendar */


#blogger_calendar { margin:5px 0 0 0;width:98%;}





/* Table Caption - Holds the Archive Select Menu */


#bcaption {border:1px solid #000;padding:2px;margin:10px 0
0;background:#fff;}





/* The Archive Select Menu */


#bcaption select {border:1px solid #000;}





/* The Heading Section */


table#bcalendar thead {}





/* Head Entries */


table#bcalendar thead tr th {width:20px;text-align:center;padding:2px;
border:1px solid #000; font-family:Tahoma;
font-weight:normal;color:#000;}





/* The calendar Table */


table#bcalendar {border:1px solid #000;border-top:0; margin:0px 0
0px;width:95%;background:#fff;}





/* The Cells in the Calendar */


table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px
solid #000;color:#000;}





/* Links in Calendar */


table#bcalendar tbody tr td a {font-weight:bold;color:#000;}





/* First Row Empty Cells */


td.firstCell {visibility:visible;}





/* Cells that have a day in them */


td.filledCell {}





/* Cells that are empty, after the first row */


td.emptyCell {}





/* Cells with a Link Entry in them */


td.highlightCell {background:#FFFF99;border:1px outset #000}





/* Table Footer Navigation */


table#bcNavigation  {width:95%;background:#fff;border:1px
solid #000;border-top:0;}


table#bcNavigation a {text-decoration:none;color:#000;}


td#bcFootPrev {width:10px;}


td#bcFootAll{text-align:center;}


td#bcFootNext {width:10px;}


ul#calendarUl {margin:5px auto 0!important;}


ul#calendarUl li a{}



Share This

1 commento:

Seguici su

Google+ Followers

Lettori fissi

Designed By Blogger Templates