Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
Distintos estilos para cada categoria
MyBB-Es.com     Personalización y configuración de los foros MyBB     Tutoriales / Guías    

Distintos estilos para cada categoria

Páginas (2): 1 2   
Cluster   14 May, 2012, 8:28 pm
#1
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:
<?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:
<?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:
<?php 

.thead_1 {

    background: #026CB1 url(images/thead_bg.gif) top left repeat-x;

    color: #ffffff;

}



.thead_1 a:link {

    color: #ffffff;

    text-decoration: none;

}



.thead_1 a:visited {

    color: #ffffff;

    text-decoration: none;

}



.thead_1 a:hover, .thead_1 a:active {

    color: #ffffff;

    text-decoration: underline;

}

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 -->
:)
  
 Responder
Kevinex   14 May, 2012, 8:43 pm
#2
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
  
 Responder
Jesam   15 May, 2012, 6:37 am
#3
Muy bueno! me servirá mucho... Big Grin muchas gracias Cluster! +REP
  
 Responder
Xpress   15 May, 2012, 7:05 am
#4
Que bueno que son los FID, se podrían inventar mas cosas.
  
 Responder
ZioGuE   15 May, 2012, 7:29 am
#5
LOL soy un ***** a mi se me estaba ocurriendo hacerlo con xthreads y existiendo esta forma tan sencilla. Muchas gracias cluster.
  
 Responder
MaTiiass   15 May, 2012, 5:13 pm
#6
(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:
<?php 

.thead_1 {

    background: #026CB1 url(images/thead_bg.gif) top left repeat-x;

    color: #ffffff;

}



.thead_1 a:link {

    color: #ffffff;

    text-decoration: none;

}



.thead_1 a:visited {

    color: #ffffff;

    text-decoration: none;

}



.thead_1 a:hover, .thead_1 a:active {

    color: #ffffff;

    text-decoration: underline;

}

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:
<?php 

.thead_1 {

    background: #026CB1 url(images/thead_bg.gif) top left repeat-x;

    color: #ffffff;

}



.thead_1 a:link {

    color: #ffffff;

    text-decoration: none;

}



.thead_1 a:visited {

    color: #ffffff;

    text-decoration: none;

}



.thead_1 a:hover, .thead_1 a:active {

    color: #ffffff;

    text-decoration: underline;

}
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
  
 Responder
Cluster   15 May, 2012, 5:17 pm
#7
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
:)
  
 Responder
MaTiiass   15 May, 2012, 5:48 pm
#8
(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 :_
  
 Responder
Cluster   15 May, 2012, 6:13 pm
#9
Código PHP:
<?php 

background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
:)
  
 Responder
MaTiiass   15 May, 2012, 6:20 pm
#10
(15 May, 2012, 6:13 pm)Cluster escribió:
Código PHP:
<?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:
<?php 

.thead_1 {

    text-shadow: 0.1em 0.1em 0.2em black;

    background: ##FFFFFF;

    background: -moz-linear-gradient(top, #0372A9 0%, #02608F 44%, #00496D 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-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%);

    background: linear-gradient(top, #0372A9 0%,#02608F 44%,#00496D 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03A903', endColorstr='#006D0D',GradientType=0 ); 

    border-bottom: 1px solid #1d2b34;

    color: #FFFFFF;

    font-weight: bold;

    padding: 8px;

    text-shadow: 0.1em 0.1em #333333;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;
  
 Responder
Páginas (2): 1 2   
Tema anterior      Tema siguiente
  
 Contáctanos
 Equipo del foro
 MyBB-Es.com - Soporte para los Foros MyBB en Español
 Volver arriba
 Marcar foros como leídos
 Sindicación RSS
 Ayuda
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.