¡Hola! En un foro quiero quitar el icono de mensajes nuevos, el círculito, pero es que simplemente no puedo. Ya estuve inspeccionando el elemento y checando en el foro de ayuda de foroactivo pero dicen que no se puede, cosa con la que no estoy de acuerdo ya que con mis propios ojos veo foros que si pueden (?) no sé que hagan ; ;
Lo otro, Y MÁS IMPORTANTE, no sé que demonios hice con las categorías que no se adaptan a los foros que creo ; ; o sea, se salen y pues, no, no sé que hice x'D si alguien pudiera orientarme, lo agradecería mucho.
Dejo en hide el desastre de foro.
¡Gracias!
Furukawa
campo2 Mensajes :
87
campo3 Blood :
217103
campo4 Frasesita :
Can you see his silhouette? Go on and light a c i g a r e t t e
campo2 Mensajes : 87 campo3 Blood : 217103 campo4 Frasesita : Can you see his silhouette? Go on and light a c i g a r e t t e | 50 mensajes publicados
SS Master
He ganado uno o varios Special Signature
Ocho años
¡Ocho años juntos! : D
|
Eine Krone
campo2 Mensajes :
151
campo3 Blood :
498034
campo4 Frasesita :
brekekekex koax koax
Hola hola:
Posteo para ver el desastre (?)
Edito:
El motivo por el que se te salen los foros del recuadro principal es muy simple: el elemento li.row, que es el que contiene todo el subforo, es mucho más pequeño que el subforo en sí.
Por algún motivo (quizás has posicionado elementos con elposition: absolute; o el foro no quiere jugar limpio (?)) solo cuenta la altura de li.row a la hora de alargar el recuadro. Si pones li.row {height: 277px; } debería solucionarse este problema.
En cuanto al circulito, es más complicado quitarlo porque es el fondo de dl.icon, dentro del que está el resto del contenido del subforo. Sin modificar las templates, una forma que se me ocurre de arreglarlo es cambiando ese icono en concreto por un fondo transparente:dl.icon[style*="forum_read"] {background: #00000000 !important;} . Si da problemas, otra cosa que puedes hacer es mover el icono unos 5000 píxeles (?) para que ya no se vea, esté donde esté: dl.icon[style*="forum_read"] { background-position: -5000px -5000px !important; } .
Prueba los códigos y dime qué tal
Posteo para ver el desastre (?)
Edito:
El motivo por el que se te salen los foros del recuadro principal es muy simple: el elemento li.row, que es el que contiene todo el subforo, es mucho más pequeño que el subforo en sí.
Por algún motivo (quizás has posicionado elementos con el
En cuanto al circulito, es más complicado quitarlo porque es el fondo de dl.icon, dentro del que está el resto del contenido del subforo. Sin modificar las templates, una forma que se me ocurre de arreglarlo es cambiando ese icono en concreto por un fondo transparente:
Prueba los códigos y dime qué tal
¡Tu opinión importa!
Recuerda dar tu opinión acerca del tutorial cuando lo hayas leído o puesto a prueba. Dime qué te ha gustado, qué te ha parecido complicado, qué te ha funcionado, qué no... ¡Es la única manera para mejorar la calidad de los tutoriales!campo2 Mensajes : 151 campo3 Blood : 498034 campo4 Frasesita : brekekekex koax koax | Ojo de águila
Detectaste un error. >: |
¡Encontrando fantasmas!
Participaste del evento 2023
Jarro de Caramelos
Participaste del evento 2023
Ayudante destacado
Has sugerido y ha sido implementado.
Soporte al coder
Has resuelto una duda en la zona de códigos
Soy maestro
Has subido un tutorial en la zona de códigos
¡Dix love!
¡Amamos Dix Inmortal!
Mano amiga
Has resuelto la duda de otro usuario ♥
Cinnamon roll
Too good for this world, too pure
¡Aportando!
Has subido 3 aportes a la zona códigos
Coder Supreme
He ganado en uno o varios Code Challenge
Challenger
Participo en los Code Challenges
Raspadito Navideño
Participaste en el evento 2023
¡Seis años!
¡Seis años juntos! ♥
150 mensajes publicados
|
Roshio
campo2 Mensajes :
2489
campo3 Blood :
1306679
campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
A la respuesta de Eine, yo solo debo decir: ¿Por que no quitas la imagen directamente desde el panel de administracion?
Visualización > Imágenes > Gestión de las imágenes > Modo Avanzado > Iconos del foro
Otra cosa, veo que el height del cuerpo del foro esta algo corto, asi que queria preguntar, ¿pusiste algun elemento position absolute para que queden flotando fuera los subforos?
Visualización > Imágenes > Gestión de las imágenes > Modo Avanzado > Iconos del foro
Otra cosa, veo que el height del cuerpo del foro esta algo corto, asi que queria preguntar, ¿pusiste algun elemento position absolute para que queden flotando fuera los subforos?
campo2 Mensajes : 2489 campo3 Blood : 1306679 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
|
Furukawa
campo2 Mensajes :
87
campo3 Blood :
217103
campo4 Frasesita :
Can you see his silhouette? Go on and light a c i g a r e t t e
¡Muchas gracias a ambas! Me ha funcionado perfectamente lo que me dijiste Eine, ahora me siento jodiamente noob, jeje (?) ¡Y también me funcionó lo tuyo, Roshio! Me estaba liando tanto por unas cositas.
Y aunque ya lo tengo todo acomodado, ¿es malo que ponga posiciones en absolute? Porque, tengo muchas ; ; ¿me afectará en un futuro?
Y aunque ya lo tengo todo acomodado, ¿es malo que ponga posiciones en absolute? Porque, tengo muchas ; ; ¿me afectará en un futuro?
campo2 Mensajes : 87 campo3 Blood : 217103 campo4 Frasesita : Can you see his silhouette? Go on and light a c i g a r e t t e | 50 mensajes publicados
SS Master
He ganado uno o varios Special Signature
Ocho años
¡Ocho años juntos! : D
|
Eine Krone
campo2 Mensajes :
151
campo3 Blood :
498034
campo4 Frasesita :
brekekekex koax koax
Hola de nuevo:
Lo que ocurre si usasposition: absolute es que el elemento es como si flotara: aquí te pongo un ejemplo rápido para que veas qué te digo. El div rojo transparente no lleva ningún tipo de position:
Ahora, le añadimosposition: absolute; top: 50px; left: 10px; y mira qué pasa:
¿Ves? El elemento ya no hace parte de la jerarquía, es decir, ya no se tiene en cuenta su alto/ancho porque está flotando él solo. Si te fijas, han cambiado de tamaño los recuadros y el elemento se sobrepone al texto. Es como un elemento aparte, no sé si me explico. Si tienes cosas conheight: auto; y dentro tienes elementos con position: absolute; , estos últimos no influirán en el tamaño de ese elemento con height: auto . No es malo utilizar position: absolute; pero tienes que utilizarlos con cabeza.
Lo que ocurre si usas
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra a nulla in faucibus. Phasellus nec magna pellentesque, tristique lorem ac, egestas sapien. Pellentesque a rutrum nisi. Fusce lacus orci, sagittis a diam ut, tincidunt maximus eros. Suspendisse dictum nibh scelerisque lorem pretium semper. Vestibulum rhoncus mauris risus, id interdum ex semper nec. Phasellus sed libero enim.
Morbi quis tincidunt eros, a sodales libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus finibus dignissim pellentesque. Sed eros mauris, venenatis ac placerat non, consectetur vel risus. Nam lacinia iaculis urna, a placerat diam fermentum a. Phasellus cursus dictum augue, eget dignissim lectus porttitor sit amet. Nullam ut volutpat arcu, vestibulum convallis sem. Aliquam dignissim lectus at felis tincidunt, ac pulvinar turpis consequat. Etiam bibendum quam odio, ac tristique velit efficitur at. Sed molestie ante nec justo malesuada, sed accumsan augue consectetur. Vestibulum vel vestibulum sem. Donec pharetra tempus lobortis. Integer cursus purus ut augue consequat elementum. Aliquam eget aliquet massa. Duis sit amet arcu consectetur, euismod mi id, euismod augue. Proin quis tortor gravida orci dapibus fermentum sit amet vel neque.
Morbi quis tincidunt eros, a sodales libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus finibus dignissim pellentesque. Sed eros mauris, venenatis ac placerat non, consectetur vel risus. Nam lacinia iaculis urna, a placerat diam fermentum a. Phasellus cursus dictum augue, eget dignissim lectus porttitor sit amet. Nullam ut volutpat arcu, vestibulum convallis sem. Aliquam dignissim lectus at felis tincidunt, ac pulvinar turpis consequat. Etiam bibendum quam odio, ac tristique velit efficitur at. Sed molestie ante nec justo malesuada, sed accumsan augue consectetur. Vestibulum vel vestibulum sem. Donec pharetra tempus lobortis. Integer cursus purus ut augue consequat elementum. Aliquam eget aliquet massa. Duis sit amet arcu consectetur, euismod mi id, euismod augue. Proin quis tortor gravida orci dapibus fermentum sit amet vel neque.
- Spoiler:
- Código:
<div class="ekcod"><div style="width: 480px; height: 100px; background: #aa0000aa; display: block;"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra a nulla in faucibus. Phasellus nec magna pellentesque, tristique lorem ac, egestas sapien. Pellentesque a rutrum nisi. Fusce lacus orci, sagittis a diam ut, tincidunt maximus eros. Suspendisse dictum nibh scelerisque lorem pretium semper. Vestibulum rhoncus mauris risus, id interdum ex semper nec. Phasellus sed libero enim.
Morbi quis tincidunt eros, a sodales libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus finibus dignissim pellentesque. Sed eros mauris, venenatis ac placerat non, consectetur vel risus. Nam lacinia iaculis urna, a placerat diam fermentum a. Phasellus cursus dictum augue, eget dignissim lectus porttitor sit amet. Nullam ut volutpat arcu, vestibulum convallis sem. Aliquam dignissim lectus at felis tincidunt, ac pulvinar turpis consequat. Etiam bibendum quam odio, ac tristique velit efficitur at. Sed molestie ante nec justo malesuada, sed accumsan augue consectetur. Vestibulum vel vestibulum sem. Donec pharetra tempus lobortis. Integer cursus purus ut augue consequat elementum. Aliquam eget aliquet massa. Duis sit amet arcu consectetur, euismod mi id, euismod augue. Proin quis tortor gravida orci dapibus fermentum sit amet vel neque.</div><style>.ekcod {width: 500px; padding: 10px; height: auto; position: relative; outline: 3px solid; outline-offset: 3px; margin: 0 auto;}</style>
Ahora, le añadimos
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra a nulla in faucibus. Phasellus nec magna pellentesque, tristique lorem ac, egestas sapien. Pellentesque a rutrum nisi. Fusce lacus orci, sagittis a diam ut, tincidunt maximus eros. Suspendisse dictum nibh scelerisque lorem pretium semper. Vestibulum rhoncus mauris risus, id interdum ex semper nec. Phasellus sed libero enim.
Morbi quis tincidunt eros, a sodales libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus finibus dignissim pellentesque. Sed eros mauris, venenatis ac placerat non, consectetur vel risus. Nam lacinia iaculis urna, a placerat diam fermentum a. Phasellus cursus dictum augue, eget dignissim lectus porttitor sit amet. Nullam ut volutpat arcu, vestibulum convallis sem. Aliquam dignissim lectus at felis tincidunt, ac pulvinar turpis consequat. Etiam bibendum quam odio, ac tristique velit efficitur at. Sed molestie ante nec justo malesuada, sed accumsan augue consectetur. Vestibulum vel vestibulum sem. Donec pharetra tempus lobortis. Integer cursus purus ut augue consequat elementum. Aliquam eget aliquet massa. Duis sit amet arcu consectetur, euismod mi id, euismod augue. Proin quis tortor gravida orci dapibus fermentum sit amet vel neque.
Morbi quis tincidunt eros, a sodales libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus finibus dignissim pellentesque. Sed eros mauris, venenatis ac placerat non, consectetur vel risus. Nam lacinia iaculis urna, a placerat diam fermentum a. Phasellus cursus dictum augue, eget dignissim lectus porttitor sit amet. Nullam ut volutpat arcu, vestibulum convallis sem. Aliquam dignissim lectus at felis tincidunt, ac pulvinar turpis consequat. Etiam bibendum quam odio, ac tristique velit efficitur at. Sed molestie ante nec justo malesuada, sed accumsan augue consectetur. Vestibulum vel vestibulum sem. Donec pharetra tempus lobortis. Integer cursus purus ut augue consequat elementum. Aliquam eget aliquet massa. Duis sit amet arcu consectetur, euismod mi id, euismod augue. Proin quis tortor gravida orci dapibus fermentum sit amet vel neque.
- Spoiler:
- Código:
<div class="ekcod"><div style="width: 500px; height: 100px; background: #aa0000aa; display: block; position: absolute; top: 50px; left: 0px;"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra a nulla in faucibus. Phasellus nec magna pellentesque, tristique lorem ac, egestas sapien. Pellentesque a rutrum nisi. Fusce lacus orci, sagittis a diam ut, tincidunt maximus eros. Suspendisse dictum nibh scelerisque lorem pretium semper. Vestibulum rhoncus mauris risus, id interdum ex semper nec. Phasellus sed libero enim.
Morbi quis tincidunt eros, a sodales libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus finibus dignissim pellentesque. Sed eros mauris, venenatis ac placerat non, consectetur vel risus. Nam lacinia iaculis urna, a placerat diam fermentum a. Phasellus cursus dictum augue, eget dignissim lectus porttitor sit amet. Nullam ut volutpat arcu, vestibulum convallis sem. Aliquam dignissim lectus at felis tincidunt, ac pulvinar turpis consequat. Etiam bibendum quam odio, ac tristique velit efficitur at. Sed molestie ante nec justo malesuada, sed accumsan augue consectetur. Vestibulum vel vestibulum sem. Donec pharetra tempus lobortis. Integer cursus purus ut augue consequat elementum. Aliquam eget aliquet massa. Duis sit amet arcu consectetur, euismod mi id, euismod augue. Proin quis tortor gravida orci dapibus fermentum sit amet vel neque.</div>
¿Ves? El elemento ya no hace parte de la jerarquía, es decir, ya no se tiene en cuenta su alto/ancho porque está flotando él solo. Si te fijas, han cambiado de tamaño los recuadros y el elemento se sobrepone al texto. Es como un elemento aparte, no sé si me explico. Si tienes cosas con
¡Tu opinión importa!
Recuerda dar tu opinión acerca del tutorial cuando lo hayas leído o puesto a prueba. Dime qué te ha gustado, qué te ha parecido complicado, qué te ha funcionado, qué no... ¡Es la única manera para mejorar la calidad de los tutoriales!campo2 Mensajes : 151 campo3 Blood : 498034 campo4 Frasesita : brekekekex koax koax | Ojo de águila
Detectaste un error. >: |
¡Encontrando fantasmas!
Participaste del evento 2023
Jarro de Caramelos
Participaste del evento 2023
Ayudante destacado
Has sugerido y ha sido implementado.
Soporte al coder
Has resuelto una duda en la zona de códigos
Soy maestro
Has subido un tutorial en la zona de códigos
¡Dix love!
¡Amamos Dix Inmortal!
Mano amiga
Has resuelto la duda de otro usuario ♥
Cinnamon roll
Too good for this world, too pure
¡Aportando!
Has subido 3 aportes a la zona códigos
Coder Supreme
He ganado en uno o varios Code Challenge
Challenger
Participo en los Code Challenges
Raspadito Navideño
Participaste en el evento 2023
¡Seis años!
¡Seis años juntos! ♥
150 mensajes publicados
|
Contenido patrocinado
Permisos de este foro:
No puedes responder a temas en este foro.