epelpad

El post que buscas se encuentra eliminado, pero este también te puede interesar

Imágenes de vBulletín 4

Muchos estamos esperando día a día novedades de vBulletin 4, y no se están haciendo esperar! YA PODEMOS VER ALGUNOS SCREENSHOTS DE CÓMO SERÁ EL NUEVO VBULLETIN 4 Y SU ESTILO (SKIN) DEFAULT!.

Header, navbar, árbol y título de la página

Imágenes de vBulletín 4

Como vemos, ahora los submenús serán tabs (solapas) y sus subcategorías serán mostradas de forma horizontal, es decir, ya no se utilizarán los típicos menúes desplegables. Este sistema reemplazaría a la famosa navbar.

Los colores utilizados, como pueden apreciar, continúan siendo similares a los de la línea del estilo default de 3.x, dado que se desea conservar una imágen que ya de por sí representa a vBulletin.

El logo es sencillo y pequeño, pero lógicamente los usuarios del sistema podrán poner sus propios logos en el tamaño que deseen.


Forumhome

vbulletin

En principio, vemos que los íconos que han utilizado en vBulletin 3 han sido tan claros, que los siguen utilizando. Se han diseñado una nueva gama de estos íconos en mayor tamaño y en transparencia (alpha) para que funcionen a la perfección con diferentes colores de fondo.

Los datos de las demás columnas se han reconvertido para ser mostrados de una forma mucho más limpia y clara por debajo del título del subforo.

El tamaño de las fuentes ha crecido, siempre en conjunción con las nuevas estéticas que están hoy en día a la moda correspondientes a la web 2.0.


Estadísticas del foro (¿Qué ocurre/Qué está pasando?)

Imágenes de vBulletín 4

También ha sido reorganizado para utilizar mejor el espacio. También las tipografías han crecido, el diseño en general es mucho más limpio.


Forumdisplay (lista de temas)

vbulletin

Nos encontramos nuevamente con una estética mucho más limpia, donde no reinan las líneas ni las tablas estrictamente marcadas.

Imágenes de vBulletín 4

El nuevo sistema de Pop-ups funciona sin javascript, lo único necesario es que el navegador admita CSS.

vbulletin

Como vemos en la imagen superior, la mayoría de los botones ahora estarán basados en CSS, de todas maneras, algunos seguirán utilizando imagenes:

Imágenes de vBulletín 4


Showthread

vbulletin

El nuevo diseño focaliza el interés en el mensaje y elimina los datos adicionales en el postbit. La sugerencia es mantenerlo de esta manera para que el centro de foco del usuario sea el contenido de los mensajes y no todo lo demás que lo único que hace es distraerlo, sin embargo, podemos activar las opciones adicionales para ver esta parte de nuestro foro más similar al "anterior" (actual) vBulletin, quedaría algo asi:

Imágenes de vBulletín 4

Formularios

vbulletin

Aquí teneís el código HTML para crear uno:

<div id="header">
<div><a href="forumhome.php" id="logo-image"><img src="images/logo.png" alt="" /></a></div>
<div id="toplinks">
<a href="#">Kier</a>
<a href="#">Settings</a>
<a href="#">Log-out</a>
</div>
<hr />
</div>

<div id="navbar">
<ul id="navtabs" class="floatcontainer">
<li><a class="navtab" href="#">Site</a></li>
<li class="selected"><a class="navtab" href="#">Forum</a>
<ul class="floatcontainer">
<li><a href="#">User CP</a></li>
<li><a href="#">New Posts</a></li>a
<li><a href="#">Today's Posts</a></li>
<li><a href="#">Mark all Forums Read</a></li>
<li><a href="#">Subscribed Threads</a></li>
<li><a href="#">Private Messages</a></li>
</ul>
</li>
<li><a class="navtab" href="#">Blog</a></li>
<li><a class="navtab" href="#">Projects</a></li>
<li><a class="navtab" href="#">Calendar</a></li>
</ul>
</div>

<div id="breadcrumb">
<ul class="floatcontainer">
<li class="navbit"><a href="#" name="top">My Site</a></li>
<li class="navbit"><a href="#">Forums</a></li>
<li class="navbit"><a href="#">General</a></li>
<li class="navbit"><a href="#">Off-Topic Stuff</a></li>
<li class="navbit"><a href="#">The Forumdisplay Example Forum</a></li>
</ul>
<hr />
</div>

<div id="pagetitle">
<h1>The New vBulletin Style Forums</h1>
<p class="description" id="welcomemessage">Welcome to The New vBulletin Style Forums.</p>
<p class="description" id="firstvisitmessage">

1 comentario - Imágenes de vBulletín 4