API tools faq
paste
Advertisement
Hardrockdesign

Tablón de anuncios Otoñal

Hardrockdesign
Sep 13th, 2014
1,777
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.10 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">#comments_scroll_container {margin-top: 5px; width: 185px; height: 100px; font-weight: 700; color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%;} .stafef {width: 90px; height: 50px; background:#47596d; opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;} .stafef:hover {opacity:1; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg);}</style><link href="http://fonts.googleapis.com/css?family=BenchNine" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Voltaire" rel="stylesheet" type="text/css" />
  2. <center>
  3.  
  4. <div style="width: 790px; background: #d5c7b4; padding: 5px; border-bottom: 20px solid #281312; border-top: 20px solid #281312;">
  5.  
  6. <table cellspacing="0">
  7.  
  8. <tbody>
  9.  
  10. <tr>
  11.  
  12. <td>
  13.  
  14. <div style="border: 3px double #d5c7b4; margin: 5px; width: 200px; height: 130px; background:#281312;">
  15.  
  16. <center>
  17.  
  18. <div style="width: 185px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px; margin-top: 5px; margin-bottom: -2px;">
  19. Administración
  20. </div>
  21.  
  22. <table cellspacing="5">
  23.  
  24. <tbody>
  25.  
  26. <tr>
  27.  
  28. <td>
  29.  
  30. <div style="width: 90px; height: 50px; overflow: hidden; background-image:url(http://i.imgur.com/x13UYiA.jpg); margin-bottom: 3px;">
  31.  
  32. <div class="stafef">
  33.  
  34. <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
  35. Nombre Apellido<br /> <a href=""><span style="color: rgb(213, 199, 180);">Contáctame</span></a>
  36. </div>
  37.  
  38. </div>
  39.  
  40. </div>
  41.  
  42. <div style="width: 90px; height: 50px; overflow: hidden; background-image:url(http://i.imgur.com/x13UYiA.jpg);">
  43.  
  44. <div class="stafef">
  45.  
  46. <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
  47. Nombre Apellido<br /> <a href=""><span style="color: rgb(213, 199, 180);">Contáctame</span></a>
  48. </div>
  49.  
  50. </div>
  51.  
  52. </div>
  53.  
  54. </td>
  55.  
  56. <td>
  57.  
  58. <div style="width: 90px; height: 50px; overflow: hidden; background-image:url(http://i.imgur.com/x13UYiA.jpg); margin-bottom: 3px;">
  59.  
  60. <div class="stafef">
  61.  
  62. <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
  63. Nombre Apellido<br /> <a href=""><span style="color: rgb(213, 199, 180);">Contáctame</span></a>
  64. </div>
  65.  
  66. </div>
  67.  
  68. </div>
  69.  
  70. <div style="width: 90px; height: 50px; overflow: hidden; background-image:url(http://i.imgur.com/x13UYiA.jpg);">
  71.  
  72. <div class="stafef">
  73.  
  74. <div style="color: #DEDDD0; font-size: 11px; text-align: center; font-family: calibri; line-height: 100%; padding-top: 10px; font-weight: 700;">
  75. Nombre Apellido<br /> <a href=""><span style="color: rgb(213, 199, 180);">Contáctame</span></a>
  76. </div>
  77.  
  78. </div>
  79.  
  80. </div>
  81.  
  82. </td>
  83.  
  84. </tr>
  85.  
  86. </tbody>
  87.  
  88. </table>
  89.  
  90. </center>
  91.  
  92. </div>
  93.  
  94. <div style="border: 3px double #d5c7b4; margin: 5px; width: 200px; height: 130px; background:#281312;">
  95.  
  96. <center>
  97.  
  98. <div style="width: 185px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px; margin-top: 5px;">
  99. Últimas Noticias
  100. </div>
  101.  
  102. <div style="color: #DEDDD0; font-size: 11px; text-align: left; font-family: calibri; line-height: 100%; padding-left: 8px; padding-right: 8px; margin-top: 3px; font-weight: 700;">
  103. ๑ 00/00 Noticia que contar. <img src="http://www.aptransco.gov.in/transco/images/new.gif" /><br /> ๑ 00/00 Noticia que contar. <br /> ๑ 00/00 Noticia que contar. <br /> ๑ 00/00 Noticia que contar.
  104. </div>
  105.  
  106. </center>
  107.  
  108. </div>
  109.  
  110. </td>
  111.  
  112. <td>
  113.  
  114. <div style="border: 3px double #d5c7b4; margin: 5px; width: 340px; height: 271px; background:#281312;">
  115.  
  116. <div style="width: 320px; margin: 10px; height: 90px; background-image:url(http://i.imgur.com/aFw8cgg.jpg); margin-bottom: 5px;">
  117.  
  118. </div>
  119.  
  120. <div style="float: left; width: 45%; color: #DEDDD0; font-size: 11px; text-align: justify; font-family: calibri; line-height: 100%; padding-left: 10px; font-weight: 700;">
  121. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
  122. </div>
  123.  
  124. <div style="float: right; width: 45%; color: #DEDDD0; font-size: 11px; text-align: justify; font-family: calibri; line-height: 100%; padding-right: 10px; font-weight: 700;">
  125. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
  126. </div>
  127.  
  128. </div>
  129.  
  130. </td>
  131.  
  132. <td>
  133.  
  134. <div style="margin: 5px; width: 200px; height: 130px; background:#281312; border: 3px double #d5c7b4;">
  135.  
  136. <center>
  137.  
  138. <div style="width: 185px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px; margin-top: 5px;">
  139. Tramas Globales
  140. </div>
  141.  
  142. <div style="color: #DEDDD0; font-size: 11px; text-align: justify; font-family: calibri; line-height: 100%; padding-left: 8px; padding-right: 8px; margin-top: 3px; font-weight: 700; overflow: auto; height: 100px;">
  143. ๑ 00/00 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <a href="url"><span style="color: rgb(71, 89, 109);">+INFO</span></a><br /><br />๑ 00/00 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <a href="url"><span style="color: rgb(71, 89, 109);">+INFO</span></a>
  144. </div>
  145.  
  146. </center>
  147.  
  148. </div>
  149.  
  150. <div style="border: 3px double #d5c7b4; margin: 5px; width: 200px; height: 130px; background:#281312;">
  151.  
  152. <center>
  153.  
  154. <div style="width: 185px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px; margin-top: 5px;">
  155. Últimos Temas
  156. </div>
  157. <script>
  158.    jQuery(document).ready(function(){
  159.    jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
  160.    });
  161.    </script>
  162. <div id="contenedorultimostemas">
  163.  
  164. <div id="micontenedor">
  165.  
  166. </div>
  167.  
  168. </div>
  169.  
  170. </center>
  171.  
  172. </div>
  173.  
  174. </td>
  175.  
  176. </tr>
  177.  
  178. </tbody>
  179.  
  180. </table>
  181.  
  182. <table cellspacing="0">
  183.  
  184. <tbody>
  185.  
  186. <tr>
  187.  
  188. <td>
  189.  
  190. <div style="border: 3px double #d5c7b4; margin: 5px; margin-top: 0px; width: 200px; height: 130px; background:#281312;">
  191.  
  192. <center>
  193.  
  194. <div style="width: 185px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px; margin-top: 5px;">
  195. Créditos
  196. </div>
  197.  
  198. <div style="color: #DEDDD0; font-size: 11px; text-align: justify; font-family: calibri; line-height: 100%; padding-left: 8px; padding-right: 8px; margin-top: 3px; font-weight: 700; overflow: auto; height: 100px;">
  199. Este tablón ha sido diseñado por Hardrock de <a href="http://thecaptainknowsbest.tumblr.com/"><span style="color: rgb(71, 89, 109);">Captain Knows Best.</span></a>
  200. </div>
  201.  
  202. </center>
  203.  
  204. </div>
  205.  
  206. </td>
  207.  
  208. <td>
  209.  
  210. <center>
  211.  
  212. <div style="border: 3px double #d5c7b4; margin: 5px; width: 200px; height: 130px; background:#281312; margin-top: 0px;">
  213.  
  214. <div style="width: 185px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px; margin-top: 5px; margin-bottom: 3px;">
  215. ¿Sabías que...
  216. </div><script language="javascript">
  217.  
  218.    function VecImagenes()
  219.    {
  220.    n=0;
  221.    this[n++]="http://i.imgur.com/dB4XbZa.jpg";
  222.    this[n++]="http://i.imgur.com/dB4XbZa.jpg";
  223.    this[n++]="http://i.imgur.com/dB4XbZa.jpg";
  224.    this[n++]="url_de_la_imagen04";
  225.    this[n++]="url_de_la_imagen05";
  226.    this.N=n;
  227.    }
  228.    var Imagenes=new VecImagenes();
  229.    src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
  230.    document.write("<img src="+src+" align=center>");
  231.  
  232. </script>
  233. </div>
  234.  
  235. </center>
  236.  
  237. </td>
  238.  
  239. <td>
  240.  
  241. <div style="border: 3px double #d5c7b4; margin: 5px; margin-top: 0px; width: 340px; height: 130px; background:#281312;">
  242.  
  243. <center>
  244.  
  245. <div style="width: 325px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px; margin-top: 5px;">
  246. Nuestros premiados
  247. </div>
  248.  
  249. <div style="width: 325px;">
  250.  
  251. <marquee onmouseout="this.start()" onmouseover="this.stop()" scrolldelay="70" scrollamount="2">
  252.  
  253. <table cellspacing="3">
  254.  
  255. <tbody>
  256.  
  257. <tr>
  258.  
  259. <td>
  260. <a href=""><img src="http://i.imgur.com/zViUh3M.jpg" /></a>
  261. <div style="width: 120px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px;">
  262. La más sexy
  263. </div>
  264.  
  265. </td>
  266.  
  267. <td>
  268. <a href=""><img src="http://i.imgur.com/zViUh3M.jpg" /></a>
  269. <div style="width: 120px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px;">
  270. La más amable
  271. </div>
  272.  
  273. </td>
  274. <td>
  275. <a href=""><img src="http://i.imgur.com/zViUh3M.jpg" /></a>
  276. <div style="width: 120px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px;">
  277. La más sexy
  278. </div>
  279.  
  280. </td>
  281.  
  282. <td>
  283. <a href=""><img src="http://i.imgur.com/zViUh3M.jpg" /></a>
  284. <div style="width: 120px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px;">
  285. La más amable
  286. </div>
  287.  
  288. </td>
  289. <td>
  290. <a href=""><img src="http://i.imgur.com/zViUh3M.jpg" /></a>
  291. <div style="width: 120px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px;">
  292. La más sexy
  293. </div>
  294.  
  295. </td>
  296.  
  297. <td>
  298. <a href=""><img src="http://i.imgur.com/zViUh3M.jpg" /></a>
  299. <div style="width: 120px; background:#47596d; font-family: BenchNine; text-transform: uppercase; font-size: 11px; color: #DEDDD0; line-height: 100%; text-align: center; padding-top: 2px; letter-spacing: 2px;">
  300. La más amable
  301. </div>
  302.  
  303. </td>
  304.  
  305. </tr>
  306.  
  307. </tbody>
  308.  
  309. </table>
  310.  
  311. </marquee>
  312.  
  313. </div>
  314.  
  315. </center>
  316.  
  317. </div>
  318.  
  319. </td>
  320.  
  321. </tr>
  322.  
  323. </tbody>
  324.  
  325. </table>
  326.  
  327. </div>
  328. </center>
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!