Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <HTML>
- <!--
- REGARDIS - TUMBLR THEMES
- Tumblr Themes: http://regardis.tumblr.com
- -->
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title> Películas vistas en el 2015</title>
- <style>
- body{
- font-family: Arial;
- font-size: 14px;
- }
- #credito{
- position: fixed;
- padding: 6px;
- left: 6px;
- bottom: 7px;
- height: 10px;
- width: 11px;
- }
- #central{
- width: 1000px;
- margin: 0 auto;
- text-align: center;
- }
- .mini{
- font: 10px Myriad Pro;
- line-height: 22px;
- }
- .min{
- text-decoration: none;
- color: #996699;
- }
- h2{
- text-align:center;
- font-family: helvetica;
- line-height: 50px;
- text-transform: uppercase;
- letter-spacing: 20px;
- margin: 0;
- padding: 5px;
- }
- .subb{
- font: 10px Helvetica;
- text-transform: uppercase;
- letter-spacing: 8px;
- }
- #peliculas{
- width: 900px;
- padding: 10 0 10 0;
- margin: 0 auto;
- text-align: center;
- }
- .peli{
- display: inline-block;
- width: 220px;
- height: 160px;
- text-align:center;
- border: 1px solid #000;
- margin: 5px;
- }
- .mov{
- width: 100px;
- height: 150px;
- vertical-align: middle;
- }
- .ttt{
- font: 16px Myriad Pro;
- }
- .ttm{
- height: 150px;
- display: table;
- background-color: #eee;
- vertical-align: middle;
- width: 210px;
- margin-top: 5px;
- margin-left: 5px;
- }
- .ttw{
- height: 150px;
- display: table-cell;
- vertical-align: middle;
- text-align: center;
- width: 110px;
- }
- .ttz{
- display: inline-block;
- float: right;
- width: 100px;
- }
- .uno{
- width: 97px;
- height: 19px;
- margin: 0 auto;
- background-image: url('http://static.tumblr.com/nhmqbs6/tB5ni2ygw/one-star.png');
- }
- .dos{
- width: 97px;
- height: 19px;
- margin: 0 auto;
- background-image: url('http://static.tumblr.com/nhmqbs6/UdEni2ygm/two-star.png');
- }
- .tres{
- width: 97px;
- height: 19px;
- margin: 0 auto;
- background-image: url('http://static.tumblr.com/nhmqbs6/e58ni2yg7/three-star.png');
- }
- .cuatro{
- width: 97px;
- height: 19px;
- margin: 0 auto;
- background-image: url('http://static.tumblr.com/nhmqbs6/fLMni2yfd/four-star.png');
- }
- .cinco{
- width: 97px;
- height: 19px;
- margin: 0 auto;
- background-image: url('http://static.tumblr.com/nhmqbs6/K2Uni2yex/five-star.png');
- }
- </style>
- </head>
- <body>
- <!--
- //////////////LEER ANTES:
- Para agregar una película, copia el siguiente código y pégalo donde desees mostrar la película. No te olvides de reemplazar cada dato como URL y TÍTULOS.
- <div class="peli">
- <div class="ttm">
- <div class="ttw">
- <span class="ttt">TÍTULO DE LA PELÍCULA</span><br>
- <div class="# DE ESTRELLAS">
- </div>
- <div class="ttz">
- <img src="URL DEL POSTER DE PELÍCULA" class="mov" title="TÍTULO DE PELÍCULA / COMENTARIO / FECHA VISTA">
- </div>
- </div>
- </div>
- /////////// NOTA
- Donde dice "# DE ESTRELLAS" se debe poner el número de estrellas que le das a la película en letras. Por ejemplo "cinco", "cuatro", "tres", "dos", "uno".
- Donde dice "TÍTULO DE PELÍCULA / COMENTARIO / FECHA VISTA" puedes elegir colocar la fecha en la que vistes, comentarios sobre la película o simplemente el título de la película. Esta información se verá cuando pongas el cursor encima de la imagen.
- -->
- <div id="central">
- <h2>Películas vistas en el 2015</h2>
- <span class="subb">Mantén el cursor sobre las imágenes para ver más información</span><br>
- <span class="mini"><a class="min" href="/">volver a mi tumblr</a></span>
- <div id="peliculas">
- <!-- COMIENZA LA LISTA DE PELÍCULAS -->
- <div class="peli">
- <div class="ttm">
- <div class="ttw">
- <span class="ttt">A lot like Love</span><br>
- <div class="cinco"></div>
- </div>
- <div class="ttz">
- <img src="http://i.imgur.com/9jbseIl.jpg" class="mov" title="Vista: 02/12/13">
- </div>
- </div>
- </div>
- <div class="peli">
- <div class="ttm">
- <div class="ttw">
- <span class="ttt">A lot like Love</span><br>
- <div class="cinco"></div>
- </div>
- <div class="ttz">
- <img src="http://i.imgur.com/9jbseIl.jpg" class="mov" title="Comentario sobre la película">
- </div>
- </div>
- </div>
- <div class="peli">
- <div class="ttm">
- <div class="ttw">
- <span class="ttt">TÍTULO DE LA PELÍCULA</span><br>
- <div class="cuatro"></div>
- </div>
- <div class="ttz">
- <img src="URL DEL POSTER DE PELÍCULA" class="mov" title="TÍTULO DE PELÍCULA / COMENTARIO / FECHA VISTA">
- </div>
- </div>
- </div>
- <!-- FIN DE LISTA DE PELÍCULAS -->
- <div class="mini">theme <a class="min" href="http://regardis.tumblr.com">@ regardis</a></div>
- </div>
- <div id="credito"><a href="http://regardis.tumblr.com"><img src="http://static.tumblr.com/nhmqbs6/VWgmiwkvz/rpng.png"></a></div>
- </body>
- </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement