Muy buenas a todos, el caso es que desde que empiezo a hacer tablillas siempre he tenido un problema con el scroll bien al asunto es que si bien la tablilla que subí aqui no muestra ese problema, en otro sforos al querer utilizarla siempre se me le cambia el color y realmente no se como solucionarlo :c
se supone que el fondo deberia de ser blanco y no oscuro
Tier
campo2 Mensajes :
72
campo3 Blood :
156477
campo4 Frasesita :
...
campo2 Mensajes : 72 campo3 Blood : 156477 campo4 Frasesita : ... | 50 mensajes publicados
Siete años
¡Siete años juntos!
|
Roshio
campo2 Mensajes :
2489
campo3 Blood :
1306279
campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Hola Tier! Veamos, segun tengo entendido con el codigo de div::-webkit-scrollbar ya deberia modificarse el scroll para tu tablilla o donde sea que colocaste ese código, pero a veces en los foros se sobreescribe el CSS de ellos sobre nuestra tablilla, por lo que habríamos de especificar más que nuestro código sea el "importante". Si tu div donde colocaste el scroll tiene nombre te recomiendo ponerselo al código así:
También añadiendo la etiqueta de !important; al final de cada elemento ayuda a que nuestro código se priorice sobre otro. Ejemplo:
Espero que eso te haya ayudado en algo
- Código:
div.NombredetuDiv::-webkit-scrollbar { especificaciones }
También añadiendo la etiqueta de !important; al final de cada elemento ayuda a que nuestro código se priorice sobre otro. Ejemplo:
- Código:
div.NombredetuDiv::-webkit-scrollbar {
background: #fff!important;
border: 2px solid #000!important;
}
Espero que eso te haya ayudado en algo
campo2 Mensajes : 2489 campo3 Blood : 1306279 campo4 Frasesita : I go ᴅʏɴᴀᴍɪɢʜᴛ . . . | Hey, hi, hello!
Estamos encantados de conocerte. (:
Cinnamon roll
Too good for this world, too pure
¡Nueve años!
Nueve años junto a nosotros ♥
Mano amiga
Has resuelto la duda de otro usuario ♥
Ayudante destacado
Has sugerido y ha sido implementado.
Ojo de águila
Detectaste un error. >: |
¡Dix love!
¡Amamos Dix Inmortal!
¡Spammer!
Participante asiduo de la zona spam
Orador
Participante de la zona de debates
Orador proclamado
¡Has creado o participado en al menos 10 debates!
Community Manager
Has invitado a un amigo al foro
Social butterfly
Has invitado a más de 5 amigos al foro
Community Manager A Tier
¡Soy coder!
Has abierto tu galería de códigos.
Soy maestro
Has subido un tutorial en la zona de códigos
Soporte al coder
Has resuelto una duda en la zona de códigos
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Soy designer!
Has abierto tu galería
Soy maestro
Has subido un tutorial en la zona gráfica
Soporte al designer
Has resuelto una duda en la zona gráfica
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Aportando!
Has subido al menos 3 recursos en la zona gráfica
¡Soy Escritor!
Subiste un fanfic o escrito propio
Soy maestro
Has subido un tutorial en la zona de escritura
1000 mensajes publicados
¡Eres todo un dixiano!
¡Aportando!
Has subido 3 aportes a la zona códigos
Jarro de Caramelos
Participaste del evento 2023
¡Encontrando fantasmas!
Participaste del evento 2023
¡Encuentra las Galletas!
Participaste en el evento 2023
Raspadito Navideño
Participaste en el evento 2023
Conejo de Pascua
Mini evento 2024
|
Tier
campo2 Mensajes :
72
campo3 Blood :
156477
campo4 Frasesita :
...
Bien, bien molestando nuevamente. Quiero que el scroll convine con la tablilla :c pero cuando intento hacer lo que me has explicado se pierde la modificación y me sale el scroll del foro y no el que yo intento poner.
te dejo elc ode por aqui:
te dejo elc ode por aqui:
campo2 Mensajes : 72 campo3 Blood : 156477 campo4 Frasesita : ... | 50 mensajes publicados
Siete años
¡Siete años juntos!
|
Roshio
campo2 Mensajes :
2489
campo3 Blood :
1306279
campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Pasa que no le pusiste nombre al div del texto que lleva el scroll, sino que pusiste ahi mismo con etiqueta style todo el código, por eso por defecto te aparece el scroll del foro.
deberías ponerlo así:
- Código:
<div style="width:200px; height:230px; padding:5px;background: #fff; font-family:PT Serif; ;color:#000;line-height:100%;overflow:auto;position:relative;left:-2px; top:-158px; font-size:10px;text-align:justify;">
deberías ponerlo así:
- Código:
<div class="textito">contenido aqui</div>
.textito { width:200px; height:230px; padding:5px; background: #fff; font-family:PT Serif; color:#000; line-height:100%; overflow:auto; position:relative; left:-2px; top:-158px; font-size:10px;text-align:justify; }
div.textito::-webkit-scrollbar { especificaciones para scroll }
campo2 Mensajes : 2489 campo3 Blood : 1306279 campo4 Frasesita : I go ᴅʏɴᴀᴍɪɢʜᴛ . . . | Hey, hi, hello!
Estamos encantados de conocerte. (:
Cinnamon roll
Too good for this world, too pure
¡Nueve años!
Nueve años junto a nosotros ♥
Mano amiga
Has resuelto la duda de otro usuario ♥
Ayudante destacado
Has sugerido y ha sido implementado.
Ojo de águila
Detectaste un error. >: |
¡Dix love!
¡Amamos Dix Inmortal!
¡Spammer!
Participante asiduo de la zona spam
Orador
Participante de la zona de debates
Orador proclamado
¡Has creado o participado en al menos 10 debates!
Community Manager
Has invitado a un amigo al foro
Social butterfly
Has invitado a más de 5 amigos al foro
Community Manager A Tier
¡Soy coder!
Has abierto tu galería de códigos.
Soy maestro
Has subido un tutorial en la zona de códigos
Soporte al coder
Has resuelto una duda en la zona de códigos
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Soy designer!
Has abierto tu galería
Soy maestro
Has subido un tutorial en la zona gráfica
Soporte al designer
Has resuelto una duda en la zona gráfica
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Aportando!
Has subido al menos 3 recursos en la zona gráfica
¡Soy Escritor!
Subiste un fanfic o escrito propio
Soy maestro
Has subido un tutorial en la zona de escritura
1000 mensajes publicados
¡Eres todo un dixiano!
¡Aportando!
Has subido 3 aportes a la zona códigos
Jarro de Caramelos
Participaste del evento 2023
¡Encontrando fantasmas!
Participaste del evento 2023
¡Encuentra las Galletas!
Participaste en el evento 2023
Raspadito Navideño
Participaste en el evento 2023
Conejo de Pascua
Mini evento 2024
|
Tier
campo2 Mensajes :
72
campo3 Blood :
156477
campo4 Frasesita :
...
Primero quiero decirte que, gracias por ayudarme y tener paciencia respondiendo preguntas que seguramente tienen una solucion sencilla, pero soy tan idiota que no las veo lol
Gracias a lo que me explicaste logre evitar que se desconfigurara, pero ahora lo que pasa es que uno de los colores elegidos sale como blanco aun cuando pongo importante en él y ya intente cambiarlo varias veces y nada.
Gracias a lo que me explicaste logre evitar que se desconfigurara, pero ahora lo que pasa es que uno de los colores elegidos sale como blanco aun cuando pongo importante en él y ya intente cambiarlo varias veces y nada.
campo2 Mensajes : 72 campo3 Blood : 156477 campo4 Frasesita : ... | 50 mensajes publicados
Siete años
¡Siete años juntos!
|
Roshio
campo2 Mensajes :
2489
campo3 Blood :
1306279
campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
No te preocupes Tier estamos para ayudar! Todas tus preguntas son validas y que mejor que así aprender y poder mejorar en lo que hacemos!
Veamos, estuve revisandolo y pasa que tu código agarra el CSS del foro, en el scroll de Dix hay un border:2px solid #fff; y no sé bien porque tu scroll lo agarra, asi que te recomiendo que hagas lo siguiente:
Y también no pusiste la etiqueta del scroll como era, tu habias puesto ::-webkit-thumb cuando es ::-webkit-scrollbar-thumb por eso no te leía el código.
Veamos, estuve revisandolo y pasa que tu código agarra el CSS del foro, en el scroll de Dix hay un border:2px solid #fff; y no sé bien porque tu scroll lo agarra, asi que te recomiendo que hagas lo siguiente:
- Código:
div.sweet::-webkit-scrollbar {height: 4px; width: 1px; background: #ccc; border:0!important; } div.sweet::-webkit-scrollbar-thumb { height: 4px; width: 1px; background: #000; border:0!important; }
Y también no pusiste la etiqueta del scroll como era, tu habias puesto ::-webkit-thumb cuando es ::-webkit-scrollbar-thumb por eso no te leía el código.
campo2 Mensajes : 2489 campo3 Blood : 1306279 campo4 Frasesita : I go ᴅʏɴᴀᴍɪɢʜᴛ . . . | Hey, hi, hello!
Estamos encantados de conocerte. (:
Cinnamon roll
Too good for this world, too pure
¡Nueve años!
Nueve años junto a nosotros ♥
Mano amiga
Has resuelto la duda de otro usuario ♥
Ayudante destacado
Has sugerido y ha sido implementado.
Ojo de águila
Detectaste un error. >: |
¡Dix love!
¡Amamos Dix Inmortal!
¡Spammer!
Participante asiduo de la zona spam
Orador
Participante de la zona de debates
Orador proclamado
¡Has creado o participado en al menos 10 debates!
Community Manager
Has invitado a un amigo al foro
Social butterfly
Has invitado a más de 5 amigos al foro
Community Manager A Tier
¡Soy coder!
Has abierto tu galería de códigos.
Soy maestro
Has subido un tutorial en la zona de códigos
Soporte al coder
Has resuelto una duda en la zona de códigos
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Soy designer!
Has abierto tu galería
Soy maestro
Has subido un tutorial en la zona gráfica
Soporte al designer
Has resuelto una duda en la zona gráfica
¡Estoy aprendiendo!
Has participado activamente en al menos 5 tutoriales
¡Aportando!
Has subido al menos 3 recursos en la zona gráfica
¡Soy Escritor!
Subiste un fanfic o escrito propio
Soy maestro
Has subido un tutorial en la zona de escritura
1000 mensajes publicados
¡Eres todo un dixiano!
¡Aportando!
Has subido 3 aportes a la zona códigos
Jarro de Caramelos
Participaste del evento 2023
¡Encontrando fantasmas!
Participaste del evento 2023
¡Encuentra las Galletas!
Participaste en el evento 2023
Raspadito Navideño
Participaste en el evento 2023
Conejo de Pascua
Mini evento 2024
|
Tier
campo2 Mensajes :
72
campo3 Blood :
156477
campo4 Frasesita :
...
gracias Roshio, gracias! estaba perdiendo la cabeza ya a estas alturas, me has salvado
campo2 Mensajes : 72 campo3 Blood : 156477 campo4 Frasesita : ... | 50 mensajes publicados
Siete años
¡Siete años juntos!
|
Contenido patrocinado
Permisos de este foro:
No puedes responder a temas en este foro.
|
|