API tools faq
paste
Advertisement
cherryflan

layusimple

cherryflan
Mar 30th, 2013
177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.49 KB | None | 0 0
raw download clone embed print report
  1. <!-- FONTS EXTERNAS -->
  2. <link target="_blank" href="http://fonts.googleapis.com/css?family=Redressed" rel="stylesheet" type="text/css" />
  3. <link target="_blank" href="http://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet" type="text/css" />
  4. <!-- FIN FONTS EXTERNAS -->
  5.  
  6. <!-- CAJA PRINCIPAL DE FONDO -->
  7. <div style="margin-right:auto; margin-left:auto; font-family: consolas; font-size: 11px; background: #a2c475; border-left: 35px solid #89965e; border-right: 35px solid #89965e; padding: 15px; width: 700px; text-align: center; padding-top: 35px; padding-bottom: 35px;">
  8.  
  9. <!-- IMAGEN Y TÍTULO/SUBTÍTULO -->
  10. <img src="http://i1048.photobucket.com/albums/s362/mariollette/copos.png" alt="" />
  11. <div style="line-height: 14px; text-transform: uppercase; font-size: 26px; margin-top: -10px; font-family:&#39;Poiret One&#39;; font-weight:bold; text-shadow:0px 0px 5px white; color:black;">TITULO de la Tabla<br />
  12. <span style="color:black; text-transform: lowercase; font-size: 14px; font-family:&#39;Redressed&#39;; text-shadow:none;">SUBT&Iacute;TULO o descripci&oacute;n</span>
  13. </div>
  14. <!-- FIN IMAGEN/TÍTULO -->
  15.  
  16. <!-- TEXTO PRINCIPAL -->
  17. <div style="margin-left: auto; margin-right: auto; width: 600px; text-align: justify; margin-top: 15px; margin-bottom: 15px; font-family: trebuchet ms; font-size: 11px; color:black;">Es algo simple, pero creo que funciona! Le iba a poner algo para poner los botoncitos de los sitios externos como tumblr twitter livejournal(?) y eso, pero bueh, le puse esas dos cajitas, as&iacute; que no creo que sea necesario? Tambi&eacute;n se le pueden quitar las cajitas pero ser&iacute;an ambas a la vez...<br />
  18. En las cajas puedes poner info espec&iacute;fica, cosas de tus personajes, lo que buscas en rol(?), avatares, dibujos que has hecho, no s&eacute;, cosas~~<br /><br />
  19.  
  20. Cuando quieras hacer enter, lo haces con SHIFT+ENTER! Y si est&aacute;s en c&oacute;digo utilizas {br /} (sin olvidar el espacio antes del slash), porque luego se da&ntilde;an los divs xd siempre al dar enter normalmente se abren nuevos divs, y eso es problem&aacute;tico~~<br /><br />
  21.  
  22. El tama&ntilde;o m&aacute;ximo de la imagen es de 700px de ancho, de alto lo que quieras, y lo que creas conveniente xd<br /><br />
  23.  
  24. Todos los textos est&aacute;n de color negro, pero le puedes cambiar a lo que creas, especialmente el t&iacute;tulo de la imagen, por si la imagen es oscura y eso... aunque tambi&eacute;n le agregu&eacute; un brillo blanco a los t&iacute;tulos, as&iacute; que tal vez s&iacute; quede bien as&iacute; negro nom&aacute;s o:<br />
  25. De ah&iacute;, el color del fondo y bordes lo escog&iacute; al azar xd por eso est&aacute;n feos, pero te recomiendo cambiarlos o/ eso le haces un reemplazar en bloc de notas y les cambias o/<br />
  26. El color claro de fondo es <b>#a2c475</b>, el color de los bordes (y del link de abajo) es <b>#89965e</b>; los colores de los links y todo eso lo tendr&iacute;as que cambiar por tu cuenta cada uno u_u todos saldr&aacute;n color azul con subrayado feo x,d se lo cambiar&iacute;as en el style del a porque no funcionan el css para cada mensaje dunno why u_u<br />Le puedes poner colores a tus negritas/it&aacute;licas/subrayados/etc, pero ser&iacute;a todo manual O: ten cuidado con da&ntilde;ar los divs ;u; orz<br /><br />
  27.  
  28. Cierto! Esto de aqu&iacute; procura pegarlo usando el editor antiguo! Si usas el editor nuevo no saldr&aacute;n las fonts externas que us&eacute; para los t&iacute;tulos y subt&iacute;tulos; utilic&eacute; Poiret One (t&iacute;tulos) y Redressed (subt&iacute;tulo), que los encontr&eacute; en Google WebFonts~<br /><br />
  29.  
  30. Escribiendo aqu&iacute; en la parte principal no te sacar&aacute; scrolls, s&oacute;lo en las cajitas~~<br /><br />
  31.  
  32. Y no s&eacute; qu&eacute; m&aacute;s~ x,d esto es para hacer espacio y reemplazar el lorem ipsum xd espero te guste y logres arreglarlo como gustes o/ los tutoriales est&aacute;n en la parte de Anuncios~~<br /><br />
  33.  
  34. <!-- CAJA PEQUEÑA 1 -->
  35. <div style="line-height: 10px; text-transform: uppercase; font-size: 24px; margin-bottom:-15px; margin-top:5px; font-family:&#39;Poiret One&#39;; font-weight:bold; text-shadow:0px 0px 5px white;color:black;">CAJA UNO</div>
  36. <div style="color:black; font-family: trebuchet ms; font-size: 11px; overflow:auto; margin:15px; float:left; width: 260px; height: 200px; margin-right: 15px; opacity: 0.8; background: white; border: 2px dashed #89965e; border-right: 0px; padding: 5px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus ipsum at nulla vehicula a rhoncus est vestibulum. Ut dui eros, condimentum a lobortis ut, fringilla id lorem. Aenean posuere sodales ante. Curabitur ut tortor id felis convallis viverra. Cras convallis elit eu libero varius gravida. Donec sed augue mi. Integer tristique ullamcorper nulla, cursus viverra elit blandit quis.<br /><br />In erat elit, interdum in gravida vel, iaculis vitae justo. Duis porttitor nulla id nisl pellentesque quis imperdiet risus interdum. Etiam eu dolor sed mauris lacinia pulvinar. Donec eget ipsum odio. Aliquam semper rhoncus dignissim. Praesent ante magna, aliquam sed mollis ut, venenatis id turpis. Aliquam egestas urna eget sapien imperdiet ac vulputate nisi facilisis. Curabitur varius malesuada massa sed tempus. Suspendisse mauris odio, auctor ut iaculis ut, blandit non dolor. Sed sagittis, nulla a rutrum vulputate, augue purus lacinia eros, vel rutrum diam sem eu sapien. Aenean enim turpis, iaculis et consectetur sit amet, ultricies et ipsum.<br /><br />Quisque vel sodales turpis. Duis nibh libero, posuere nec consectetur ut, placerat et justo. Vivamus ipsum nulla, sollicitudin sit amet venenatis posuere, vulputate in odio. Suspendisse faucibus bibendum lorem ornare sollicitudin. Phasellus consectetur pulvinar feugiat. Etiam nec nulla non risus dignissim scelerisque. Suspendisse posuere feugiat erat id pulvinar. Sed sed tellus et lorem accumsan auctor. Etiam varius mi ut metus fermentum molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec ullamcorper porttitor vehicula.</div>
  37. <!-- FIN CAJA 1 -->
  38.  
  39. <!-- CAJA PEQUEÑA 2 -->
  40. <div style="line-height: 10px; text-transform: uppercase; font-size: 24px; margin-bottom:-15px; margin-top:5px; font-family:&#39;Poiret One&#39;; font-weight:bold; text-shadow:0px 0px 5px white; text-align:right; color:black;">CAJA DOS</div>
  41. <div style="color:black; font-family: trebuchet ms; font-size: 11px; overflow:auto; margin:15px; width: 260px; height: 200px; margin-left: 15px; opacity: 0.8; background: white; border: 2px dashed #89965e; border-right: 0px; padding: 5px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus ipsum at nulla vehicula a rhoncus est vestibulum. Ut dui eros, condimentum a lobortis ut, fringilla id lorem. Aenean posuere sodales ante. Curabitur ut tortor id felis convallis viverra. Cras convallis elit eu libero varius gravida. Donec sed augue mi. Integer tristique ullamcorper nulla, cursus viverra elit blandit quis.<br /><br />In erat elit, interdum in gravida vel, iaculis vitae justo. Duis porttitor nulla id nisl pellentesque quis imperdiet risus interdum. Etiam eu dolor sed mauris lacinia pulvinar. Donec eget ipsum odio. Aliquam semper rhoncus dignissim. Praesent ante magna, aliquam sed mollis ut, venenatis id turpis. Aliquam egestas urna eget sapien imperdiet ac vulputate nisi facilisis. Curabitur varius malesuada massa sed tempus. Suspendisse mauris odio, auctor ut iaculis ut, blandit non dolor. Sed sagittis, nulla a rutrum vulputate, augue purus lacinia eros, vel rutrum diam sem eu sapien. Aenean enim turpis, iaculis et consectetur sit amet, ultricies et ipsum.<br /><br />Quisque vel sodales turpis. Duis nibh libero, posuere nec consectetur ut, placerat et justo. Vivamus ipsum nulla, sollicitudin sit amet venenatis posuere, vulputate in odio. Suspendisse faucibus bibendum lorem ornare sollicitudin. Phasellus consectetur pulvinar feugiat. Etiam nec nulla non risus dignissim scelerisque. Suspendisse posuere feugiat erat id pulvinar. Sed sed tellus et lorem accumsan auctor. Etiam varius mi ut metus fermentum molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec ullamcorper porttitor vehicula.</div>
  42. <!-- FIN CAJA 2 -->
  43.  
  44. </div>
  45. <!-- FIN TEXTO PRINCIPAL -->
  46.  
  47. <!-- CRÉDITOS -->
  48. by <a style="text-decoration:none; font-style:italic; color:#89965e;" target="_blank" href="http://cherryflan.tumblr.com">CherryFlan</a></div>
  49. <!-- FIN TODO -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!