Fecha y hora actual: Jue Mar 28, 2024 10:55 am


var indice = 0; 4.frases = new Array(); 5.frases[0] = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."; 6.frases[1] = "Texto2"; 7.frases[2] = "Texto3"; 8.frases[3] = "Texto4"; 9. 10.indice = Math.random()*(frases.length); 11.indice = Math.floor(indice); 12. 13.function rotar() { 14.if (indice == frases.length) {indice = 0;} 15.document.getElementById("rotando").innerHTML = frases[indice]; 16.indice++; 17.setTimeout("rotar();",5000); 18.} 19. 20.----------------------- JAVASCRIPT 2 ---------------- 21. 22.$(document).ready(function () { 23. $(".Sb").click(function () { 24. var mid = $(this).attr("id").replace(/\D/g, ''); 25. $(".Sb").removeClass("selected"); 26. $(".Sc:not(#c" + mid + ")").hide(); 27. $("#Sc" + mid).fadeIn(); 28. $("#Sb" + mid).addClass("selected"); 29. }); 30.}); 31. 32.----------------------- CSS ---------------- 33. 34.#comments_scroll_div { 35.height: 140px; 36.background: #040913; 37.padding: 5px; 38.margin-top: 3px; 39.width: 180px; 40.overflow: hidden; 41.} 42. 43.#Sc2 h2 { 44. font-size: 8px; 45. text-transform: uppercase; 46. font-weight: bold; 47. padding-top: 13px; 48. color: #ababab; 49.} 50. 51..fotoganador { 52. width: 70px; 53. height: 40px; 54. float: left; 55. margin: 5px; 56.} 57. 58..sabiasq { 59. font-size: 20px; 60. font-family: Great Vibes; 61. padding-top: 15px; 62. padding-bottom: 15px; 63. padding-left: 5px; 64.} 65. 66..separador { 67. height: 4px; 68. border-bottom: 1px dotted #797170; 69. margin-bottom: 4px; 70.} 71. 72..fecha { 73. float: left; 74. font-size: 15px; 75. font-family: Great Vibes; 76. line-height: 100%; 77. padding: 10px; 78.} 79. 80.#botones { 81. text-align:center; /*CSS base*/ 82.} 83.#botones div { 84. display: inline-block;/*CSS base*/ 85.} 86..Sb.selected { 87. background-color: #230c17; /*CSS base*/ 88.} 89. 90..Sb { 91. width: 40px; 92. font-size: 8px; 93. background: #040913; 94. text-transform: uppercase; 95. margin-top: 3px; 96. padding: 3px;/*CSS base*/ 97.} 98. 99.#SCont { 100. width: 185px; 101. padding: 5px; 102. background: #040913; 103. height: 122px; 104. overflow-y:auto; 105. text-align: justify; 106. line-height: 100%; 107. font-weight: bold; 108. letter-spacing: 1px; 109. font-size: 10px; 110. font-family: calibri; 111. overflow-x:hidden; 112.} 113. 114.#main-content .panel .inner ul { 115. padding-left: 0px; 116.} 117. 118..ch-grid { 119. margin-top: 5px; 120. padding: 0; 121. list-style: none; 122. display: block; 123. text-align: center; 124. width: 210px; 125.} 126. 127..ch-grid:after, 128..ch-item:before { 129. content: ''; 130. display: table; 131.} 132. 133..ch-grid:after { 134. clear: both; 135.} 136. 137..ch-grid li { 138. width: 80px; 139. height: 80px; 140. display: inline-block; 141. margin: 1px; 142.} 143. 144..ch-item { 145. width: 100%; 146. height: 100%; 147. border-radius: 50%; 148. overflow: hidden; 149. position: relative; 150. cursor: default; 151. box-shadow: 152. inset 0 0 0 5px rgba(255,255,255,0.6), 153. 0 1px 2px rgba(0,0,0,0.1); 154. transition: all 0.4s ease-in-out; 155.} 156. 157..ch-img-1 { 158. background-image: url(https://i.imgur.com/UoZZXeo.png); 159.} 160. 161..ch-img-2 { 162. background-image: url(https://i.imgur.com/UoZZXeo.png); 163.} 164. 165..ch-img-3 { 166. background-image: url(https://i.imgur.com/UoZZXeo.png); 167.} 168. 169..ch-img-4 { 170. background-image: url(https://i.imgur.com/UoZZXeo.png); 171.} 172. 173..ch-info { 174. position: absolute; 175. background: #040913; 176. width: inherit; 177. height: inherit; 178. border-radius: 50%; 179. overflow: hidden; 180. opacity: 0; 181. transition: all 0.4s ease-in-out; 182. transform: scale(0); 183.} 184. 185..ch-info h3 { 186. color: #ABABAB; 187. font-weight: bold; 188. letter-spacing: 2px; 189. font-size: 10px; 190. margin: 0 5px; 191. padding: 20px 0 0 0; 192. height: 20px; 193. font-family: Calibri; 194. line-height: 100%; 195.} 196. 197..ch-info p { 198. color: #ABABAB; 199. padding-top: 5px; 200. margin: 0 10px; 201. line-height: 100%; 202. font-size: 9px; 203. opacity: 0; 204. transition: all 1s ease-in-out 0.4s; 205.} 206. 207..ch-info p a { 208. display: block; 209. color: rgba(255,255,255,0.7); 210. font-style: normal; 211. border-top: 1px solid rgba(255,255,255,0.5); 212. font-weight: 700; 213. font-style: italic; 214. text-transform: uppercase; 215. letter-spacing: 1px; 216. padding-top: 4px; 217. font-family: 'Open Sans', Arial, sans-serif; 218.} 219. 220..ch-info p a:hover { 221. color: #9E8A59; 222.} 223. 224..ch-item:hover { 225. box-shadow: 226. inset 0 0 0 1px rgba(255,255,255,0.1), 227. 0 1px 2px rgba(0,0,0,0.1); 228.} 229. 230..ch-item:hover .ch-info { 231. transform: scale(1); 232. opacity: 1; 233.} 234. 235..ch-item:hover .ch-info p { 236. opacity: 1; 237.} 238.#cuerpotab { 239. border: 20px solid #230c17; 240. position: relative; 241. padding: 10px; 242. background: #797170; 243. width: 660px; 244. height: 260px; 245. line-height: 100%; 246. color: #ABABAB; 247.} 248. 249..textoamb { 250. margin-top: 5px; 251. text-align: justify; 252. border: 5px solid #040913; 253. line-height: 100%; 254. font-weight: bold; 255. letter-spacing: 1px; 256. font-size: 10px; 257. font-family: calibri; 258. max-height: 100px; 259. overflow-y:auto; 260. background: #040913; 261.} 262. 263..textoamb:first-letter { 264. font-family: Great Vibes; 265. font-size: 30px; 266. line-height: 100%; 267. margin-top: 40px; 268. padding: 3px; 269.} 270. 271..temperatura { 272. position: absolute; 273. bottom: 5px; 274. right: 5px; 275. font-size: 8px; 276. text-transform: uppercase; 277. font-weight: bold; 278. letter-spacing: 1px; 279.} 280. 281..linksamb a { 282. display:inline-block; 283. width: 101px; 284. margin-right: 1px; 285. margin-bottom: 1px; 286. text-align: center; 287. text-transform: uppercase; 288. font-weight: bold; 289. font-size: 8px; 290. line-height: 100%; 291. background: #040913; 292. color: #9E8A59; 293. padding-top: 3px; 294. padding-bottom: 3px; 295. letter-spacing: 1px; 296.} 297. 298..titulotab { 299. background: #040913; 300. margin-top: 5px; 301. margin-bottom: 5px; 302. width: 100%; 303. padding-top: 5px; 304. padding-bottom: 5px; 305. text-transform: uppercase; 306. font-weight: bold; 307. text-align: center; 308. font-size: 11px; 309.} 310. 311..caja1tab { 312. border: 20px solid #230c17; 313. padding: 8px; 314. background: #797170; 315. width: 207px; 316. height: 300px; 317. margin-top: -50px; 318. line-height: 100%; 319.} 320. 321./*Fin tablón*/ 322. 323.----------------------- HTML --------------- 324. 325. 326.
327.
328.
329. 330.
331. 332.
    333. 334.
  • 335. 336.
    337. 338.
    339. 340.

    341. Nombre
    Apellido 342.

    343. 344.

    345. Enviar MP 346.

    347. 348.
    349. 350.
    351. 352.
  • 353. 354.
  • 355. 356.
    357. 358.
    359. 360.

    361. Nombre
    Apellido 362.

    363. 364.

    365. Enviar MP 366.

    367. 368.
    369. 370.
    371. 372.
  • 373. 374.
375. 376.
377. Últimos temas 378.
379. 380.
381. 382.
383. 384.
385. 386.
387. 388.
389. 390.
391. 30º
Verano 392.
393. 394.
395. 396.
397. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. 398.
399. 400.
401. Navegación 402.
403. 404. 407. 408.
409. 410.
411. 412.
    413. 414.
  • 415. 416.
    417. 418.
    419. 420.

    421. Nombre
    Apellido 422.

    423. 424.

    425. Enviar MP 426.

    427. 428.
    429. 430.
    431. 432.
  • 433. 434.
  • 435. 436.
    437. 438.
    439. 440.

    441. Nombre
    Apellido 442.

    443. 444.

    445. Enviar MP 446.

    447. 448.
    449. 450.
    451. 452.
  • 453. 454.
455. 456.
457. Información Extra 458.
459. 460.
461. 462.
463. 464.
465. 466.
467. 00/00 468.
469. Ut labore et dolore magnam aliquam quaerat. 470.
471. 472.
473. 474.
475. 00/00 476.
477. Ut labore et dolore magnam aliquam quaerat. 478.
479. 480.
481. 482.
483. 00/00 484.
485. Ut labore et dolore magnam aliquam quaerat. 486.
487. 488. 510. 511. 514. 515. 525. 526.
527. 528.
529. 530.
531. Noticias 532.
533. 534.
535. Premios 536.
537. 538.
539. Normas 540.
541. 542.
543. Sabías que 544.
545. 546.
547. 548.
549. 550.
551. 552.
© HARDROCK 563.
  • Foro
    Temas
    Mensajes
    Últimos Mensajes
¿Quién está en línea?

En total hay 1 usuario en línea: 0 Registrados, 0 Ocultos y 1 Invitado
El record de usuarios en línea fue de 19 durante el Jue Sep 22, 2016 3:27 pm

Usuarios registrados: Ninguno


Ningún miembro celebra su cumpleaños hoy
Ningún miembro celebra su cumpleaños en los 7 próximos días

Leyenda : [ De Combate ][ Deserticos ][ Forestales ][ Urbanos ][ Articos ][ Neutrales ][ Habitantes de las nubes ][ De las cavernas ]

Nuestros miembros han publicado un total de 3 mensajes

Tenemos 4 miembros registrados

El último usuario registrado es osopoloso


  • Nuevos mensajesNuevos mensajes
  • No hay nuevos mensajesNo hay nuevos mensajes
  • Foro cerradoForo cerrado