Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Como crear este estilo de mensaje
#1
Buenas tardes amigos de Skylium! bueno quisiera que me ayudaran un poco con esto.

He visitado la pagina de nuestro amigo @Kakashi-sensei y me ha llamado mucho la atencion este box en los mensajes:

[spoiler][Imagen: ox22ASe.jpg][/spoiler]

Se que es por codigo CSS etc, pero exactamente no se como poder hacerlo.

Y tambien me gustaria saber como poder poner la barrita verde que esta situada aqui en Skylium de noticias.

He probado un par de plugins como ayuda pero no me han dado un resultado fortuito la verdad :/.

Gracias y un saludo!!
#2
La barra no tiene misterio

Código:
<p class="noticion">Aquí tu mensaje que quieras poner</p>

y para darle color:

Código:
.noticion {
    font-family: 'Oxygen', sans-serif;
    font-size: 13px;
    padding: 5px 0;
       background: #fff;
}

Y lo otro que solicitas es más de lo mismo pero no estoy registrado en ese foro para poder sacarte el código entero.
WWW
#3
(10-10-2014, 01:18 PM)Vicen escribió: La barra no tiene misterio


Código:
<p class="noticion">Aquí tu mensaje que quieras poner</p>

y para darle color:


Código:
.noticion {
    font-family: 'Oxygen', sans-serif;
    font-size: 13px;
    padding: 5px 0;
       background: #fff;
}

Y lo otro que solicitas es más de lo mismo pero no estoy registrado en ese foro para poder sacarte el código entero.

Gracias @Vicen a ver si alguien sabe, sino le pedire permiso a @Kakashi-sensei para que me explique el codigo, etc. Gran sonrisa!
#4
Perfecto, busque en el foro pero lo que pides es un acceso de miembro he de suponer. Si no lo haria encantado. Pero sin saber la zona es dificil.
WWW
#5
(10-10-2014, 03:20 PM)Vicen escribió: Perfecto, busque en el foro pero lo que pides es un acceso de miembro he de suponer. Si no lo haria encantado.  Pero sin saber la zona es dificil.

Pienso que puede ser un BBcode expresamente para eso, manipulado mediante CSS para el diseño etc, pero igualmente seguire buscando informacion a ver que puedo encontrar por el señor google Sonrisa.
#6
Con que al menos indique donde está ubicado podre ayudarte,

el css puedes meterlo en bbcode sin mayor problema
WWW
#7
Hola @Sterben,

como comprenderás no facilitaré el código completo. El diseño web es algo que uno mismo ha de editar y crear por si mismo. Copiar contenido sin permiso no se considera "moral" y en ocasiones puedo incurrir a problemas "legales".
Igualmente, es algo sencillo de conseguir. Simplemente creas una tabla con BBCodes (o HTML) y le agregas un estilo en cascada (CSS).

Ejemplo:
Código PHP:
<table style="background: #000; width: 100%; border: 2px solid #ff00000;"><tr><td>Aquí introduces el contenido de tu tabla.</rd></tr></table

Y de ahí vas creando tu propia tabla y estilo. Si quieres puedo dejarte un tutorial pero es hacia una web externa de Skylium, y no se si se permite o no.

Saludos,
[Imagen: b6712e92-e04e-4c2b-adc7-158d2dd46f1c.png]
Administrador principal de Road to Shinobi
Tu foro ROL de Naruto - ¡Entra ya en Road to Shinobi!
WWW
#8
(10-10-2014, 03:48 PM)Vicen escribió: Con que al menos indique donde está ubicado podre ayudarte,

el css puedes meterlo en bbcode sin mayor problema

Vale ya he conseguido de acoplar todo el Codigo CSS a un BBCode, el problema esto que, no sale nada de lo que escribo paso una imagen de muestra:

[spoiler][Imagen: dkhbhil.jpg][/spoiler]

el codigo que he usado ha sido esto para el BBCode:

Código:
<table class="mod_verde"><tbody><tr><td><span style="color: #2a73a3;" original-title=""><span style="font-size: x-large;" original-title=""><span style="font-weight: bold;" original-title=""></span></td></tr></tbody></table>
#9
(10-10-2014, 04:04 PM)kakashi-sensei escribió: Hola @Sterben,

como comprenderás no facilitaré el código completo. El diseño web es algo que uno mismo ha de editar y crear por si mismo. Copiar contenido sin permiso no se considera "moral" y en ocasiones puedo incurrir a problemas "legales".
Igualmente, es algo sencillo de conseguir. Simplemente creas una tabla con BBCodes (o HTML) y le agregas un estilo en cascada (CSS).

