Widgets codigos
Página 1 de 1. • Comparte
Widgets codigos
- Código:
Wigdets de 200px de ancho. Sin espacio entre columnas ni widgets y en modo tabla tipo, con título del módulo
----------------------- SITUACIÓN ACTUAL ----------------
<div style="margin-top: 5px; margin-bottom: 5px; width: 200px; height: 90px; background:url('http://i.imgur.com/HJmd3UP.jpg');">
</div>
<div style="padding-right: 5px; width: 185px; max-height: 120px; overflow-y: auto; overflow-x: hidden; text-align: justify; font-size: 11px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
----------------------- NOVEDADES -----------------------
<div style="text-align: justify; margin-top: 5px; width: 190px;">
<div class="base-news">
<div class="triangle-news">
</div>
<div class="bubble-news">
00.00
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.<br /><br />
<div class="base-news">
<div class="triangle-news">
</div>
<div class="bubble-news">
00.00
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut. <br /><br />
<div class="base-news">
<div class="triangle-news">
</div>
<div class="bubble-news">
00.00
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.
</div>
----------------------- RECONOCIMIENTOS -----------------
<div class="premio-base">
<div style="float: left; width: 80px; height: 90px; background:url('http://i.imgur.com/YnWOrXD.jpg');">
</div>
<div style="margin-left: 85px;">
<div class="premio-apartado">
Nombre apellido
</div>
<div class="premio-apartado">
Mejor héroe
</div><img src="https://goo.gl/TPKKZ7" style="margin-left: 20px; width: 50px; height: 50px;" />
</div>
</div>
<div class="premio-base">
<div style="float: left; width: 80px; height: 90px; background:url('http://i.imgur.com/YnWOrXD.jpg');">
</div>
<div style="margin-left: 85px;">
<div class="premio-apartado">
Nombre apellido
</div>
<div class="premio-apartado">
Mejor Villano
</div><img src="https://goo.gl/TPKKZ7" style="margin-left: 20px; width: 50px; height: 50px;" />
</div>
</div>
<div class="premio-base">
<div style="float: left; width: 80px; height: 90px; background:url('http://i.imgur.com/YnWOrXD.jpg');">
</div>
<div style="margin-left: 85px;">
<div class="premio-apartado">
Nombre apellido
</div>
<div class="premio-apartado">
PJ más activo
</div><img src="https://goo.gl/TPKKZ7" style="margin-left: 20px; width: 50px; height: 50px;" />
</div>
</div>
----------------------- ADMINISTRACIÓN ------------------
<div class="view effect">
<img src="http://i.imgur.com/BiEFy3g.jpg" />
<div class="mask">
</div>
<div class="content">
<a href="url" class="info">Nombre Apellido</a>
</div>
</div>
<div class="view effect">
<img src="http://i.imgur.com/BiEFy3g.jpg" />
<div class="mask">
</div>
<div class="content">
<a href="url" class="info">Nombre Apellido</a>
</div>
</div>
<div class="view effect">
<img src="http://i.imgur.com/BiEFy3g.jpg" />
<div class="mask">
</div>
<div class="content">
<a href="url" class="info">Nombre Apellido</a>
</div>
</div>
----------------------- COMPAÑEROS ----------------------
<div id="bro">
<a href=""><img src="http://i.imgur.com/QtAg1C3.jpg" /></a><a href=""><img src="http://i.imgur.com/QtAg1C3.jpg" /></a><a href=""><img src="http://i.imgur.com/QtAg1C3.jpg" /></a>
</div><br />
<div style="color: #4C4D5F; font-size: 11px; font-style: italic; font-weight: 700; line-height: 100%; padding-bottom: 10px; text-align: center; text-transform: uppercase;">
Élite 0/40
</div>
<div id="elite">
<a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a><a href=""><img src="http://i.imgur.com/eUK8Q4P.jpg" /></a>
</div>
----------------------- CRÉDITO -------------------------
<div style="padding-right: 5px; width: 185px; max-height: 120px; overflow-y: auto; overflow-x: hidden; text-align: justify; font-size: 11px;">
Skin hecho por Hardrock de <a href="http://thecaptainknowsbest.tumblr.com/">The Captain Knows Best</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|