API tools faq
paste
Emmes

92.- Very Important Things (afiliaciones)

Emmes
Jun 2nd, 2019
444
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.17 KB | None | 0 0
raw download clone embed print report
  1. <div class="M92"><div class="ttM92"><a href="URL">NOMBRE DEL FORO</a>
  2. Temática - Público - PBs</div><img class="imM92" src="https://i.imgur.com/rzjPrIn.jpg?1"><div class="hiM92"><div class="enM92"><a href="URL" title="¿Dónde llevo?">Primer Enlace</a>
  3. <a href="URL" title="¿Dónde llevo?">Segundo Enlace</a>
  4. <a href="URL" title="¿Dónde llevo?">Tercer Enlace</a></div><div class="xxM92"><strong>Frase o Título</strong><div>Powder apple pie sugar plum jelly chocolate jelly beans. Sesame snaps bear claw cotton candy chocolate cake macaroon cupcake sweet jelly-o gummi bears. Cotton candy sugar plum marshmallow marshmallow.
  5.  
  6. Tart candy canes sugar plum. Cake sweet sweet dessert topping cake tootsie roll muffin powder. Jelly oat cake bonbon jelly beans sweet roll sugar plum jelly cookie.</div><a href="URL">Conoce Más</a></div></div><div class="stM92">
  7.  
  8. <div style="background-image: url(https://i.imgur.com/MvVgIp2.jpg?1);"><span><a href="URLURL">Nombre</a>cargo</span></div>
  9. <div style="background-image: url(https://i.imgur.com/dSawpEW.jpg?1);"><span><a href="URLURL">Nombre</a>cargo</span></div>
  10. <div style="background-image: url(https://i.imgur.com/DNwiQg4.jpg?1);"><span><a href="URLURL">Nombre</a>cargo</span></div>
  11.  
  12. </div><div class="ttM92"><a>Botones</a></div><div class="botM92">- code - code - code -
  13. - code - code - code - code -
  14. - code - code - code -
  15. - code - code - code - code -
  16. - code - code - code -
  17. - code - code - code - code -
  18. - code - code - code -
  19. - code - code - code - code -
  20. - code - code - code -
  21. - code - code - code - code -</div><a href="https://emmescodes.tumblr.com/" title="Code by Emme" class="miM92">Emme's Codes</a></div>
  22.  
  23. <style>.M92, .M92 * {box-sizing: border-box;} @font-face {font-family: 'Sketch Icons';src: url('https://cdn.rawgit.com/EmmesCodes/Tipografias/9e530976/SketchIconsbold.ttf');}@font-face {font-family: 'AceSans';src: url('https://cdn.rawgit.com/EmmesCodes/Tipografias/9e530976/AceSans-Demo.otf');} .M92 {width: 402px; border: 1px solid transparent; margin: auto; background: #FFF padding-box; color: #333;} .ttM92 {background: #0b2339; padding: 30px; position: relative; text-align: center; color: #FFF; font: 10px arial; letter-spacing: 5px;} .ttM92 a {font: 20px AceSans; letter-spacing: normal; color: #FFF; transition: .5s;} .ttM92::after {content: ""; position: absolute; border-top: 20px solid #0b2339; width: 30px; border-left: 15px solid transparent; border-right: 15px solid transparent; bottom: -20px; left: 30px; box-sizing: border-box;} .imM92 {width: 100%;} .hiM92 {} .enM92 {display: inline-block; width: 150px; margin: -40px 10px 0 -20px; vertical-align: top;} .enM92 a {background: #0b2339; display: inline-block; width: 100%; font: 20px AceSans; padding: 10px; color: #FFF; text-align: center; transform: scale(.9); transition: .5s;} .enM92 a:hover {transform: scale(1); box-shadow: 0 0 5px #000D;} .xxM92 {display: inline-block; width: calc(100% - 150px); vertical-align: top; padding: 30px 20px;} .xxM92 strong {font: bold 15px Arial;} .xxM92 div {font: 12px Arial; text-align: justify; margin: 15px 10px; max-height: 200px; overflow: auto;} .xxM92 a {display: block; text-align: center; font: 10px arial; text-transform: uppercase; transition: .5s;} .ttM92 a:hover, .xxM92 a:hover {letter-spacing: 3px;} .stM92 br {display: none;} .stM92 {display: flex;} .stM92 div {height: 100px; flex-grow: 1; background-position: center; transition: .5s; overflow: hidden;} .stM92 div:hover {flex-grow: 3;} .stM92 div span {background: #0b2339dd; width: 100%; display: block; height: 100%; text-align: center; font: 10px Arial; color: #FFF; text-transform: uppercase; padding-top: 30px; transition: .5s; transform: scale(2); opacity: 0;} .stM92 div:hover span {transform: scale(1); opacity: 1;} .stM92 div span a {font: 20px AceSans; display: block; color: inherit;} .botM92 {margin: 40px; text-align: center; height: 150px; overflow: auto; font: 12px Arial;} .miM92 {display: block; text-align: center; color: #FFF !important; background: #0b2339; font: 10px Arial; transition: .5s;} .miM92:hover {letter-spacing: 3px;} .M92 div::-webkit-scrollbar {width: 3px !important; background: #0006 !important;} .M92 div::-webkit-scrollbar-thumb {background: #0006 !important;}</style>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!