Distintos estilos para cada categoria
Hay muchos usos del CSS combinado con el sistema de variables de MyBB, a continuación les dejare una guia básica de como usar dicho sistema de variab...

Hay muchos usos del CSS combinado con el sistema de variables de MyBB, a continuación les dejare una guia básica de como usar dicho sistema de variables, para conseguir un estilo distinto para cada categoría de tu foro Wink

1- Lo primero: Tienes que ir a Panel de administración > Estilos y Plantillas > "Tu theme" > Caja del foro > forumbit_depth1_cat

2- Hay que buscar:
Código PHP:
<td class="thead" colspan="5"

y hay que dejarlo así (si el colspan varía, respeta el numero que tiene indicado)
Código PHP:
<td class="thead_{$forum['fid']}colspan="5"

3- Ahora aquí va el truco y la explicación (para que entiendan lo que hace): Cada class="" llama a un atributo desde la hoja de estilo (global, showthread y etc .css) como es en este caso thead, la variable {$forum['fid']} es remplazada por el "FID" de cada foro/categoría... lo que quedaría ya reproducido como: thead_1, thead_2 y etc.

Pero, donde se consigue dicho FID?.

S tu vas a tu panel de admin y clickeas una categoría para editarla, en tu barra de direcciones encontraras esto
[Imagen: copiadexd.png]

Bien si todo entendido hasta aqui, seguimos con el final del tutorial.

4- Teniendo en cuenta el FID de la categoría, hay que agregar a tu global.css si el FID es el 1 por ejemplo. (OJO: este solo es un ejemplo, para editar el color y etc ya te corresponde a ti, el ejemplo es del estilo default de MyBB)

Código PHP:
.thead_1 {
    
background#026CB1 url(images/thead_bg.gif) top left repeat-x;
    
color#ffffff;
}

.
thead_1 a:link {
    
color#ffffff;
    
text-decorationnone;
}

.
thead_1 a:visited {
    
color#ffffff;
    
text-decorationnone;
}

.
thead_1 a:hover, .thead_1 a:active {
    
color#ffffff;
    
text-decorationunderline;


en caso de que el FID sea 25 por así decirlo, tendrías que agregar thead_25 y así hasta abarcar cada categoría.

Wink por ultimo aquí dejo el resultado.

[Imagen: copiadexd.png]

Un saludo y espero sea entendible para todos Smile

<!-- si compartes deja creditos a mi y a MyBB-Es.com -->
:)
uyyyyyy muy bueno!! Capas lo use en algún momento! Buen tuto Clus
www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda
Muy bueno! me servirá mucho... Big Grin muchas gracias Cluster! +REP
Que bueno que son los FID, se podrían inventar mas cosas.
LOL soy un ***** a mi se me estaba ocurriendo hacerlo con xthreads y existiendo esta forma tan sencilla. Muchas gracias cluster.
(14 May, 2012, 8:28 pm)Cluster escribió: 3- Ahora aquí va el truco y la explicación (para que entiendan lo que hace): Cada class="" llama a un atributo desde la hoja de estilo (global, showthread y etc .css) como es en este caso thead, la variable {$forum['fid']} es remplazada por el "FID" de cada foro/categoría... lo que quedaría ya reproducido como: thead_1, thead_2 y etc.

Pero, donde se consigue dicho FID?.

S tu vas a tu panel de admin y clickeas una categoría para editarla, en tu barra de direcciones encontraras esto
[Imagen: copiadexd.png]

Bien si todo entendido hasta aqui, seguimos con el final del tutorial.

4- Teniendo en cuenta el FID de la categoría, hay que agregar a tu global.css si el FID es el 1 por ejemplo. (OJO: este solo es un ejemplo, para editar el color y etc ya te corresponde a ti, el ejemplo es del estilo default de MyBB)

Código PHP:
.thead_1 {
    
background#026CB1 url(images/thead_bg.gif) top left repeat-x;
    
color#ffffff;
}

.
thead_1 a:link {
    
color#ffffff;
    
text-decorationnone;
}

.
thead_1 a:visited {
    
color#ffffff;
    
text-decorationnone;
}

.
thead_1 a:hover, .thead_1 a:active {
    
color#ffffff;
    
text-decorationunderline;


en caso de que el FID sea 25 por así decirlo, tendrías que agregar thead_25 y así hasta abarcar cada categoría.

Wink por ultimo aquí dejo el resultado.

[Imagen: copiadexd.png]

Un saludo y espero sea entendible para todos Smile

<!-- si compartes deja creditos a mi y a MyBB-Es.com -->

disculpa yo no entendi esto...
1º hay que agregar
Código PHP:
.thead_1 {
    
background#026CB1 url(images/thead_bg.gif) top left repeat-x;
    
color#ffffff;
}

.
thead_1 a:link {
    
color#ffffff;
    
text-decorationnone;
}

.
thead_1 a:visited {
    
color#ffffff;
    
text-decorationnone;
}

.
thead_1 a:hover, .thead_1 a:active {
    
color#ffffff;
    
text-decorationunderline;

esto 1 abajo del otro o como lo hay que hacer...
2º deje el pao 3 en la cita por si mi problema esta ahi
el prefijo numerico sera del FID de tu categoria.... si tus categorias son por ejemplo: 10,51,84,30 tendras que agregar 3 nuevos class a tu hoja de estilos por cada FID

.thead_10
.thead_51
.thead_84
.thead_30
:)
(15 May, 2012, 5:17 pm)Cluster escribió: el prefijo numerico sera del FID de tu categoria.... si tus categorias son por ejemplo: 10,51,84,30 tendras que agregar 3 nuevos class a tu hoja de estilos por cada FID

.thead_10
.thead_51
.thead_84
.thead_30
Listo Gracias

ahora por otra parte que debo editar para darle color porque edito y solo el texto cambia de color :_
Código PHP:
background#026CB1 url(images/thead_bg.gif) top left repeat-x; 
:)
(15 May, 2012, 6:13 pm)Cluster escribió:
Código PHP:
background#026CB1 url(images/thead_bg.gif) top left repeat-x; 

ami eso no me aparece :_

mira aqui te dejo lo que esta en mi theme (ace navy)

Código PHP:
.thead_1 {
    
text-shadow0.1em 0.1em 0.2em black;
    
background##FFFFFF;
    
background: -moz-linear-gradient(top#0372A9 0%, #02608F 44%, #00496D 100%);
    
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#0372A9), color-stop(44%,#028F0B), color-stop(100%,#6d0019));
    
background: -webkit-linear-gradient(top#0372A9 0%,#02608F 44%,#00496D 100%);
    
background: -o-linear-gradient(top#0372A9 0%,#02608F 44%,#00496D 100%);
    
background: -ms-linear-gradient(top#0372A9 0%,#02608F 44%,#00496D 100%);
    
backgroundlinear-gradient(top#0372A9 0%,#02608F 44%,#00496D 100%);
    
filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#03A903'endColorstr='#006D0D',GradientType=); 
    
border-bottom1px solid #1d2b34;
    
color#FFFFFF;
    
font-weightbold;
    
padding8px;
    
text-shadow0.1em 0.1em #333333;
    
-moz-border-radius-topleft5px;
    -
moz-border-radius-topright5px;
    -
webkit-border-top-left-radius5px;
    -
webkit-border-top-right-radius5px;
    
border-top-left-radius5px;
    
border-top-right-radius5px