TABLA DE NOTICIAS

Para poner una tabla de noticias  en un gadget o en una entrada HTML, tenéis que utilizar los siguientes códigos.

 En el gadget o en la entrada ponéis este código , podéis cambiar todo lo que aparece en letra gordita, noticias titulo1 y añadir el texto.


<input class='hide' type="radio" id="uno" name="tractor"/>   
<input class='hide' type="radio" id="dos" name="tractor" />     
<input class='hide' type="radio" id="tres" name="tractor" checked />
<input class='hide' type="radio" id="cuatro" name="tractor" />
<table>
  <caption>NOTICIAS</caption>
  <tbody>
   <tr>
     <th><label for='uno' data-page='slide 1'>NOTICIA 1</label></th>
    <td>
      <h2>TITULO 1</h2>
      <p> TEXTO</p>
    </td>
   </tr>
   <tr>
     <th><label for='dos' data-page='slide 2'>NOTICIA 2</label</th>
    <td>
      <h2>TITULO 2</h2>
      <p>TEXTO </p>
    </td>
   </tr>
   <tr>
     <th><label for='tres' data-page='slide 3'>NOTICIA 3</label</th>
    <td>
      <h2>TITULO 3</h2>
      <p> TEXTO </p>
    </td>
   </tr>
   <tr>
     <th><label for='cuatro' data-page='slide 4'>NOTICIA 4</label</th>
    <td>
      <h2>TITULO 4</h2>
      <p> TEXTO </p>
 </td>
   </tr>
  </tbody>
</table>
<span class='aviso'>NOMBRE PAGINA <a href=' URL PAGINA '> UNETE</a>, A NUESTRO TWITTER</span>

Y luego os vais a tema editar plantilla y antes de  ]]></b:skin> ponéis el siguiente código. Aquí podéis cambiar colores, ancho, alto tipo de letra y tamaño
 /*-----  tabla noticias -----*/
