API tools faq
paste
OdiseaCoding

Bunnierocket

OdiseaCoding
Nov 10th, 2017
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.34 KB | None | 0 0
raw download clone embed print report
  1. Necesitáis poner este code en la zona de templates--->General ---->Overall_header. Justo debajo de la baliza de "head". Eso permitirá que al fuente se vea en todo el foro sin problemas.
  2.  
  3. [code]<link href='https://fonts.googleapis.com/css?family=Felipa' rel='stylesheet' type='text/css'>[/code]
  4.  
  5. Esto tenéis que pegarlo tal cual en el CSS del foro en la zona Admin.
  6. [code]/*Codes de Odisea*/
  7. /*Post de rol*/
  8. .gen {width:450px; background:black;padding:20px;}
  9.  
  10. .theimg {width:350px;height:200px;position:relative;}
  11.  
  12. .thedat {font:20px felipa;background:white;opacity:0.7;position:absolute;top:130px;width:350px;}
  13.  
  14. .fael {width:400px; border-top:2px solid #999999;color:#777777;text-align:justify;line-height:20px; font:13px cambria;letter-spacing:1px;height:350px;overflow:auto;padding-top:25px;}
  15.  
  16. .mayus {font:20px felipa;padding:10px;border:3px double #444444;margin:5px;float:left;color:teal;border-radius:10px 0px;line-height:30px;margin-bottom:-10px;}
  17.  
  18. .faeltit {width:400px;font:30px felipa;margin-bottom:20px;color:#777777;text-align:center;margin-top:-30px;}
  19.  
  20. .knot {height:50px;position:relative;top:60px;box-shadow:2px 2px 4px black;}
  21.  
  22. .odisea {font:10px calibri; text-transform:uppercase; letter-spacing: 4px;}
  23.  
  24. /*Ficha*/
  25. .faelnom {width:400px;font:35px felipa;margin-bottom:20px;color:teal;text-align:center;margin-top:10px;}
  26.  
  27. .theimg2{width:400px;height:200px;position:relative;}
  28.  
  29. .thedat2 {font:15px felipa;background:white;opacity:0.9;position:absolute;top:160px;width:400px;padding-top:5px;padding-bottom:5px;}
  30.  
  31. .fael2 {width:400px; border-top:2px solid #999999;color:#777777;text-align:justify;line-height:20px; font:13px cambria;letter-spacing:1px;height:350px;overflow:auto;padding-top:25px;}
  32.  
  33. td {border:1px solid grey;}
  34.  
  35. /*Registros*/
  36. .faelreg {height:280px;margin-top:20px;overflow:auto;}
  37. [/code]
  38.  
  39. Estos son los códigos pedidos. Si me he olvidado alguno me avisáis.
  40.  
  41. [code]<center><div class="gen"><img src="http://bit.ly/1WAVy64" class="knot"><div class="faeltit" style="color:teal;">Registro de PB</div><div class="fael" style="height:800px;"><span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.
  42. <div class="faeltit">Femeninos</div><div class="faelreg"><ul><li> Nombre del PJ ~ Registro
  43. <li> Nombre del PJ ~ Registro
  44. <li> Nombre del PJ ~ Registro
  45. <li> Nombre del PJ ~ Registro
  46. <li> Nombre del PJ ~ Registro
  47. </ul></div><div class="faeltit">Masculinos</div>
  48. <div class="faelreg">
  49. <ul><li> Nombre del PJ ~ Registro
  50. <li> Nombre del PJ ~ Registro
  51. <li> Nombre del PJ ~ Registro
  52. <li> Nombre del PJ ~ Registro
  53. <li> Nombre del PJ ~ Registro
  54. </ul></div></div></div><a href="http://odiseacoding.tumblr.com/"><div class="odisea">By Odisea</div></a></center>
  55.  
  56. <center><div class="gen"><img src="http://bit.ly/1WAVy64" class="knot"><div class="faeltit" style="color:teal;">Registro de XXXX</div><div class="fael"><span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.</br><br>
  57. <ul><li> Nombre del PJ ~ Registro
  58. <li> Nombre del PJ ~ Registro
  59. <li> Nombre del PJ ~ Registro
  60. <li> Nombre del PJ ~ Registro
  61. <li> Nombre del PJ ~ Registro
  62. </ul></div></div><a href="http://odiseacoding.tumblr.com/"><div class="odisea">By Odisea</div></a></center>
  63.  
  64.  
  65. <center><div class="gen"><div class="theimg" style="background:URL('http://www.presentastico.com/wp-content/uploads/2011/09/viejo-baul-de-los-recuerdos.jpg')center;"><div class="thedat">Dato / Dato / Dato</div> </div><img src="http://bit.ly/1WAVy64" class="knot"><div class="faeltit">Baúl de Nombre del PJ</div><div class="fael">
  66. <ul><li>Objeto #1
  67. <li>Objeto #2
  68. <li>Objeto #3
  69. <li>Objeto #4
  70. <li>Objeto #5
  71. <li>Objeto #6
  72. <li>Objeto #7
  73. <li>Objeto #8
  74. </ul></div></div><a href="http://odiseacoding.tumblr.com/"><div class="odisea">By Odisea</div></a></center>
  75.  
  76. <center><div class="gen"><img src="http://bit.ly/1WAVy64" class="knot"><div class="faeltit" style="color:teal;">Anuncio Administrativo</div><div class="fael"><span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.
  77.  
  78. <span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.</div></div><a href="http://odiseacoding.tumblr.com/"><div class="odisea">By Odisea</div></a></center>
  79.  
  80.  
  81. <center><div class="gen"><div class="faelnom">Nombre del PJ</div><div class="theimg2" style="background:URL('http://placehold.it/350x200')center;"><div class="thedat2">Edad / Raza / Ocupación / Magia elemental</div> </div><img src="http://bit.ly/1WAVy64" class="knot"><div class="faeltit">Historia Familiar</div><div class="fael2"><span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.</br><br><span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.</div>
  82. <img src="http://bit.ly/1WAVy64" class="knot"><div class="faeltit">Historia Del Personaje</div><div class="fael2"><span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.</br><br><span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.</div>
  83. <img src="http://bit.ly/1WAVy64" class="knot"><div class="faeltit">Psicología</div><div class="fael2"><span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.</br><br><span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.</div><img src="http://bit.ly/1WAVy64" class="knot"><div class="faeltit">Estadísticas</div><div class="fael2"><table style="font:8.5px cambria;text-align:center;border:1px solid teal;margin-top:10px;"><tr><td>vertical 1</td><td>vertical 2</td><td>vertical 3</td><td>vertical 4</td><td>vertical 5</td><td>vertical 6</td><td>vertical 7</td><td>vertical 8</td></tr><tr><td>vertical 1</td><td>vertical 2</td><td>vertical 3</td><td>vertical 4</td><td>vertical 5</td><td>vertical 6</td><td>vertical 7</td><td>vertical 8</td></tr><tr><td>vertical 1</td><td>vertical 2</td><td>vertical 3</td><td>vertical 4</td><td>vertical 5</td><td>vertical 6</td><td>vertical 7</td><td>vertical 8</td></tr><tr><td>vertical 1</td><td>vertical 2</td><td>vertical 3</td><td>vertical 4</td><td>vertical 5</td><td>vertical 6</td><td>vertical 7</td><td>vertical 8</td></tr><tr><td>vertical 1</td><td>vertical 2</td><td>vertical 3</td><td>vertical 4</td><td>vertical 5</td><td>vertical 6</td><td>vertical 7</td><td>vertical 8</td></tr></table></div></div><a href="http://odiseacoding.tumblr.com/"><div class="odisea">By Odisea</div></a></center>
  84.  
  85. <center><div class="gen"><div class="theimg" style="background:URL('http://placehold.it/350x200')center;"><div class="thedat">Dato / Dato / Dato</div> </div><img src="http://bit.ly/1WAVy64" class="knot"><div class="faeltit">Título del Rol</div><div class="fael"><span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.
  86.  
  87. <span class="mayus">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus venenatis, velit ut vestibulum condimentum, dolor ligula venenatis leo, quis consectetur nisi risus sit amet eros. In iaculis est ut sapien suscipit euismod. Donec risus magna, tempor ut odio vulputate, euismod vulputate lectus. In vel consequat sapien. Aenean gravida cursus orci sed blandit. Quisque rhoncus, sapien sed rhoncus egestas, nunc ex malesuada nisl, eget porta orci lacus ac urna. Integer eget rhoncus ante. Ut vel suscipit nulla.</div></div><a href="http://odiseacoding.tumblr.com/"><div class="odisea">By Odisea</div></a></center>[/code]
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!