Ejemplo:

Código PHP:
<table style="background: #000; width: 100%; border: 2px solid #ff00000;"><tr><td>Aquí introduces el contenido de tu tabla.</rd></tr></table

Y de ahí vas creando tu propia tabla y estilo. Si quieres puedo dejarte un tutorial pero es hacia una web externa de Skylium, y no se si se permite o no.

Saludos,

Comprendo la situacion no te preocupes Kakashi ^^ evidentemente no quiero explicitamente copiar tu diseño yo el diseño lo transformare como vea y a mi gusto. Pero es como una referencia para saber por donde comenzar a tocar, igualmente no te molestes por el post de arriba al ver reflejada en la imagen exactamente tu mismo diseño. Como ya te digo simplemente lo estoy probando antes de abrirlo de cara al publico, copiando el codigo y transformandolo a mi gusto.

Pido disculpas si te molesto o di a entender otra cosa que no era ^^.
#10
Hola,
(10-10-2014, 04:07 PM)Sterben escribió: el codigo que he usado ha sido esto para el BBCode:

Código:
<table class="mod_verde"><tbody><tr><td><span style="color: #2a73a3;" original-title=""><span style="font-size: x-large;" original-title=""><span style="font-weight: bold;" original-title=""></span></td></tr></tbody></table>
El problema está en tu span. Modifica el color:
Prueba este código:
Código:
<table class="mod_verde"><tbody><tr><td><span style="color: #000;" original-title=""><span style="font-size: x-large;" original-title=""><span style="font-weight: bold;" original-title=""></span></td></tr></tbody></table>

(10-10-2014, 04:10 PM)Sterben escribió: Comprendo la situacion no te preocupes Kakashi ^^ evidentemente no quiero explicitamente copiar tu diseño yo el diseño lo transformare como vea y a mi gusto. Pero es como una referencia para saber por donde comenzar a tocar, igualmente no te molestes por el post de arriba al ver reflejada en la imagen exactamente tu mismo diseño. Como ya te digo simplemente lo estoy probando antes de abrirlo de cara al publico, copiando el codigo y transformandolo a mi gusto.

Pido disculpas si te molesto o di a entender otra cosa que no era ^^.
Te recomiendo tener cuidado con estos temas. Personalmente considero que un diseño de tabla es algo fácil de conseguir con un poco de CSS y que, en muchas ocasiones, coincidirán pero hay otros temas que pueden causar problemas al copiarlos. Igualmente, ya ves que es fácil hacer una tabla ¡Me gusta!
[Imagen: b6712e92-e04e-4c2b-adc7-158d2dd46f1c.png]
Administrador principal de Road to Shinobi
Tu foro ROL de Naruto - ¡Entra ya en Road to Shinobi!
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Duda] Alguien me ayuda con este Plugins? ReyNexo23 17 591 25-07-2018, 12:30 AM
Último mensaje: GonzaloMacedo
  Como se llama el plugin de este foro para mostrar las estadisticas arriba?? YamaT 4 523 30-04-2015, 09:58 PM
Último mensaje: Minikole
  Ayuda como quito este modulo lateral en mybb? Alrynec 7 771 07-12-2014, 09:06 PM
Último mensaje: Alrynec
  Al tratar de crear un MyCode me aparece un error 404 cucho 3 614 11-10-2014, 09:51 AM
Último mensaje: Joseahfer
  Solucionado: Mensaje de Bienvenida automático al registrarse kakashi-sensei 9 972 15-08-2014, 01:10 PM
Último mensaje: Vicen
  No puedo crear ni modificar MyCodes kakashi-sensei 9 794 16-04-2014, 05:51 PM
Último mensaje: kakashi-sensei
  Solucionado: [MyCode] Crear tablas kakashi-sensei 3 840 08-03-2014, 08:38 PM
Último mensaje: papi
  Solucionado: Menu popup estilo vbulletin en los temas angelismo 3 595 16-01-2014, 07:24 PM
Último mensaje: papi
  Crear Paginas Personalizadas en MYBB Dark_Soul 7 2,733 25-12-2013, 01:15 AM
Último mensaje: Dark Neo
  [Pedido] Alguien me puede hacer un estilo similar a Black Edition? gop 5 650 26-11-2013, 09:54 PM
Último mensaje: bseca



Usuarios navegando en este tema: 1 invitado(s)