Template blog Clean T3K2 Box ^Favori

Extensions et composants utilisés

K2 CCK

Disqus Comment System
plugin de commentaire.

Fichiers CSS

Page Navigation entièrement en css / css3

Pour obtenir la navigation en bas de page voici le code css à intégrer à un template JA T3 Blank.

 il ne faut pas oublier de modifier le code css du template iphone aussi. Code + bas

/* Pagination ---*/
.pagination {
	width:100%;
	}

.pagination ul { 
	list-style: none;
	margin: 0;
  	padding: 0;
  	text-align: center;
    float: none;
    margin: 10px auto;
    width: 100%;
	 }
.pagination li {
	 display: inline;
}
.pagination ul li {
    background: none repeat scroll 0 0 transparent;
    display: inline;
    float: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.pagination span {
 }
.pagination ul li.pagination-start span.pagenav,
.pagination ul li.pagination-prev span.pagenav,
.pagination ul li.pagination-end span.pagenav,
.pagination ul li.pagination-next span.pagenav,
.pagenavbar a,
.pagenavcounter
 { color: #717171 !important;}
.pagination ul li.pagination-start span.pagenav,
.pagination ul.pagination-start li a.pagenav,
.pagination ul li.pagination-prev span.pagenav,
.pagination ul li.pagination-prev a.pagenav,
.pagination ul li.pagination-start a,
.pagination ul li.pagination-prev a,
.pagination ul li.pagination-end span.pagenav,
.pagination ul.pagination-end li a.pagenav,
.pagination ul li.pagination-next span.pagenav,
.pagination ul li.pagination-next a.pagenav,
.pagination ul li.pagination-end a,
.pagination ul li.pagination-next a,
.pagenavbar a,
.pagenavcounter,
.pagination ul li a
 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  margin: 1px 2px;
  padding: 5px 10px;
  display: inline-block;
  border-top: 0px solid #fff;
  text-decoration: none !important;
 /* color: #717171 !important;*/
  font-size: smaller !important;
  /*font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;*/
  text-shadow: white 0 1px 0;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f9f9f9, #eaeaea);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
  /* IE6–IE9 */
}
.pagination ul li span.pagenav {
   -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.75);
   -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  margin: 1px 2px;
  padding: 5px 10px;
  display: inline-block;
  text-decoration: none !important;
 /* color: #717171 !important;*/
  font-size: smaller !important;
  border-color: #505050 !important;
  color: #f2f2f2 !important;
  text-shadow: black 0 1px 0;
  background-color: #676767;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* IE10 */
  background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #5f5f5f, #5c5c5c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c');
  /* IE6–IE9 */
  
}
.pagination ul li a:hover,
.pagination ul li a:focus,
.pagenavbar a:hover,
.pagenavbar a:focus
 { border-color: #fff;
  background-color: #fdfdfd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
  /* Chrome 10+, Saf5.1+ */
  background-image: -moz-linear-gradient(top, #fefefe, #fafafa);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #fefefe, #fafafa);
  /* IE10 */
  background-image: -o-linear-gradient(top, #fefefe, #fafafa);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #fefefe, #fafafa);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa');
  /* IE6–IE9 */}

.ja-content-main .counter {
    float: none;
    line-height: 1;
    margin: 10px auto;
    text-align: right;
	width: 25%;
	text-align:center;
}

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 10px !important; text-align: center; }

Dans le template.css iphone, overwritter la section pagination avec le meme code a l'exception de ceci

.pagination {
	width:97%;
	border: 1px solid #878787;
    display: block;
    font-size: 10pt;
    height: auto;
    line-height: 1;
    margin: 0 9px 15px;
    overflow: hidden;
    padding: 4px 0;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;
    top: 10px;
    
	}