@import url(http://fonts.googleapis.com/css?family=Megrim|Roboto+Slab:300
);
*, *:before, *:after {
  box-sizing: inherit;
}
* {margin:0;padding:0;border:0 none; position: relative;}
html {
  background: #e6eff0;
  box-sizing: border-box;
  color: #445;
  font-family: Roboto Slab
, serif;
  min-height: 100vh;
  font-size: 1rem;
  font-weight: 300;
  color: #e6eff0;
}
body {
  display: flex;
  min-height: 100vh;
}
.hide {
  display: none;
}
table {
  background: #fff;
  margin: auto;
  width: 80%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  box-shadow: 0 0 4px rgba(0,0,0,.4);
}
caption {
  background: #EA8E39;
  text-align: center;
  font-family: Megrim;
  font-size: 3rem;
  line-height: 3rem;
  font-variant: small-caps;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
tbody {
  position: relative;
  display: block;
  width: 100%;
}
tr {
  display: block;
  position: static;
  width: 100%;
}
th {
  display: block;
  width: 25%;
  background: #0A2C4F;
  border-bottom: 1px dashed rgba(236,72,127,1);
  border-right: 1px dashed rgba(236,72,127,1);
}
tr:last-child th {
  border-bottom:0 none;
}
label {
  background: rgba(236,72,127,0);
  display: block;
  font-size: 1.4rem;
  padding: 5vh 0;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  transition: 1s;
}
td {
  background: #0A2C4F;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 25%;
  right: 0;
  bottom: 0;
  padding: 1rem;
  transform-origin: center;
  animation: novertd 1.2s cubic-bezier(0.5,0.2,0.48,1)  forwards;
  overflow: auto;
  z-index: 2;
}
h2 {
  font-weight: 400;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
p {
  padding-left: 2rem;
  line-height: 1.3;
  font-size: 1.2rem;
}
/* Show the td */
#uno:checked ~ table tr:nth-child(1) td,
#dos:checked ~ table tr:nth-child(2) td,
#tres:checked ~ table tr:nth-child(3) td,
#cuatro:checked ~ table tr:nth-child(4) td {
  display: block;
  animation: vertd 1.2s cubic-bezier(0.5,0.2,0.48,1)  forwards;
}
/* The optión selected */
#uno:checked ~ table [for='uno'],
#dos:checked ~ table [for='dos'],
#tres:checked ~ table [for='tres'],
#cuatro:checked ~ table [for='cuatro'] {
  background: rgba(236,72,127,1);
}
/* Each td
tr:nth-child(1) td {
  background-image: linear-gradient(to bottom, rgba(10,44,79,.4), rgba(10,44,79,.4)), url(https://lh4.googleusercontent.com/-k7ODXHU3vzQ/VKd1_my2oiI/AAAAAAACbfI/5t2smvYoMkc/w426-h293/IMG_5045.JPG);
}
tr:nth-child(2) td {
   background-image: linear-gradient(to bottom, rgba(10,44,79,.4), rgba(10,44,79,.4)), url(https://lh6.googleusercontent.com/-KFzplVkaZgE/VKe8QJkeIiI/AAAAAAAAKTQ/XLS718ks3Z8/w426-h284/Mountain%2BSunrise.jpg);
}
tr:nth-child(3) td {
  background-image: linear-gradient(to bottom, rgba(10,44,79,.4), rgba(10,44,79,.4)), url(https://lh5.googleusercontent.com/-R1NFrpQDzMU/VKhcClvWZuI/AAAAAAAAASg/8jrry-jkjVc/w426-h271/_KFP7073.jpg);
}
tr:nth-child(4) td {
   background-image: linear-gradient(to bottom, rgba(10,44,79,.4), rgba(10,44,79,.4)), url(https://lh4.googleusercontent.com/-Sq52g9s7jWs/VJxKpzv_iXI/AAAAAAAANwQ/j_gTUiazGU8/w426-h240/convict-lake-california-28713-1920x1080.jpg);
 }
*/
@keyframes vertd {
  0% {
    display: block;
    transform: scale(0);
    z-index: 1;
  }
  1% {
    transform: scale(.1);
  }
  100% {
    transform: scale(1);
    z-index: 1;
  }
}
@keyframes novertd {
  0% {
    display: block;
    transform: scaley(1);
    z-index: 2;
    box-shadow: 0 0 0 0 #fff;
  }
  99% {
    display: block;
  }
  100% {
    transform: scaley(0);
    display: none;
    z-index: 2;
  }
}
.aviso {
  position: fixed;
  bottom: 0;
  right: 0;
  background: #EA8E39;
  color: #fff;
  padding: .5rem;
  border-radius: 5px 0 0;
  box-shadow: 0 0 4px rgba(0,0,0,.4);
  z-index: 100;
}
.aviso a {
  text-decoration: none;
  color: #000;
}
 /*-----  fin  tabla noticias -----*/













NOTICIAS

TITULO 1

En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.




TITULO 2

El resto della concluían sayo de velarte, calzas de velludo para las fiestas, con sus pantuflos de lo mesmo, y los días de entresemana se honraba con su vellorí de lo más fino. Tenía en su casa una ama que pasaba de los cuarenta, y una sobrina que no llegaba a los veinte, y un mozo de campo y plaza, que así ensillaba el rocín como tomaba la podadera.




TITULO 3

Frisaba la edad de nuestro hidalgo con los cincuenta años; era de complexión recia, seco de carnes, enjuto de rostro, gran madrugador y amigo de la caza. Quieren decir que tenía el sobrenombre de Quijada, o Quesada, que en esto hay alguna diferencia en los autores que deste caso escriben; aunque, por conjeturas verosímiles, se deja entender que se llamaba Quejana.




TITULO 4

Es, pues, de saber que este sobredicho hidalgo, los ratos que estaba ocioso, que eran los más del año, se daba a leer libros de caballerías, con tanta afición y gusto, que olvidó casi de todo punto el ejercicio de la caza, y aun la administración de su hacienda. Y llegó a tanto su curiosidad y desatino en esto, que vendió muchas hanegas de tierra de sembradura para comprar libros de caballerías en que leer, y así, llevó a su casa todos cuantos pudo haber dellos.
Y de todos, ningunos le parecían tan bien como los que compuso el famoso Feliciano de Silva, porque la claridad de su prosa y aquellas entricadas razones suyas le parecían de perlas, y más cuando llegaba a leer aquellos requiebros y cartas de desafíos, donde en muchas partes hallaba escrito: La razón de la sinrazón que a mi razón se hace, de tal manera mi razón enflaquece, que con razón me quejo de la vuestra fermosura.
NANO CURIOSIDADES UNETE, A NUESTRO TWITTER