API tools faq
paste
Advertisement
Arabella23

Tablón - I Love Photoshop

Arabella23
Dec 5th, 2014
1,105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.98 KB | None | 0 0
raw download clone embed print report
  1. <div style="width:884px;height:auto;margin-left:-4px;padding:5px;background:url(http://i.imgur.com/Opq5ZRA.png);border:7px solid #d4e862;outline:1px dashed #8d82eb;">
  2.  
  3. <div style="width:218px;height:300px;border:4px solid #d4e862;outline:5px solid #8d82eb;">
  4.  
  5. <div style="width:214px;height:auto;padding:2px;background:#413e5d;border-bottom:1px dashed #d4e862;
  6. text-align:center; font-size:12px;font-family:oswald; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  7. Ambientación
  8. </div>
  9.  
  10. <div style="width:210px;height:272px;padding:4px;background:#ffffff;opacity:0.8;
  11. text-align:justify; font-size:11px;font-family:calibri; color:#141414;line-height:11px;overflow:auto;">
  12. Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei. Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex. Eum hinc argumentum te, no sit percipit adversarium, ne qui feugiat persecuti. Odio omnes scripserit ad est, ut vidit lorem maiestatis his, putent mandamus gloriatur ne pro. Oratio iriure rationibus ne his, ad est corrumpit splendide. Ad duo appareat moderatius, ei falli tollit denique eos. Dicant evertitur mei in, ne his deserunt perpetua sententiae, ea sea omnes similique vituperatoribus. Ex mel errem intellegebat comprehensam, vel ad tantas antiopam delicatissimi, tota ferri affert eu nec. Legere expetenda pertinacia ne pro, et pro impetus persius assueverit. Ea mei nullam facete, omnis oratio offendit ius cu. Doming takimata repudiandae usu an, mei dicant takimata id, pri eleifend inimicus euripidis at. His vero singulis ea, quem euripidis abhorreant mei ut, et populo iriure vix. Usu ludus affert voluptaria ei, vix ea error definitiones, movet fastidii signiferumque in qui.
  13. </div>
  14.  
  15. </div>
  16.  
  17. <div style="width:400px;height:140px;border:4px solid #d4e862;outline:5px solid #8d82eb;float:right;margin-right:238px;margin-top:-308px;">
  18.  
  19. <div style="width:396px;height:auto;padding:2px;background:#413e5d;border-bottom:1px dashed #d4e862;
  20. text-align:center; font-size:12px;font-family:oswald; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  21. Ganadores de los Award
  22. </div>
  23.  
  24. <marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrolldelay="105" behavior="scroll">
  25.  
  26. <table cellspacing="2" style="margin-top:10px;">
  27.  
  28. <tbody>
  29.  
  30. <tr>
  31.  
  32. <td>
  33. <style type="text/css">#nuestroid2 {width: 80px; height: 80px; overflow: hidden; position: relative;} #nuestroid2 .nuestraclase2 {position: absolute; transform: scale(1); width: 80px; height: 80px; transition:0.5s;} #nuestroid2:hover .nuestraclase2 {transform: scale(0); transition: 0.5s;}</style>
  34. <center>
  35.  
  36. <div id="nuestroid2">
  37.  
  38. <div class="nuestraclase2">
  39.  
  40. <div style="width: 75px; height: 75px; background:url(http://i.imgur.com/oxC9PuN.png);border-radius:200px;border: 2px solid #d4e862;">
  41.  
  42. </div>
  43.  
  44. </div>
  45.  
  46. <div style="width: 75px; height: 75px; background:#413e5d;border-radius:200px;font-size:14px;font-family:oswald;color:#ffffff;border: 1px dashed #ffffff;">
  47. <br /><br />Award
  48. </div>
  49.  
  50. </div>
  51.  
  52. </center>
  53.  
  54. </td>
  55.  
  56. <td>
  57. <style type="text/css">#nuestroid2 {width: 80px; height: 80px; overflow: hidden; position: relative;} #nuestroid2 .nuestraclase2 {position: absolute; transform: scale(1); width: 80px; height: 80px; transition:0.5s;} #nuestroid2:hover .nuestraclase2 {transform: scale(0); transition: 0.5s;}</style>
  58. <center>
  59.  
  60. <div id="nuestroid2">
  61.  
  62. <div class="nuestraclase2">
  63.  
  64. <div style="width: 75px; height: 75px; background:url(http://i.imgur.com/oxC9PuN.png);border-radius:200px;border: 2px solid #d4e862;">
  65.  
  66. </div>
  67.  
  68. </div>
  69.  
  70. <div style="width: 75px; height: 75px; background:#413e5d;border-radius:200px;font-size:14px;font-family:oswald;color:#ffffff;border: 1px dashed #ffffff;">
  71. <br /><br />Award
  72. </div>
  73.  
  74. </div>
  75.  
  76. </center>
  77.  
  78. </td>
  79.  
  80. <td>
  81. <style type="text/css">#nuestroid2 {width: 80px; height: 80px; overflow: hidden; position: relative;} #nuestroid2 .nuestraclase2 {position: absolute; transform: scale(1); width: 80px; height: 80px; transition:0.5s;} #nuestroid2:hover .nuestraclase2 {transform: scale(0); transition: 0.5s;}</style>
  82. <center>
  83.  
  84. <div id="nuestroid2">
  85.  
  86. <div class="nuestraclase2">
  87.  
  88. <div style="width: 75px; height: 75px; background:url(http://i.imgur.com/oxC9PuN.png);border-radius:200px;border: 2px solid #d4e862;">
  89.  
  90. </div>
  91.  
  92. </div>
  93.  
  94. <div style="width: 75px; height: 75px; background:#413e5d;border-radius:200px;font-size:14px;font-family:oswald;color:#ffffff;border: 1px dashed #ffffff;">
  95. <br /><br />Award
  96. </div>
  97.  
  98. </div>
  99.  
  100. </center>
  101.  
  102. </td>
  103.  
  104. <td>
  105. <style type="text/css">#nuestroid2 {width: 80px; height: 80px; overflow: hidden; position: relative;} #nuestroid2 .nuestraclase2 {position: absolute; transform: scale(1); width: 80px; height: 80px; transition:0.5s;} #nuestroid2:hover .nuestraclase2 {transform: scale(0); transition: 0.5s;}</style>
  106. <center>
  107.  
  108. <div id="nuestroid2">
  109.  
  110. <div class="nuestraclase2">
  111.  
  112. <div style="width: 75px; height: 75px; background:url(http://i.imgur.com/oxC9PuN.png);border-radius:200px;border: 2px solid #d4e862;">
  113.  
  114. </div>
  115.  
  116. </div>
  117.  
  118. <div style="width: 75px; height: 75px; background:#413e5d;border-radius:200px;font-size:14px;font-family:oswald;color:#ffffff;border: 1px dashed #ffffff;">
  119. <br /><br />Award
  120. </div>
  121.  
  122. </div>
  123.  
  124. </center>
  125.  
  126. </td>
  127.  
  128. <td>
  129. <style type="text/css">#nuestroid2 {width: 80px; height: 80px; overflow: hidden; position: relative;} #nuestroid2 .nuestraclase2 {position: absolute; transform: scale(1); width: 80px; height: 80px; transition:0.5s;} #nuestroid2:hover .nuestraclase2 {transform: scale(0); transition: 0.5s;}</style>
  130. <center>
  131.  
  132. <div id="nuestroid2">
  133.  
  134. <div class="nuestraclase2">
  135.  
  136. <div style="width: 75px; height: 75px; background:url(http://i.imgur.com/oxC9PuN.png);border-radius:200px;border: 2px solid #d4e862;">
  137.  
  138. </div>
  139.  
  140. </div>
  141.  
  142. <div style="width: 75px; height: 75px; background:#413e5d;border-radius:200px;font-size:14px;font-family:oswald;color:#ffffff;border: 1px dashed #ffffff;">
  143. <br /><br />Award
  144. </div>
  145.  
  146. </div>
  147.  
  148. </center>
  149.  
  150. </td>
  151.  
  152. </tr>
  153.  
  154. </tbody>
  155.  
  156. </table>
  157.  
  158. </marquee>
  159.  
  160. </div>
  161.  
  162. <table style="float:right;margin-right:236px;margin-top:-150px;">
  163.  
  164. <tbody>
  165.  
  166. <tr>
  167.  
  168. <td>
  169.  
  170. <div style="width:190px;height:140px;border:4px solid #d4e862;outline:5px solid #8d82eb;margin-right:10px;">
  171.  
  172. <div style="width:186px;height:auto;padding:2px;background:#413e5d;border-bottom:1px dashed #d4e862;
  173. text-align:center; font-size:12px;font-family:oswald; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  174. Enlaces Rápidos
  175. </div>
  176.  
  177. <div style="width:186px;height:auto;padding:2px;background:#8d82eb;border-bottom:1px dashed #d4e862;
  178. text-align:center; font-size:10px;font-family:calibri; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  179. <a href="url">link text</a>
  180. </div>
  181.  
  182. <div style="width:186px;height:auto;padding:2px;background:#8d82eb;border-bottom:1px dashed #d4e862;
  183. text-align:center; font-size:10px;font-family:calibri; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  184. <a href="url">link text</a>
  185. </div>
  186.  
  187. <div style="width:186px;height:auto;padding:2px;background:#8d82eb;border-bottom:1px dashed #d4e862;
  188. text-align:center; font-size:10px;font-family:calibri; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  189. <a href="url">link text</a>
  190. </div>
  191.  
  192. <div style="width:186px;height:auto;padding:2px;background:#8d82eb;border-bottom:1px dashed #d4e862;
  193. text-align:center; font-size:10px;font-family:calibri; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  194. <a href="url">link text</a>
  195. </div>
  196.  
  197. <div style="width:186px;height:auto;padding:2px;background:#8d82eb;border-bottom:1px dashed #d4e862;
  198. text-align:center; font-size:10px;font-family:calibri; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  199. <a href="url">link text</a>
  200. </div>
  201.  
  202. <div style="width:186px;height:auto;padding:2px;background:#8d82eb;border-bottom:1px dashed #d4e862;
  203. text-align:center; font-size:10px;font-family:calibri; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  204. <a href="url">link text</a>
  205. </div>
  206.  
  207. </div>
  208.  
  209. </td>
  210.  
  211. <td>
  212.  
  213. <div style="width:190px;height:140px;border:4px solid #d4e862;outline:5px solid #8d82eb;">
  214.  
  215. <div style="width:186px;height:auto;padding:2px;background:#413e5d;border-bottom:1px dashed #d4e862;
  216. text-align:center; font-size:12px;font-family:oswald; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  217. Staff del Foro
  218. </div>
  219.  
  220. <div style="width:182px;height:112px;padding:4px;background:#ffffff;opacity:0.8;
  221. ">
  222.  
  223. <center>
  224.  
  225. <table cellspacing="3">
  226.  
  227. <tbody>
  228.  
  229. <tr>
  230.  
  231. <td>
  232. <a href="link al perfil" class="tooltip"><img src="http://i.imgur.com/oxC9PuN.png" style="width:50px;height:50px;border:1px dashed #8d82eb;" /><span>Nombre del Integrante</span></a>
  233. </td>
  234.  
  235. <td>
  236. <a href="link al perfil" class="tooltip"><img src="http://i.imgur.com/oxC9PuN.png" style="width:50px;height:50px;border:1px dashed #8d82eb;" /><span>Nombre del Integrante</span></a>
  237. </td>
  238.  
  239. <td>
  240. <a href="link al perfil" class="tooltip"><img src="http://i.imgur.com/oxC9PuN.png" style="width:50px;height:50px;border:1px dashed #8d82eb;" /><span>Nombre del Integrante</span></a>
  241. </td>
  242.  
  243. </tr>
  244.  
  245. </tbody>
  246.  
  247. </table>
  248.  
  249. <table cellspacing="3" style="margin-top:-2px">
  250.  
  251. <tbody>
  252.  
  253. <tr>
  254.  
  255. <td>
  256. <a href="link al perfil" class="tooltip"><img src="http://i.imgur.com/oxC9PuN.png" style="width:50px;height:50px;border:1px dashed #8d82eb;" /><span>Nombre del Integrante</span></a>
  257. </td>
  258.  
  259. <td>
  260. <a href="link al perfil" class="tooltip"><img src="http://i.imgur.com/oxC9PuN.png" style="width:50px;height:50px;border:1px dashed #8d82eb;" /><span>Nombre del Integrante</span></a>
  261. </td>
  262.  
  263. <td>
  264. <a href="link al perfil" class="tooltip"><img src="http://i.imgur.com/oxC9PuN.png" style="width:50px;height:50px;border:1px dashed #8d82eb;" /><span>Nombre del Integrante</span></a>
  265. </td>
  266.  
  267. </tr>
  268.  
  269. </tbody>
  270.  
  271. </table>
  272.  
  273. </center><style type="text/css">
  274. a:hover{border-bottom: 1px dashed #CCCCCC;} a.tooltip:hover {text-decoration:none;}
  275. a.tooltip span {display:none; margin:0 0 0 -100px; padding:2px 5px;}
  276. a.tooltip:hover span{display:inline; position:absolute; border:1px dashed #413e5d;border-radius:100px; background:#d4e862; color:#141414;}</style>
  277. </div>
  278.  
  279. </div>
  280.  
  281. </td>
  282.  
  283. </tr>
  284.  
  285. </tbody>
  286.  
  287. </table>
  288.  
  289. <div style="width:218px;height:300px;border:4px solid #d4e862;outline:5px solid #8d82eb;margin-left:658px;margin-top:-308px;">
  290.  
  291. <div style="width:214px;height:auto;padding:2px;background:#413e5d;border-bottom:1px dashed #d4e862;
  292. text-align:center; font-size:12px;font-family:oswald; color:#ffffff;text-transform:uppercase;letter-spacing: 1px;">
  293. Últimos Temas
  294. </div>
  295.  
  296. <div style="width:210px;height:272px;padding:4px;background:#ffffff;opacity:0.8;
  297. text-align:justify; font-size:11px;font-family:calibri; color:#141414;line-height:11px;overflow:auto;">
  298.  
  299. <div style="height:270px;text-align:center;" id="tituloultimostemas">
  300.  
  301. <div id="contenedorultimostemas">
  302.  
  303. <div id="micontenedor">
  304.  
  305. </div>
  306.  
  307. </div>
  308.  
  309. </div>
  310.  
  311. </div>
  312.  
  313. </div>
  314.  
  315. </div>
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!