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.
489.
490.
491. Nombre apellido Premio ganado
492.
493.
494. Nombre apellido Premio ganado
495.
496.
497. Nombre apellido Premio ganado
498.
499.
500. Nombre apellido Premio ganado
501.
502.
503. Nombre apellido Premio ganado
504.
505.
506. Nombre apellido Premio ganado
507.
508.
509.
510.
511.
512. ♫ Ut labore et dolore magnam aliquam quaerat. ♫ Ut labore et dolore magnam aliquam quaerat. ♫ Ut labore et dolore magnam aliquam quaerat.
513.
514.
515.
516.
517.
518. ¿Sabías que...
519.
520.
521.
522.
523.
524.
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.
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íasLeyenda : [ 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 mensajes No hay nuevos mensajes Foro cerrado