SACADO DE OTFUSION por PELAYOV
Como tener una imagen en el sector usergroup.
Que nesesitaremos?
-Un foro mybb
-Entusiasmo
-Esta imagen(debes guardarla)
-Paciencia
---------------------o------------------------
Recolectando datos:
¿Que es especificamente el usergroup?
El usergoup, es el Postbit, que es donde, cuando lees un mensaje, sale el nombre del autor.
Que es el color rgb y hexadecimal?
Te lo daré simple, el color RGB, es el de cuando creas un color en photoshop, paint, etcetera, osea, a todos los colores en esos programas de computador, son rgb, y hexadecimal es en la web.
---------------------o------------------------
La imagen, subanla a su host, en el directorio images, nsotros la llamaremos uadmin.jpg
Antes que nada, si se fijan, la imagen termina arriba en un color solido, ahora, pasaremos ese color a hexadecimal (hex). vamos a nuestro editor de fotos, y ponemos el color de mas arriba de la imagen, debemos llegar a esto:
si se fijan, esta r,g,b, anoten los 3 numeros, respectivamente, r,g,b.
vamos a esta
web y ponemos los valores.
en nuestro caso:113,243,245 y nos dará un codigo, en nuestro caso: 71F3F5 (si lo haces en photoshop, al llegar a la imagen anterior, abajo de rgb sale un codigo, usa ese)
Recuerda el codigo!
La imagen que dije antes, debe ser una distinta para cada usergroup, esa la usaremos para el Admin.
Paso 1:
•Vamos a Admincp/Usuarios y grupos/grupos de usuario...
Y iremos al usergroup que queremos darle un nuevo "style" xd, en nuestro caso sera el Admin.
•Nesesitamos el id, que se saca de la URL, es el ultimo numero, para cada usergroup ahi uno distinto. acá vemos el del admin, que es "4"
•
Paso 2
Vamos a AdminCP > Plantillas & Estilos > Plantillas > Tu template > Caja del mensaje > postbit_classic
y buscaremos algo así:
Cita:<td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
<span class="smalltext">
{$post['usertitle']}<br />
{$post['userstars']}
{$post['groupimage']}
{$post['useravatar']}<br />
{$post['user_details']}
</span>
</td>
la parte en negrita, la sustituiremos por:
Cita:<td class="{$altbg} group-{$post['usergroup']}" width="15%" valign="top" style="white-space: nowrap; text-align: center;">
y guardamos.
Paso 3:
Vamos a AdminCP > Plantillas & Estilos > Tu template > Editar global.css > Edición Avanzada
y abajo de todo, agregaremos esto:
Cita:.group-x {
background: #000url(images/uadmin.jpg) bottom left no-repeat;
color: #fff;
}
La "X" cambiala por el id del grupo, en background, cambias el ·fff por el codigo hex de antes, y color, es el color del texto en el usergroup, (#fff blanco, #000 negro)
y uadmin, por el nombre de la imagen.
guardan y listo.
Creditos: 100% Pelayov