Staff en línea

[html] GimmeLove - Tablilla Informativa sencilla
Tema iniciado por y Añadir a favoritos

staff
[codebox]Una tablilla realmente sencilla para dar informaciones en tu foro. Preview: https://codepen.io/MrDesings/pen/vGderM [/codebox]



Primero: Crear el div en tu plantilla. Ve a: overall_header y coloca este div justo después:
[hidecode]
Código:
<table id="updescriclup" cellspacing="0px;" cellpadding="0px;">
  <tbody>
    <tr>
      <td>
        <div class="toppiq">TABLILLA INFORMATIVA
          <div id="piq">
            <div class="connte">
              <ul>
                <li> Primer noticia aquí</li>
                <li> Segunda noticia aquí</li>
                <li> Tercera noticia aquí</li>
                <li>Esta es otra noticia</li>
                <li>Puedes agregar todas las noticias que quieras.</li>
                <li>Otra más aquí.</li>
              </ul>
            </div>
          </div>
        </div>
      </td>
    </tr>
  </tbody>
</table>
[/hidecode]
CSS en tu hoja de estilos.
[hidecode]
Código:
#updescriclup {
  z-index: 0;
  position: absolute;
  margin-top: 2em;
}

.toppiq {
  background-color: #3A3439;
  font-family: impact;
  font-size: 33px;
  height: 29px;
  text-align: center;
  left: 12px;
  line-height: 29px;
  color: #D027C3;
  padding: 2px;
  position: absolute;
  top: -26px;
  width: 501px;
}

#piq {
  background-color: #D027C3;
  font-family: initial;
  font-size: 13px;
  height: 121px;
  line-height: 16px;
  text-transform: none;
  margin-top: 3px;
  overflow-y: auto;
  padding: 2px;
  text-align: center;
  width: 497px;
}

#piq li {
      background-image: url(http://i21.servimg.com/u/f21/17/85/69/19/112-pi10.png);
    background-color: #3A3439;
    background-repeat: no-repeat;
    background-position: 1px 1px;
    float: none;
    text-align: justify;
    font-size: 11px;
    line-height: 12px;
    padding-left: 17px;
    padding-right: 2px;
    padding-bottom: 4px;
    margin-bottom: 2px;
    color: #CECFD0;
    background-size: 13px;
}

.connte ul {
  list-style-type: none;
}
[/hidecode]
RinC
avatar

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

staff
Gracias Pauu



Enviado desde mi iPhone
Chalo
avatar

¿Que estoy pensando? :

Soy leyenda 3.0 [table class=fecha_up][td]Se modifico:20/11/18 - 12:05 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6863


Puntos :

8959


Me gusta :

1031


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

me servira mucho gracias
kuke
avatar

¿Que estoy pensando? :

diseñar y hacer amigos[table class=fecha_up][td]Se modifico:14/8/15 - 1:07 hrs.[/td][/table]


Banner en temas :

https://cherieroedirksen.files.wordpress.com/2012/11/a-new-dawn-facebook-cover.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

120


Puntos :

208


Me gusta :

40


ingreso :

27/07/2015


Sexo :

Masculino

Plataforma :

punBB


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.