He visto por ahí un estilo de foros que me ha encantado y me remito a vosotros para aprender a hacerlo ya que me he estancado de buenas a primeras sin trastear nada.
El estilo es este:
me da a mi que vaya a necesitar trastear el template al menos para juntar los mensajes y temas en un solo div pero como pongo por ejemplo una sola imagen de fondo? Como junto en un cuadro el titulo y la descripción del foro?
En fin, gracias de antemano y siento ser tan pelmaza XD
BellaBlackCrews
campo2 Mensajes :
109
campo3 Blood :
135172
campo4 Frasesita :
Paciencia conmigo. Soy novata :3
campo2 Mensajes : 109 campo3 Blood : 135172 campo4 Frasesita : Paciencia conmigo. Soy novata :3 | 50 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
|
Athenea
campo2 Mensajes :
329
campo3 Blood :
278685
campo4 Frasesita :
______________________
Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.
______________________
Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.
______________________
Si lo que quieres bajar el título, en el CSS puedes usar el margin-top, y el margin-bottom para la descripción, por ejemplo:
margin-top: 11px;
margin-bottom: -25px;
Obviamente los números los vas a colocar a como se acomodé a tu foro, sólo es un ejemplo. De preferencia te recomiendo bajar primero el título con el margin top.
Ah... y el fondo de la descripción si tienes un background de color, sólo lo cambias por una imagen, por ejemplo:
background: url('aquí el link');
Sería más fácil ayudarte si pudiera ver el foro.
¡Saludos!!
margin-top: 11px;
margin-bottom: -25px;
Obviamente los números los vas a colocar a como se acomodé a tu foro, sólo es un ejemplo. De preferencia te recomiendo bajar primero el título con el margin top.
Ah... y el fondo de la descripción si tienes un background de color, sólo lo cambias por una imagen, por ejemplo:
background: url('aquí el link');
Sería más fácil ayudarte si pudiera ver el foro.
¡Saludos!!
Athenea
"
Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.campo2 Mensajes : 329 campo3 Blood : 278685 campo4 Frasesita : ______________________ Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande. ______________________ | 150 mensajes publicados
Jarro de Caramelos
Participaste del evento 2023
Soy maestro
Has subido un tutorial en la zona de escritura
¡Soy coder!
Has abierto tu galería de códigos.
Challenger
Participo en los Code Challenges
Coder Supreme
He ganado en uno o varios Code Challenge
¡Encuentra las Galletas!
Participaste en el evento 2023
Raspadito Navideño
Participaste en el evento 2023
Siete años
¡Siete años juntos!
|
BellaBlackCrews
campo2 Mensajes :
109
campo3 Blood :
135172
campo4 Frasesita :
Paciencia conmigo. Soy novata :3
¡Hola! Gracias mil jeje el foro es este: http://renegades-mh.foroactivo.com/ como ves aun le queda bastante :P Probaré a ver si es eso lo que yo queria y te digo.
campo2 Mensajes : 109 campo3 Blood : 135172 campo4 Frasesita : Paciencia conmigo. Soy novata :3 | 50 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
|
BellaBlackCrews
campo2 Mensajes :
109
campo3 Blood :
135172
campo4 Frasesita :
Paciencia conmigo. Soy novata :3
Hola. Llevo un rato mirando pero ni se bien que devo hacer. Si pongo en las descripciones un div con la imagen de fondo y eso, no logro poner el resto (descripción, enlaces y nombre) en un mismo cuadrito como en el ejemplo así que deduzco que debe ser algo de codes o incluso template pero no se bien ni por donde empezar XD
EDITO: Aunque sigo interesada en saber como hacerlos ahora mismo pienso que recargaria el foro demasiado así que trataré de buscar otro tipo de subforos que sean algo mas light ^^
EDITO: Aunque sigo interesada en saber como hacerlos ahora mismo pienso que recargaria el foro demasiado así que trataré de buscar otro tipo de subforos que sean algo mas light ^^
campo2 Mensajes : 109 campo3 Blood : 135172 campo4 Frasesita : Paciencia conmigo. Soy novata :3 | 50 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
|
Invitado
Lo que tu quieres son los subforos (por lo que veo), aquí te explican como hacerlo.
http://dixinmortal.vampire-legend.net/t7613-tutorial-editar-subforos-css-only-skin
Te recomiendo mirar el indice de tutoriales
http://dixinmortal.vampire-legend.net/t7549-indice-de-tutoriales
http://dixinmortal.vampire-legend.net/t7613-tutorial-editar-subforos-css-only-skin
Te recomiendo mirar el indice de tutoriales
http://dixinmortal.vampire-legend.net/t7549-indice-de-tutoriales
Athenea
campo2 Mensajes :
329
campo3 Blood :
278685
campo4 Frasesita :
______________________
Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.
______________________
Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.
______________________
BellaBlackCrews escribió:Hola. Llevo un rato mirando pero ni se bien que devo hacer. Si pongo en las descripciones un div con la imagen de fondo y eso, no logro poner el resto (descripción, enlaces y nombre) en un mismo cuadrito como en el ejemplo así que deduzco que debe ser algo de codes o incluso template pero no se bien ni por donde empezar XD
EDITO: Aunque sigo interesada en saber como hacerlos ahora mismo pienso que recargaria el foro demasiado así que trataré de buscar otro tipo de subforos que sean algo mas light ^^
En realidad no sé exactamente cómo lo quieras o qué estás intentando hacer, pero traté de acomodartelo un poco para que se viera más o menos así. Sólo que la imagen del dragón se ve así porque debería de ser de 110 x 100 para que ocupe todo el cuadrito. Es tu mismo code editado.
- Código:
a.forumtitle {
background: #7b4;
color: #fff;
display: block;
font-family: 'Merriweather Sans';
font-size: 15px;
font-weight: lighter;
left: 45px;
letter-spacing: 5px;
padding-bottom: 8px;
padding-left: 20px;
padding-top: 12px;
position: relative;
text-align: left;
top: 16px;
width: 600px;
margin-left: -43px;
}
- Código:
.imagen01 {
border: 2px solid #7b4;
height: 110px;
width: 100px;
- Código:
.descripcion01 {
border: 2px solid #7b4;
font-size: 12px;
height: 100px;
overflow: auto;
padding: 5px;
width: 500px;
text-align: justify;
font-family: verdana;
letter-spacing: -1px;
}
Athenea
"
Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande.campo2 Mensajes : 329 campo3 Blood : 278685 campo4 Frasesita : ______________________ Tenerme a mí es tenerlo todo, no hay escudo más poderoso, no hay recompensa más grande. ______________________ | 150 mensajes publicados
Jarro de Caramelos
Participaste del evento 2023
Soy maestro
Has subido un tutorial en la zona de escritura
¡Soy coder!
Has abierto tu galería de códigos.
Challenger
Participo en los Code Challenges
Coder Supreme
He ganado en uno o varios Code Challenge
¡Encuentra las Galletas!
Participaste en el evento 2023
Raspadito Navideño
Participaste en el evento 2023
Siete años
¡Siete años juntos!
|
BellaBlackCrews
campo2 Mensajes :
109
campo3 Blood :
135172
campo4 Frasesita :
Paciencia conmigo. Soy novata :3
Muchisimas gracias *0*
campo2 Mensajes : 109 campo3 Blood : 135172 campo4 Frasesita : Paciencia conmigo. Soy novata :3 | 50 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
|
Roshio
campo2 Mensajes :
2489
campo3 Blood :
1305579
campo4 Frasesita :
I go b o o m
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
ᴅʏɴᴀᴍɪɢʜᴛ
. . .
Hola Bella, te recomiendo leer nuestro tutorial de Editar subforos en el template, es la forma más fácil de hacer los subforos como el foro que mencionas. ¡Saludos!
campo2 Mensajes : 2489 campo3 Blood : 1305579 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
|
BellaBlackCrews
campo2 Mensajes :
109
campo3 Blood :
135172
campo4 Frasesita :
Paciencia conmigo. Soy novata :3
¡Hola! Gracias a todos. Si, es cierto que miré el indice de tutos especialmente el de los subforos tanto en CSS como en template pero me dio que no era eso exactamente por eso no los miré del todo jeje pero ahora ya se que para ese efecto lo que he de hacer es leer del todo el del Template. ¡¡Muchas gracias!!
campo2 Mensajes : 109 campo3 Blood : 135172 campo4 Frasesita : Paciencia conmigo. Soy novata :3 | 50 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
|
Contenido patrocinado
Permisos de este foro:
No puedes responder a temas en este foro.
|
|