Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ------ HTML. Recuerda que va en un widget, sin modo tabla tipo. Debes tenerlos activados. -----
- <div id="alfinalforo">
- <div class="elite">
- <div style="width: 492px; margin-bottom: 2px;" class="titulo-afi">
- Élite 0/36
- </div>
- <div id="elite">
- <a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a>
- </div>
- <div style="width: 492px; margin-top: 5px;" class="titulo-afi">
- <a href="url">Afiliados normales</a>
- </div>
- </div>
- <div class="hermanos">
- <div style="width: 327px;" class="titulo-afi">
- Hermanos 0/6
- </div>
- <div id="bro">
- <a href="url"><img src="http://i.imgur.com/APDhDGV.png" /></a><a href="url"><img src="http://i.imgur.com/APDhDGV.png" /></a><a href="url"><img src="http://i.imgur.com/APDhDGV.png" /></a><a href="url"><img src="http://i.imgur.com/APDhDGV.png" /></a><a href="url"><img src="http://i.imgur.com/APDhDGV.png" /></a><a href="url"><img src="http://i.imgur.com/APDhDGV.png" /></a>
- </div>
- </div>
- <div class="directorio">
- <div style="width: 327px; margin-bottom: 2px;" class="titulo-afi">
- Directorios 0/12
- </div>
- <div id="direct">
- <a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a><a href="url"><img src="http://i.imgur.com/Ld0Ambo.png" /></a>
- </div>
- </div>
- </div>
- ------ CSS ------
- #alfinalforo {position: relative; width: 840px; height: 335px;}
- #bro img {border: 1px solid #6b6b6b; margin-right: 3px; margin-top: 5px; width: 50px; height: 100px;}
- #direct img {border: 1px solid #6b6b6b; margin-right: 3px; margin-top: 3px; width: 50px; height: 50px;}
- .hermanos {width: 330px; position: absolute; right: 5px;}
- .elite {position: absolute; left: 5px; width: 495px;}
- #elite img {border: 1px solid #6b6b6b; margin-right: 3px; margin-top: 3px; width: 50px; height: 50px;}
- .directorio {width: 330px; position: absolute; right: 5px; bottom: 0px;}
- .titulo-afi {
- text-align: center;
- line-height: 100%;
- padding-top: 20px;
- padding-bottom: 20px;
- font-style: italic;
- color: #eee;
- font-size: 14px;
- font-family: Georgia;
- font-weight: normal;
- text-transform: none;
- background: #86a258;
- }
- .titulo-afi a {color: #eee;}
- ------ JAVASCRIPT. Posicionado en todas las páginas -----
- $(document).ready(function () {
- $('#alfinalforo').appendTo('#content');
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement