[TUT!] CBI (Custom Board Icons) con una personalización extra
Para empezar, necesitaremos el archivo
BoardIndex.template.php de nuestro tema, buscamos desde el siguiente código:
/* Each board in each category's boards has:
new (is it new?), id, name, description, moderators (see below), link_moderators (just a list.),
children (see below.), link_children (easier to use.), children_new (are they new?),
topics (# of), posts (# of), link, href, and last_post. (see below.) */Hasta el siguiente código dado:// Has it outstanding posts for approval?Remplazaremos el desde - hasta códigos dados por el siguiente:Quote /* Each board in each category's boards has:
new (is it new?), id, name, description, moderators (see below), link_moderators (just a list.),
children (see below.), link_children (easier to use.), children_new (are they new?),
topics (# of), posts (# of), link, href, and last_post. (see below.) */
foreach ($category['boards'] as $board)
{
echo '
<tr id="board_', $board['id'], '" class="windowbg2">';
$imagen_foro['local_url'] = $settings['theme_dir'].'/iconos/';
$imagen_foro['web_url'] = $settings['theme_url'].'/iconos/';
if(file_exists($imagen_foro['local_url'].''.(int)$board['id'].'.png'))
$imagen_foro['on'] = $imagen_foro['web_url'].''.(int)$board['id'].'.png';
else
$imagen_foro['on'] = $imagen_foro['web_url'].'on.gif';
if(file_exists($imagen_foro['local_url'].''.(int)$board['id'].'.png'))
$imagen_foro['off'] = $imagen_foro['web_url'].''.(int)$board['id'].'.png';
else
$imagen_foro['off'] = $imagen_foro['web_url'].'off.gif';
echo '';
// If the board or children is new, show an indicator.
if ($board['new'] || $board['children_new'])
echo '
<td class="icon icono_on"', !empty($board['children']) ? ' rowspan="2"' : '', '>
<a href="', ($board['is_redirect'] || $context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '">
<img src="'.$imagen_foro['on'].'" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" /></a></td>';
// Is it a redirection board?
elseif ($board['is_redirect'])
echo '
<td class="icon windowbg"', !empty($board['children']) ? ' rowspan="2"' : '', '>
<a href="', ($board['is_redirect'] || $context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '">
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'redirect.png" alt="*" title="*" /></a></td>';
// No new posts at all! The agony!!
else
echo '
<td class="icon icono_off"', !empty($board['children']) ? ' rowspan="2"' : '', '>
<a href="', ($board['is_redirect'] || $context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '">
<img src="'.$imagen_foro['off'].'" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" /></a></td>';
echo '
<td class="info windowbg2" width="40%">
<a class="subject" href="', $board['href'], '" name="b', $board['id'], '">', $board['name'], '</a>';
Luego crearemos en la carpeta del tema actual una carpeta llamada
iconos donde adentro deben ir las imagenes de cada foro y esto se hace por id, veamos un ejemplo claro.
Deseo poner icono personalizado a Discusión General, su id es 2 lo sabemos por lo siguiente http://www.skinmod.eu/index.php?board= (http://www.skinmod.eu/index.php?board=)
2.0 ese número indica la id del foro y con el entonces nombramos la imagén que deseo que aparezca en ese foro con el nombre de 2.png. Luego así con cada sección.
Pero antes, necesitaremos agregar esto a nuestro
css/index.css.icono_on{
background-color: #D3FFC8;
}
.icono_off{
background-color: #F9FFD7;
}Si deseamos un mejor estilo con CSS3 y degradados, ponemos en vez de lo anterior esto:.icono_on{
background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #a9db80 0%,#96c56f 100%); /* W3C */
}
.icono_off{
background: #e5e696; /* Old browsers */
background: -moz-linear-gradient(top, #e5e696 0%, #d1d360 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e696), color-stop(100%,#d1d360)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e696 0%,#d1d360 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e696 0%,#d1d360 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e5e696 0%,#d1d360 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e5e696 0%,#d1d360 100%); /* W3C */
}Listo, estaremos completo y obtendremos como mostre arriba. Agradecimientos a
@WHK (http://whk.webcomparte.com/) por que brindo el código en su comunidad que tenía anteriormente.
Saludos,
JSX3.
muy buen manual, pero creo que debería de ir en el subforo Tutoriales (http://www.simplemachines.org/community/index.php?board=100.0).
;)
Muy bueno el tuto jeje
:)
Quote from: 130860 on May 14, 2009, 01:14:10 PM
muy buen manual, pero creo que debería de ir en el subforo Tutoriales (http://www.simplemachines.org/community/index.php?board=100.0).
;)
No sabía donde ponerlo, contactaré con NIBOGO o algún MOD de castellano y veo la posibilidad ;)!.
Buen tuto, ya se acabaran los post "Problema con CBI" xDD
Saludos y gracias
Movido a Tutoriales
Saludos
valele para la RC1?
por lo que veo solo pone 2.0 Beta 3.1 Public, aunque editandolo manualmete no creo que tenga problemas.
si algien lo tiene instalado en la RC1 que me lo postee aqui.
saludos
Si, creo que la instalacion manual es la misma o.O
Debe servir perfectamente porque la edicion que hace el mod es demasiado simple
magnifico mods...cada dia estoy mas sorprendido con smf, ya que yo vengo de tener varios foros ya, unos con xoops otros con nuke y otros con phpbb y me alegro enormemente de haber conocido este, ya que hay una diferencia enorme tanto a la hora de administrar, como a la hora de instalar mods, es increible lo facil que es y la cantidad de trabajo que nos ahorra.
En la actualidad estoy traspasando el foro que tengo a smf asi que esto va para largo, lastima que las tablas de la db no sean las mismas ya que perderé muchísima información....
NOTA: Por casualidad no existirá algo que pueda convertir de xoops a smf?? mil gracias a todos los que haceis posible esta comunidad.... un abrazo.
el foro que quiero traspasar es http://www.clubterracan.net si alguien puede ayudarme se lo agradeceria muchisimo... ;D
hola bombero, por favor no escribas en rojo ;) y en cuanto a xoops, actualmente existe un puente para unir xoops con tu foro smf
http://download.simplemachines.org/?bridges
SMF 1.1 Xoops 2.0.x Bridge 1.1 beta 2
http://www.simplemachines.org/community/index.php?topic=173730.0
saludos !
Quote from: 130860 on May 23, 2009, 11:38:27 PM
hola bombero, por favor no escribas en rojo ;) y en cuanto a xoops, actualmente existe un puente para unir xoops con tu foro smf
http://download.simplemachines.org/?bridges
SMF 1.1 Xoops 2.0.x Bridge 1.1 beta 2
http://www.simplemachines.org/community/index.php?topic=173730.0
saludos !
solucionado lo del color rojo, disculpas... ;) , y ahora agradecerte tu respuesta, hoy domingo me pondré manos a la obra aunque supongo que no será nada fácil y me llevará su tiempo, ya os informaré de cmo va el proceso.
Muchas gracias por el manual y los datos .J.
Me he permitido hacer un videotutorial que espero
les sirva. Claro, de esto le doy crédito a .J. por que
sin la información que el compartió, estos videos
no hubieran sido posibles.
Gracias de nuevo man.
Videotutorial 1 Poner iconos a foros
http://www.youtube.com/watch?v=vcGTFRv8TB0
Videotutorial 2 Poner iconos a foros
http://www.youtube.com/watch?v=6f3-EmQTwqo
Saludos
Super bueno en el primer momento no lo entendia & al final es super facil gracias por la explicacion
Quote from: .J. on May 13, 2009, 09:13:43 PM
Hola!.
Bueno muchos han tenido problemás con este MOD, claro está errores aquí les explicaré unas cosas para que se configure bien y puedan hacerlo funcionar.
Quote from: fjavier77 on May 28, 2009, 03:05:17 PM
Muchas gracias por el manual y los datos .J.
Me he permitido hacer un videotutorial que espero
les sirva. Claro, de esto le doy crédito a .J. por que
sin la información que el compartió, estos videos
no hubieran sido posibles.
Felicidades, gran trabajo de ambos, han armado copado el tutorial :D
SI en vez de reemplazar el texto propuesto lo reemplazas por este:
Quote// If the board is new, show a strong indicator.
if ($board['new']) {
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/on.png'))
$board_new_img=$settings['theme_url']. '/icons/' . $board['id'] . '/imagen.png';
else
$board_new_img=$settings['theme_url']. '/icons/' . $board['id'] . '/imagen.png'; $board_new_img2=$settings['theme_url']. '/icons/' . $board['id'] . '/on.png';
echo '<img src="', $board_new_img2,'" alt="', $txt['no_icon'], '" title="', $txt['no_icon'], '" border="0" /><br><img src="', $board_new_img,'"WIDTH=70 HEIGHT=70 alt="', $txt['no_icon'], '" title="', $txt['no_icon'], '" border="0" />';
} elseif ($board['children_new']) {
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/on2.png'))
$board_new_img=$settings['theme_url']. '/icons/' . $board['id'] . '/imagen.png';
else
$board_new_img=$settings['theme_url']. '/icons/' . $board['id'] . '/imagen.png'; $board_new_img2=$settings['theme_url']. '/icons/' . $board['id'] . '/on.png';
echo '<img src="', $board_new_img2,'" alt="', $txt['no_icon'], '" title="', $txt['no_icon'], '" border="0" /><br><img src="', $board_new_img,'"WIDTH=70 HEIGHT=70 alt="', $txt['no_icon'], '" title="', $txt['no_icon'], '" border="0" />'; } else {
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/off.png'))
$board_nonew_img=$settings['theme_url']. '/icons/' . $board['id'] . '/imagen.png';
else
$board_nonew_img=$settings['images_url']. '/imagen.png';
$board_nonew_img2=$settings['images_url']. '/off.png';
echo '<img src="', $board_nonew_img2,'" alt="', $txt['no_icon'], '" title="', $txt['no_icon'], '" border="0" /><br><img src="', $board_nonew_img,'"WIDTH=70 HEIGHT=70 alt="', $txt['no_icon'], '" title="', $txt['no_icon'], '" border="0" />'; }
El cbi funcionaria con tres imagenes en vez de dos con el siguiente formato: imagen.png (esta seria la imagen que iria por cada foro)
on.png
off.png
Cuando hay mensajes nuevos quedaria asi
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.clubdelpalio.com.ar%2Fsmf%2FThemes%2Fthemeobscurov2%2Ficons%2F1%2Fon.png&hash=01497591a6d9c721cd361273d013a9ccd59aba83)on png (off.png es una imagen transparente vacia)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.clubdelpalio.com.ar%2Fsmf%2FThemes%2Fthemeobscurov2%2Ficons%2F1%2Fimagen.png&hash=2a037acbf10d1d5ce37e10c4b41c289fa626930e) imagen.png
Si no hay mensajes nuevos quedaria asi:
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.clubdelpalio.com.ar%2Fsmf%2FThemes%2Fthemeobscurov2%2Ficons%2F1%2Fimagen.png&hash=2a037acbf10d1d5ce37e10c4b41c289fa626930e)
De esta manera es mas facil cambiar las imagenes, no hay necesidad de reformar todas las imagenes para diferenciarlas en on y off
pd: cambiar WIDTH=70 HEIGHT=70 por las medidas que uno quiera
El on2.png/gif es cuando hay un mensaje en un subforo, eso pasa.
hola queria ayuda x favor pues no me sale, instale el cbi y modifike el
Board.Index.Template.php y el Message.Index.Template.php y algo he debido hacer mal xke hice la carpeta en mi teme esta es mi ruta:
/htdocs/smf/Themes/dynasty_1/icons/
y nada de nada no se me ve no se que debo hacer pues llevo ya 2 dias rallandome y buscando la solucion,muchas gracias
y como tienes dentro de la carpeta
icons (carpeta principal)
1 (subcarpeta con el ID del foro)
- on.png
- on2.png
- off.png
Depende tambien de que extensiones tienen tus archivos, y la extension que le agregaste con el codigo para el CBI
Pd.: hace mucho que no te leia, ChikaArmy, jeje.. coincidimos en algunos foros creo que donde estaba elpropiohechicero como webmaster, asi como tigrep, etc.. :D
Ostras vicrammmm :D me alegro d verte mucho tiempo sip pos hara mismo lo miro y te digo jejeje saludoss XD
dices k edite el archivo, modification.xml ke esta dentro del packete cbi y le ponga la ruta??
nop.. por ftp te debe quedar asi como te expongo...
no en el instlador del mod, sino en tu ftp te debe quedar esta estructura..
te dejo una imagen
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.sharedownload.org%2Fimagenes%2Fcbi.jpg&hash=3f03023905d93c25cd2f26968f39a532979c8091)
veras el icons es la carpeta principal, luego hay subcarpetas con los ID de cada foro y adentro de cada subcarpeta las imagenes correspondientes.
dn = a la carpeta de mi theme
Pd.: si bastante tiempo.. :D
Pd2.: perdon por el doble post
es k mi BoardIndex.template.php no pone lo k decis en el tuto es diferente :-[
coloca aqui tu board index... y dime el formate que tendran tus iconos.. si es png, gif, o jpg...
en todo caso el tipo de formato que tu pongas puedes controlarlo en el codigo
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/on.gif'))
puedes dejarlo
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/on.png'))
o sea en el tuto donde tienes el .gif le cambias por el formato de imagen que subas
como pongo aki mi boardindex?
Toma vicram es k no encontre la forma de ponerlo aki XD
perdon x doble post
http://www.megaupload.com/?d=RSVKGDRZ
Cuando das una respuesta tienes un boton que dice Opciones Adicionales, ahi dandole click, t aparecera donde cargar el board index...
nop ya lo mire debe ser k no tengo permisos
mira
http://i29.tinypic.com/rbhyz4.jpg
Aqui te dejo tu BoardIndex.template.php
http://www.megaupload.com/?d=GNQ0PBJR
Tamnbien te lo he subido a megaupload, por que por lo visto en este foro esta desactivado para subir archivos..
Solo debes colocar las imagenes asi con la estructura que te puse enl a imagen que te pase mas arriba y en formato GIF
on.gif
on2.gif
off.gif
Por cierto, puedes pasarte por nuestra web asi seguro les encuentras a gente conocida...
http://www.sharedownload.org
Esta web es la fusion de 2 webs amigas mercado-negro y dark-ness
;)
okis me pasare :) puedo ponerte mi web aki?
voy a probar ahora con lo k me das no te me vayas x si aun no me funcionase x fi XD
seguire por aqui... y si puedes poner tu web para poder mirarlo.. o en todo caso pasate por el mio y cuando te presentas puedes colocarlo para que lo conozcamos, y para no crear problemas solo dile que te di el permiso :D :P
no me funciona aun vicram no se k hago mal yo uso smf 1.1.10 y me descargue el
cbi.zip,sera del MessageIndex.template.php o del Modifications.english.php x ke la ruta creo k ya la puse bien mira:
/htdocs/smf/Themes/default/icons/dn/16/off.gif
aunke yo el tema default no lo uso yo uso el dynasty_1
no se k hacer
pone la direccion de tu web, ya que debes colocar bien la ruta, y mirandolo unicamente te voy a dar una respuesta a la ruta exacta que debes colocar.. por que ahroa colocas mal la direccion de donde guardar (la carpeta DN que yo tengo es de mi theme y el icons deberias de colocarlo en la carpeta de tu theme... )
coloca tu web para mirar
mira vicram :P
http://www.sharedownload.org/foro/presentate-ante-la-comunidad-share-download/hola-me-presento-t7830.0.html#msg29448
ohh gracias x kitarme lo d las imagenes para responder
bueno ahora si vi tu foro
ahora tu ftp te debe quedar asi
Themes/dynasty_1/icons/10/off.gif
donde "10"
es el ID de tu foro que queres visualizar el icono.. prueba con 1 luego si te sale puedes agregarle a todos...
nop no me sale vicram
/htdocs/smf/Themes/dynasty_1/icons/16/
:'( al final llorare llevo 3 dias asi jajaja
le colocaste las imagenes dentro, un on.gif, off.gif, on2.gif
por que trate de buscar esos archivos y no encontre
haz lo siguiente colocalo asi
Themes/dynasty_1/icons/229/off.gif
ese le correspondria a tu foro Principal Peliculas que esta en tu board index...
si solo una la de off.gif
nada esta asi y nada
Themes/dynasty_1/icons/229/off.gif
que raro...
es como que no toma los valores modificados..
yap gracias vicram =mente a ver si con tu ayuda lo arreglamos XD
ahora sip, jeje radicaba en el board index el error, estaba algunas cosas fuera de su lugar pero ahora ya salen ;)
tema solucionado Gracias Vicram :D
colega estoy usando pretty urls como se cuakl es la id de mis foros si al hacer clic las urls ya salen modificadas?
Quote from: Angel Muñoz on September 20, 2009, 01:02:30 PM
colega estoy usando pretty urls como se cuakl es la id de mis foros si al hacer clic las urls ya salen modificadas?
puedes mirarlo desde tu phpmyadmin, en tu base de datos, smf_pretty_cache o algo asi se llama, ahi estan completos..
o podes entraar a la administracion de tu foro, y le das mover a uno de los foros cuando haces esto se muestra en el link de abajo el id del foro a mover..
Una consulta tengo el Theme Pessimist_v1 & no me sale el archivo MessageIndex.template.php como lo puedo hacer? estoy utilizando SMF Version 1.0.10
saludos.
Quote from: keough~ on September 23, 2009, 03:20:28 PM
Una consulta tengo el Theme Pessimist_v1 & no me sale el archivo MessageIndex.template.php como lo puedo hacer? estoy utilizando SMF Version 1.0.10
saludos.
Lo toma del theme default..
deberas hacerle la modificacion al theme default
salu2
Quote from: vicram10 on September 23, 2009, 04:06:14 PM
Quote from: keough~ on September 23, 2009, 03:20:28 PM
Una consulta tengo el Theme Pessimist_v1 & no me sale el archivo MessageIndex.template.php como lo puedo hacer? estoy utilizando SMF Version 1.0.10
saludos.
Lo toma del theme default..
deberas hacerle la modificacion al theme default
salu2
Osea en Theme "Default" edito esos archivos pero luego los iconos en donde creo los direcctorios? en "Pessimist_v1" ?
gracias.
claro.. modificas ese template.. pero los iconos debes agregarlo en tu custom theme.. por que sino, no funcionara..
Edite los Archivos de Default & luego los subi & al final no funciona me puedes ayudar bien porfavor antes lo habia echo pero ahora no me sale u.u es por la version :/
si pero amigo como pones por cada areas una foto distinta
Hola amigos excellente tuto una consulta
mi foro ya lleva algun tiempo funcionando y he subido varios themas para que los usarios escojieran el que mas les gustase
he realizado el tuto tal y como viene y todo perfecto pero al cambiar el tema me pasa que no se me presenta la modificacion, esto por que solo la hice en el index del default segun entiendo ?? asi es verdad
Bueno entonces debo de volver a subir la modificacion acada uno de los themas, o simplemente desisntalar los themas y pedirle que me haga una copia por defecto ??
Este ultimo lo he intentado pero no me realiza los cambios asi que lo retomo en el post para ver si el error es mio o es que debo hacer los cambios en cada thema que suba o que tenga instalado
saludos
si las modificaciones debes hacerla para cada uno de los thems que tengan esos archivos..
salu2
agracias amigos exellente tutorial
Hola me llamo Luis,
No sé si me podeis ayudar, es que tengo instalado un foro con un theme que no es el default, tengo la versión 1.1.10 y he probado buscando y modificando como decis aqui, y no me sale, miro la dirección de la imágen que me sale con una X roja, como si la ruta no existiera, y miro la dirección de imágen y busca la imágen en: /Themes/apollobb/images/off.png
Bueno el theme que utilizo es ApolloBB, si me podeis ayudar, me hariais un gran favor, ya que no entiendo que es lo que sucede, y no sé si he hecho alguna cosa mal o me falta hacer algo más, estoy perdido! :-[
Gracias adelantadas!!
yo use anteriormente esta herramienta y funciono muy bien solo que yo lo hice colocando las imagenes en la carpeta themes/mystic/images/
y las imagenes hiban nombradas on40.gif on45.gif off45.gif, etc según el foro
cambie el foro de host y cambie theme pero no e podido hacer que aparezcan las imagenes probe a mi mnera y a la manera explicada aquí.
dejo aqui los archivos del board y message tal vez alguién me puede revisar y decirme donde debo reemplazar el texto.
estos archivos son del tema scratch_118 y son los originales
11111http://www.mediafire.com/download.php?vhgmzqnijmo
1111http://www.mediafire.com/download.php?ktjmedzivzm
ahora las del tema default son estos
1111http://www.mediafire.com/download.php?mdzkzn2ymht
11111http://www.mediafire.com/download.php?ytzikdwt2dq
Y como sería para la 2.0 rc2 con pretty url, que si no me equiboco te pone el nombre del foro y no su ID.
Saludos
Hola amigos tenia una duda yo actualmente tengo instalado el mod pretty urls y cmo saben genera url amigables mi duda es como tendria que llamarse las carpetas porque supuestamente tiene que ser llamado el id del foro por ejemplo el 16, etc y en el caso de que yo tenga pretty url tengo que crear carpetas con letras espero me puedna explicar mi gran duda, gracias de antemano
Saludos
Alguien que me pueda ayudar con la duda que tengo se lo agradeceria mucho
Saludos amigos
En la hoja 3 tenes la respuesta a tu pregunta
QuoteCita de: Angel Muñoz en septiembre 20, 2009, 01:02:30 (http://www.simplemachines.org/community/index.php?topic=310319.msg2267946#msg2267946)<blockquote>colega estoy usando pretty urls como se cuakl es la id de mis foros si al hacer clic las urls ya salen modificadas?
</blockquote>
puedes mirarlo desde tu phpmyadmin, en tu base de datos, smf_pretty_cache o algo asi se llama, ahi estan completos..
opodes entraar a la administracion de tu foro, y le das mover a uno delos foros cuando haces esto se muestra en el link de abajo el id delforo a mover..
Una pregunta, es que no encuentro el texto que tu dices dentro de
Board.Index.Template.php
y tampoco dentro de
Message.Index.Template.php
porque no????
Excelente tutorial amigo muchas gracias :D
excelente aporte.. lo logre con este tutorial
gracias al creador
yo tengo un problema
Cuando quiero crear la carpeta en:
/epidemikguild.xtreemhost.com/htdocs/Themes/greenboxes/images/icons
Me sale error
550 Can't create directory: Disk quota exceeded
Nose como arreglar, por que no puedo crear la carpeta que vendria a ser solo el numero 1
:S
Si alguien me ayuda estaria bien
Gracias a @JST Sharp por el tuto y ha @130860 por avisarme de que esixitía! ::)
Hola de nuevo.
El mod funciona bien pero he caído en la cuenta de que los usuarios no registrados ven todos los iconos off.gif, esto es, no ven los avisos de mensaje nuevo en el hilo. ¿Esto pasa porqué solo se envían cookies a los registrados?
Un saludo.
Funcionara en el RC3 capo?
Quote from: Procito0o on March 25, 2010, 04:23:27 PM
Funcionara en el RC3 capo?
si usas el theme default instala el mod y listo
http://custom.simplemachines.org/mods/index.php?mod=511
Quote from: Kikokeko on March 08, 2010, 07:50:55 PM
Hola de nuevo.
El mod funciona bien pero he caído en la cuenta de que los usuarios no registrados ven todos los iconos off.gif, esto es, no ven los avisos de mensaje nuevo en el hilo. ¿Esto pasa porqué solo se envían cookies a los registrados?
Un saludo.
es como dices, por eso yo lo reforme para que usen dos imagenes una para identificar el foro y otra mas chica que aparece cuando hay mensajes nuevos, con esto logro que la imagen del foro siempre este en on.
Quote from: JSTSharp on May 13, 2009, 09:13:43 PM
Hola!.
Bueno muchos han tenido problemás con este MOD, claro está errores aquí les explicaré unas cosas para que se configure bien y puedan hacerlo funcionar.
1. Instalar MOD Manual:
Board.Index.Template.php:
// If the board is new, show a strong indicator.
if ($board['new'])
echo '<img src="', $settings['images_url'], '/on.gif" alt="', $txt[333], '" title="', $txt[333], '" />';
// This board doesn't have new posts, but its children do.
elseif ($board['children_new'])
echo '<img src="', $settings['images_url'], '/on2.gif" alt="', $txt[333], '" title="', $txt[333], '" />';
// No new posts at all! The agony!!
else
echo '<img src="', $settings['images_url'], '/off.gif" alt="', $txt[334], '" title="', $txt[334], '" />';
Remplazas por:
if ($board['new']) {
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/on.gif'))
$board_new_img=$settings['theme_url']. '/icons/' . $board['id'] . '/on.gif';
else
$board_new_img=$settings['images_url']. '/on.gif';
echo '<img src="', $board_new_img,'" alt="', $txt[333], '" title="', $txt[333], '" border="0" />';
} elseif ($board['children_new']) {
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/on2.gif'))
$childboard_new_img=$settings['theme_url']. '/icons/' . $board['id'] . '/on2.gif';
else
$childboard_new_img=$settings['images_url']. '/on2.gif';
echo '<img src="', $childboard_new_img,'" alt="', $txt[333], '" title="', $txt[333], '" border="0" />';
} else {
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/off.gif'))
$board_nonew_img=$settings['theme_url']. '/icons/' . $board['id'] . '/off.gif';
else
$board_nonew_img=$settings['images_url']. '/off.gif';
echo '<img src="', $board_nonew_img,'" alt="', $txt[334], '" title="', $txt[334], '" border="0" />';
}
Message.Index.Template.php:
Buscas por:
// If the board is new, show a strong indicator.
if ($board['new'])
echo '<img src="', $settings['images_url'], '/on.gif" alt="', $txt[333], '" title="', $txt[333], '" />';
// This board doesn't have new posts, but its children do.
elseif ($board['children_new'])
echo '<img src="', $settings['images_url'], '/on2.gif" alt="', $txt[333], '" title="', $txt[333], '" />';
// No new posts at all! The agony!!
else
echo '<img src="', $settings['images_url'], '/off.gif" alt="', $txt[334], '" title="', $txt[334], '" />';
Remplazas por:
if ($board['new']) {
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/on.gif'))
$board_new_img=$settings['theme_url']. '/icons/' . $board['id'] . '/on.gif';
else
$board_new_img=$settings['images_url']. '/on.gif';
echo '<img src="', $board_new_img,'" alt="', $txt[333], '" title="', $txt[333], '" border="0" />';
} elseif ($board['children_new']) {
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/on2.gif'))
$childboard_new_img=$settings['theme_url']. '/icons/' . $board['id'] . '/on2.gif';
else
$childboard_new_img=$settings['images_url']. '/on2.gif';
echo '<img src="', $childboard_new_img,'" alt="', $txt[333], '" title="', $txt[333], '" border="0" />';
} else {
if (file_exists($settings['theme_dir'] . '/icons/' . $board['id'] . '/off.gif'))
$board_nonew_img=$settings['theme_url']. '/icons/' . $board['id'] . '/off.gif';
else
$board_nonew_img=$settings['images_url']. '/off.gif';
echo '<img src="', $board_nonew_img,'" alt="', $txt[334], '" title="', $txt[334], '" border="0" />';
}
Todo esos archivos los encontramos en Themes/tu themes/
2. Agregando las imágenes.
A continuación enseñare a poner las imágenes.
- Para poner la imagen debes crear una ruta en Themes/tu themes/ creas una carpeta/ruta llamada icons, osea quedaría así Themes/tu themes/icons.
- Para poner una imagen por foro, luego de crear la carpeta te metes dentro un ejemplo de foro es el español que su url es:
http://www.simplemachines.org/community/index.php?board=16.0
Nos fijamos en los ultimos números que es 16.0, entonces vamos a Themes/tu themes/icons y creamos una carpeta llamada 16, dentro ponemos el on.gif,off.gif y on2.gif
¿Por qué es 16?.
Porque claro, el .0 no cuenta, entonces verás casos así:
http://www.simplemachines.org/community/index.php?board=40.0
Fácil, haces una carpeta llamada 40 y listo ;D!.
Saludos!.
Esto es bueno, por favor, alguien podría traducir al Inglés y puesto en la junta correspondiente?
It's very easy, if your SMF version is
2.0 rc3, read this => http://custom.simplemachines.org/mods/index.php?action=parse;mod=511;attach=127516;smf_version=2.0_RC2
1.1.11, read this => http://custom.simplemachines.org/mods/index.php?action=parse;mod=511;attach=127516;smf_version=1.1.11
greetings
gracias!
Muy buen tutorial, muchas gracias.
Gracias por este magnifico tutorial ya empece a poner los iconos a ki foro
Se ve muy bien
Mil Gracias
Quote from: vicram10 on March 27, 2010, 11:35:05 AM
It's very easy, if your SMF version is
2.0 rc3, read this => http://custom.simplemachines.org/mods/index.php?action=parse;mod=511;attach=127516;smf_version=2.0_RC2
1.1.11, read this => http://custom.simplemachines.org/mods/index.php?action=parse;mod=511;attach=127516;smf_version=1.1.11
greetings
:o noi sabia que el parse funcionaba asi tmb :P siempre me aparecio la url: http://custom.simplemachines.org/mods/index.php?action=parse
saludos
Bueno, soy un usuario nuevo, que acabo de probar SMF. El primer problema que encontre con este mod, es que no funciona con RC3. Estuve revisando las plantillas, y encontre la causa. El MOD original tenia unas pequeñas diferencias con el que tenia yo (rc3). Hay que editar el modification.xml, y editar (en donde busca, no donde reemplaza) las direcciones de las imagenes, concretamente agregarle a una palabra
_url y quitarle una
/Mas concretamente:
Quote<img src="', $settings['images_url'], '/', $context['theme_variant_url'], '/redirect.png" alt="*" title="*" />';
Para no editar todo a mano, simplemente modifique el mod con esos pequeños cambios y me funciono perfectamente. Se los subi aca: http://rapidshare.com/files/385777837/cbi157.zip.html
Espero no estar pasando por algo ninguna regla, sino disculpen, ese les funcionara bien con SMF 2.0 rc3
Saludos!.
Hola amigos ,
He abierto un foro relacionado con la medicina con varias categorias y cada categoria tienes diferentes boards , y quiero poner una imagen pequeña desde mi computer al lado de cada board , un amigo me comento subir primero la imagen en imageshacks y despues copiar la ruta de la imagen y pegarla con un comando , pero no entiendo que comando debo poner y en que sitio ponerlo exactamente para que aprezca la imagen .
Agradezco si alguin me echa una mano explicandome los pasos a seguir .
muchas gracias y saludos
Que gran trabajo! Felicitaciones!. Uno sabe el tiempo y esfuerzo que significa hacer un tutorial. Lo que no pude hacerlo es en la última versión (2.0 RC3). Cuando cambio manualmente los fragmentos de código, desaparecen los nombres y no aparecen las imágnes. Creo que tomé todos los recaudos (capeta icons en Themes/default, las carpetitas con los números de los foros, las imágenes en png). Observé que ha variado el fragmento de código que hay que reemplazar. Bueno, con volver a las php originales, se resolvió. El foro que estoy rearmando es http://www.7decopas.com.ar/ForoSMF/index.php. El anterior estaba en phpBB3 y es cierto que la estética uno la podía manejar mas fácilmente, pero en este es mucho mas funcional y facil para instalar mods. El Aeva Media es una maravilla. El buscador es muy bueno y las estadísticas muy claras. Hasta ahora el mejor software de foro que he probado.
Un saludo, desde el Sur
Gustavo
Muchas gracias, me re sirvio.
Mi buscador no lo encuentra :( el code ni del board.index.template.php ni del messange.Index.template los dejo por si alguien lo pudiera hacer :-[ :P
disculpen tengo una duda ese archivo de texto cual es o como se llama ??
version: 2.0 rc3
theme: ActualismRC3.zip
bueno hice todo lo que indica el tutorial pero em fin cree carpeta icons y dentro de esa carpeta cree una carpeta llamada 1 y otra llamada 2 y puse las imagenes con los nombre on.png on2.png y off.png y no hiso ningun cambio claro que esos cambios los hice en el theme default ya que el theme ActualismRC3.zip no tienes esos archivos para editar
bueno quisiera saber como hago para cambiar las imagenes a cada foro en la version 2.0 rc3
Alguien me puede ayudar cuando cambio el codigo y pongo en guardar me da este error:
Forbidden
You don't have permission to access /index.php on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Que hago porfavor ayudenme
Hey muchas gracias ahora mismo lo pruebo y les aviso como me fue xD
Hola amigo como hago si mi foro 2.0.7 tiene este codigo que no es igual que el que publicaste??? ayuda
// If the board or children is new, show an indicator.
if ($board['new'] || $board['children_new'])
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" />';
// Is it a redirection board?
elseif ($board['is_redirect'])
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';
// No new posts at all! The agony!!
else
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'off.png" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" />';
// Fin If the board or children is new, show an indicator.
Hola amigos quien puede ayudarme? mi codigo es diferente a ese que tienen puesto que deberia de modificar, tengo 2 meses buscando y buscando en la internet un codigo similar al mio para cambiar las imagenes manualemnte y he realizado muchas pruebas de distintas formas y solo me da error por que tantas modificaciones que no se donde esta el error, este es mi codigo de imagenes de categoria del archivo:
MessageIndex.template.php
<?php
/**
* Simple Machines Forum (SMF)
*
* @package SMF
* @author Simple Machines
* @copyright 2011 Simple Machines
* @license http://www.simplemachines.org/about/smf/license.php BSD
*
* @version 2.0
*/
function template_main()
{
global $context, $settings, $options, $scripturl, $modSettings, $txt;
echo '
<a id="top"></a>';
if (!empty($context['boards']) && (!empty($options['show_children']) || $context['start'] == 0))
{
echo '
<div class="tborder childboards" id="board_', $context['current_board'], '_childboards">
<div class="cat_bar">
<h3 class="catbg">', $txt['parent_boards'], '</h3>
</div>
<div class="table_frame">
<table class="table_list">
<tbody id="board_', $context['current_board'], '_children" class="content">';
foreach ($context['boards'] as $board)
{
echo '
<tr id="board_', $board['id'], '" class="windowbg2">
<td class="icon windowbg"', !empty($board['children']) ? ' rowspan="2"' : '', '>
<a href="', ($board['is_redirect'] || $context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '">';
// If the board or children is new, show an indicator.
if ($board['new'] || $board['children_new'])
echo '
<img src="', $settings['images_url'], '/' .$context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" />';
// Is it a redirection board?
elseif ($board['is_redirect'])
echo '
<img src="', $settings['images_url'], '/' .$context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';
// No new posts at all! The agony!!
else
echo '
<img src="', $settings['images_url'], '/' .$context['theme_variant_url'], 'off.png" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" />';
echo '
</a>
</td>
<td class="info">
<a class="subject" href="', $board['href'], '" name="b', $board['id'], '">', $board['name'], '</a>';
// Fin If the board or children is new, show an indicator.
// Has it outstanding posts for approval?
if ($board['can_approve_posts'] && ($board['unapproved_posts'] || $board['unapproved_topics']))
echo '
<a href="', $scripturl, '?action=moderate;area=postmod;sa=', ($board['unapproved_topics'] > 0 ? 'topics' : 'posts'), ';brd=', $board['id'], ';', $context['session_var'], '=', $context['session_id'], '" title="', sprintf($txt['unapproved_posts'], $board['unapproved_topics'], $board['unapproved_posts']), '" class="moderation_link">(!)</a>';
echo '
<p>', $board['description'] , '</p>';
// Show the "Moderators: ". Each has name, href, link, and id. (but we're gonna use link_moderators.)
y el otro archivo: BoardIndex.template.php
<?php
/**
* Simple Machines Forum (SMF)
*
* @package SMF
* @author Simple Machines
* @copyright 2011 Simple Machines
* @license http://www.simplemachines.org/about/smf/license.php BSD
*
* @version 2.0
*/
function template_main()
{
global $context, $settings, $options, $txt, $scripturl, $modSettings;
// Show some statistics if stat info is off.
if (!$settings['show_stats_index'])
echo '
<div id="index_common_stats">
', $txt['members'], ': ', $context['common_stats']['total_members'], ' &#8226; ', $txt['posts_made'], ': ', $context['common_stats']['total_posts'], ' &#8226; ', $txt['topics'], ': ', $context['common_stats']['total_topics'], '
', ($settings['show_latest_member'] ? ' ' . $txt['welcome_member'] . ' <strong>' . $context['common_stats']['latest_member']['link'] . '</strong>' . $txt['newest_member'] : '') , '
</div>';
// Show the news fader? (assuming there are things to show...)
if ($settings['show_newsfader'] && !empty($context['fader_news_lines']))
{
echo '
<div id="newsfader">
<div class="cat_bar">
<h3 class="catbg">
<img id="newsupshrink" src="', $settings['images_url'], '/collapse.gif" alt="*" title="', $txt['upshrink_description'], '" align="bottom" style="display: none;" />
', $txt['news'], '
</h3>
</div>
<ul class="reset" id="smfFadeScroller"', empty($options['collapse_news_fader']) ? '' : ' style="display: none;"', '>';
foreach ($context['news_lines'] as $news)
echo '
<li>', $news, '</li>';
echo '
</ul>
</div>
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/fader.js"></script>
<script type="text/javascript"><!-- // --><![CDATA[
// Create a news fader object.
var oNewsFader = new smf_NewsFader({
sSelf: \'oNewsFader\',
sFaderControlId: \'smfFadeScroller\',
sItemTemplate: ', JavaScriptEscape('<strong>%1$s</strong>'), ',
iFadeDelay: ', empty($settings['newsfader_time']) ? 5000 : $settings['newsfader_time'], '
});
// Create the news fader toggle.
var smfNewsFadeToggle = new smc_Toggle({
bToggleEnabled: true,
bCurrentlyCollapsed: ', empty($options['collapse_news_fader']) ? 'false' : 'true', ',
aSwappableContainers: [
\'smfFadeScroller\'
],
aSwapImages: [
{
sId: \'newsupshrink\',
srcExpanded: smf_images_url + \'/collapse.gif\',
altExpanded: ', JavaScriptEscape($txt['upshrink_description']), ',
srcCollapsed: smf_images_url + \'/expand.gif\',
altCollapsed: ', JavaScriptEscape($txt['upshrink_description']), '
}
],
oThemeOptions: {
bUseThemeSettings: ', $context['user']['is_guest'] ? 'false' : 'true', ',
sOptionName: \'collapse_news_fader\',
sSessionVar: ', JavaScriptEscape($context['session_var']), ',
sSessionId: ', JavaScriptEscape($context['session_id']), '
},
oCookieOptions: {
bUseCookie: ', $context['user']['is_guest'] ? 'true' : 'false', ',
sCookieName: \'newsupshrink\'
}
});
// ]]></script>';
}
echo '
<div id="boardindex_table">';
/* Each category in categories is made up of:
id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down image),
and boards. (see below.) */
foreach ($context['categories'] as $category)
{
// If theres no parent boards we can see, avoid showing an empty category (unless its collapsed)
if (empty($category['boards']) && !$category['is_collapsed'])
continue;
echo '
<table class="table_list">
<tbody class="header" id="category_', $category['id'], '">
<tr>
<td colspan="4">
<div class="cat_bar">
<h3 class="catbg">';
// If this category even can collapse, show a link to collapse it.
if ($category['can_collapse'])
echo '
<a class="collapse" href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>';
if (!$context['user']['is_guest'] && !empty($category['show_unread']))
echo '
<a class="unreadlink" href="', $scripturl, '?action=unread;c=', $category['id'], '">', $txt['view_unread_category'], '</a>';
echo '
', $category['link'], '
</h3>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table_list">';
// Assuming the category hasn't been collapsed...
if (!$category['is_collapsed'])
{
echo '
<tbody class="content" id="category_', $category['id'], '_boards">';
// Titles Board,topic,post,etc.
echo'
<tr class="sub_cat">
<td class="icon first"> </td>
<td class="center">',$txt['board'],'</td>
<td class="center stats"> </td>
<td class="lastpost_sub"> </td>
</tr>';
/* Each board in each category's boards has:
new (is it new?), id, name, description, moderators (see below), link_moderators (just a list.),
children (see below.), link_children (easier to use.), children_new (are they new?),
topics (# of), posts (# of), link, href, and last_post. (see below.) */
foreach ($category['boards'] as $board)
{
echo '
<tr id="board_', $board['id'], '" class="windowbg2">
<td class="icon windowbg"', !empty($board['children']) ? ' rowspan="2"' : '', '>
<a href="', ($board['is_redirect'] || $context['user']['is_guest'] ? $board['href'] : $scripturl . '?action=unread;board=' . $board['id'] . '.0;children'), '">';
// If the board or children is new, show an indicator.
if ($board['new'] || $board['children_new'])
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'on', $board['new'] ? '' : '2', '.png" alt="', $txt['new_posts'], '" title="', $txt['new_posts'], '" />';
// Is it a redirection board?
elseif ($board['is_redirect'])
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'redirect.png" alt="*" title="*" />';
// No new posts at all! The agony!!
else
echo '
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'off.png" alt="', $txt['old_posts'], '" title="', $txt['old_posts'], '" />';
echo '
</a>
</td>
<td class="info">
<a class="subject" href="', $board['href'], '" name="b', $board['id'], '">', $board['name'], '</a>';
// Fin If the board or children is new, show an indicator.
// Has it outstanding posts for approval?
if ($board['can_approve_posts'] && ($board['unapproved_posts'] || $board['unapproved_topics']))
echo '
<a href="', $scripturl, '?action=moderate;area=postmod;sa=', ($board['unapproved_topics'] > 0 ? 'topics' : 'posts'), ';brd=', $board['id'], ';', $context['session_var'], '=', $context['session_id'], '" title="', sprintf($txt['unapproved_posts'], $board['unapproved_topics'], $board['unapproved_posts']), '" class="moderation_link">(!)</a>';
echo '
<p>', $board['description'] , '</p>';
// Show the "Moderators: ". Each has name, href, link, and id. (but we're gonna use link_moderators.)
La verdad que estoy agotad de tantos intentos fallidos, alguien sabe organizar mi codigo para que se vea manual?.. Las carpetas y imagenes ya estan creadas perfectamente.
Ya este paso lo hice:
2. Agregando las imágenes.
A continuación enseñare a poner las imágenes.
- Para poner la imagen debes crear una ruta en Themes/tu themes/ creas una carpeta/ruta llamada icons, osea quedaría así Themes/tu themes/icons.
- Para poner una imagen por foro, luego de crear la carpeta te metes dentro un ejemplo de foro es el español que su url es:
http://www.simplemachines.org/community/index.php?board= 16.0
Nos fijamos en los ultimos números que es 16.0, entonces vamos a Themes/tu themes/icons y creamos una carpeta llamada 16, dentro ponemos el on.gif,off.gif y on2.gif
¿Por qué es 16?.
Porque claro, el .0 no cuenta, entonces verás casos así:
http://www.simplemachines.org/community/index.php?board= 40.0
Se me presento el mismo problema que el compañero de arriba, cuando busco el codigo no me sale nada... Imagino que ha cambiado en algunas lineas.... Como se podra hacer en este caso ?
Tutorial actualizado, incluida una personalización extra para ello, cualquier error comuniquen :)
Buenas, Tengo el SMF 2.0.8 y copio este codigo pero se me queda asi el foro: (//)
Crea imagenes en foro y subforos.. en la pagina principal, pero yo solo quiero imagenes en foros..
http://gyazo.com/126b06ed16ca388c43a55ce2a0ef2444 (http://gyazo.com/126b06ed16ca388c43a55ce2a0ef2444)
Hola :) lo hice y quedó casi perfecto...
Cuando doy clic a la imagen no me salen los hilos de cada foro, sino sólo los nuevos.... pero esto descoloca a alguien nuevo que pueda llegar. ¿Es posible cambiarlo para que al clicar la imagen salgan todos los hilos, los vistos y los nuevos?
Gracias !!
Hola JSX3, tengo una duda o problema, eh hecho todo lo que sale en el manual y ah funcionado pero lo raro esquíe solamente uso la carpeta llamada "iconos" y adentro de la carpeta tengo las imágenes de cada foro 1.png y sucesivamente, el problema o duda mia es que no me salen las imágenes en los sub-foros como podría solucionarlo?
Gracias.
Cómo hacerlo?
https://www.youtube.com/watch?v=vaK1Ddar2lw
http://smf.konusal.com/index.php