Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /************* CON MARCO ****************/
- <div class="photoalbum-b1"style="border-color:#f2f2f2;"><div class="photos"><div class="modul-foto"><img src="https://placehold.jp/200x120.png"/><span class="letragrande">L</span><img src="https://placehold.jp/200x120.png"/></div><div class="modul-foto"><img src="https://placehold.jp/200x120.png"/><span class="letragrande">o</span><img src="https://placehold.jp/200x120.png"/></div><div class="modul-foto"><img src="https://placehold.jp/200x120.png"/><span class="letragrande">v</span><img src="https://placehold.jp/200x120.png"/></div><div class="modul-foto"><img src="https://placehold.jp/200x120.png"/><span class="letragrande">e</span><img src="https://placehold.jp/200x120.png"/></div></div><div class="quote">You're the best thing that ever happened to me.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
- <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet">
- <style>.photoalbum-b1{width:400px; border:20px solid #f2f2f2; margin:10px auto; padding:10px; background:#fff; outline:1px solid #ccc; outline-offset:-20px;} .photos{width:400px;} .modul-foto{height:120px; background:#ddd; margin-bottom:4px; display:flex; justify-content:center; align-items:center; overflow:hidden;} .letragrande{font-size:130px; text-transform:uppercase; transform: scaleY(1.4); margin:0px -50px; width:100px; text-align:center; color:#fff; font-family:Times New Roman;} .modul-foto img{width:200px; height:120px;} .quote{font-family: 'Playfair Display', serif; font-size:14px; text-align:center; padding:25px 4px; color:#C0A062; }.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>
- /******************** SIN MARCO ****************************/
- <div class="photoalbum-b1" style="outline:0px; border:1px solid #ccc;"><div class="photos"><div class="modul-foto"><img src="https://placehold.jp/200x120.png"/><span class="letragrande">L</span><img src="https://placehold.jp/200x120.png"/></div><div class="modul-foto"><img src="https://placehold.jp/200x120.png"/><span class="letragrande">o</span><img src="https://placehold.jp/200x120.png"/></div><div class="modul-foto"><img src="https://placehold.jp/200x120.png"/><span class="letragrande">v</span><img src="https://placehold.jp/200x120.png"/></div><div class="modul-foto"><img src="https://placehold.jp/200x120.png"/><span class="letragrande">e</span><img src="https://placehold.jp/200x120.png"/></div></div><div class="quote">You're the best thing that ever happened to me.</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
- <link href="https://fonts.googleapis.com/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet">
- <style>.photoalbum-b1{width:400px; border:20px solid #f2f2f2; margin:10px auto; padding:10px; background:#fff; outline:1px solid #ccc; outline-offset:-20px;} .photos{width:400px;} .modul-foto{height:120px; background:#ddd; margin-bottom:4px; display:flex; justify-content:center; align-items:center; overflow:hidden;} .letragrande{font-size:130px; text-transform:uppercase; transform: scaleY(1.4); margin:0px -50px; width:100px; text-align:center; color:#fff; font-family:Times New Roman;} .modul-foto img{width:200px; height:120px;} .quote{font-family: 'Playfair Display', serif; font-size:14px; text-align:center; padding:25px 4px; color:#C0A062; }.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>
Advertisement
Add Comment
Please, Sign In to add comment
