Gracias a Big Head a IKERMAN y a que mi teclado soporto el café y las cenizas encima, logramos entender el códe de el script que permite personalizar los smiles / caretos.
Pueden ver como queda en http://miarroba.com/foros/ver.php?id=218876

Edita el siguiente code y pegalo en el "apartado html cabecera de foros"

<style>
<!--
.texto {font-family: Verdana; font-size: 11px; font-weight:
bold; color: #386898; background-color:#FFFFFF}
a:link.texto {text-decoration:none;}
a:hover.texto {text-decoration:underline}
-->
</style>

<script>
//ESTE ARREGLO VA A TENER LOS NOMBRES DE TODOS
LOS CARETOS QUE DESEO PONER
var careto = new Array
("gp_wink.gif", "gp_triste.gif", "gp_sorpresa.gif",
"gp_sonrisa.gif", "gp_risa.gif", "gp_molesto.gif", "gp_llanto.gif",

"gp_lengua.gif", "gp_insulto.gif", "gp_feliz.gif", "gp_enojo.gif",
"gp_eem.gif", "gp_asleep.gif", "gp_amor.gif", "gp_confuso.gif",
"gp_alpedo.gif&quot //este es mi arreglo

//ESTA VARIABLE VA A TENER LA UBICACION DONDE SE
ENCUENTRAN LOS CARETOS
//SI FUERAN DE VARIAS CARPETAS, CONVENDRIA PONER
LAS DIRECCIONES COMPLETAS EN EL ARREGLO

//Y DEJAR ESTA VARIABLE COMO ARREGLO VACIO ""
var carpeta = "http://www.gorrapuestas.com.ar/caretos/" //esta es
mi carpeta

//TOMO LA DIRECCION ACTUAL DE LA PAGINA Y COMPARO
LA PRIMERA PARTE PARA VER SI ES UN POST
//SI LO ES, PUBLICO UN CARTEL QUE POSICIONANDOME
SOBRE EL ME DESPLEGARA UN MENU CON TODOS LOS
CARETOS
var ubicacion = document.location.toString()
var post = "http://miarroba.com/foros/post.php"
var cartel = "Mas Caretos" //este es el cartel que publicara
var posCartelTop = 450 //Esta es la posicion donde
ubicare
var posCartelLeft = 20 //el cartel. Depende de cada foro.
if (ubicacion.substring(0, post.length) == post)
{
document.write("<div style='position:absolute; z-index:0; left: "+ posCartelLeft +"; top: "+ posCartelTop +"'><a
class=texto href=# onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers
('Caretos','','hide')><img border=0 src="+carpeta+careto[0]+"><b>"+cartel+"</b></a></div>&quot

}

//ESTAS TRES SON FUNCIONES ESTANDARES, NO MODIFICAR!

function MM_reloadPage(init) { //reloads the window if
Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape&quot&&(parseInt(appVersion)==4))
{
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?&quot)
>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!
x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n);
return x;

}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':
(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

//LO QUE SIGUE A CONTINAUCION ES LA CREACION DE UN

DIV QUE ENCIERRA UNA TABLA.
//AL PRINCIPIO LA TABLA ESTA INVISIBLE (visibility: hidden) Y LA POSICION ESTA DADA POR left:20

// Y top: 460. ES IMPORTANTE QUE LA TABLA QUEDE A CONTINUACION DEL CARTEL. DEBE
PERMITIR EL PASO
//DE UNO A OTRO
</script>

<div id=Caretos style='position:absolute; width:100; z-index:1; visibility: hidden; left: 20 ; top: 470;'
onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos',''
,'hide')>
<table width="160" border=1
bordercolor=#386898 cellspacing="0" align="left">
<script>
//ESTE CICLO CREA LAS CELDAS DE LA TABLA INTERACCIONANDO CON EL ARREGLO
QUE PUSIMOS ANTES
//LA FUNCION A LA QUE LLAMA ES UNA PROPIA
DE MI@
var inicio='[img]'+carpeta
var fin='[/img]'
for (var nro=0; nro < careto.length; nro++)
{
document.write("<tr>&quot
for (var i=0; i<4 && nro<careto.length; i++, nro++)
{
document.write("<td class=texto height=40 width=40 align=center><a href=javascript:AnadeTexto('"+inicio+careto[nro]+fin+"')><img border=0 src=http://www.gorrapuestas.com.ar/caretos/"+careto[nro]+"></a></td>&quot
}
nro--
document.write("</tr>&quot
}
</SCRIPT>
</table>
</div>

---

Solo UNA cosa....

En el ultimo codigo que puse (que es el que gaf utiliza) no se utiliza el archivo ".js", o sea que si hacen eso, no estarian cambiando nada. Lo que tienen que cambiar es el arreglo "careto" que figura dentro del script. Si puedes Gaf edita para que no se confundan....

Despues el menu de 16 es porque el arreglo solo tienen 16 caretos, si ponen mas saldran más.

Y acuerdense de ajustar la altura donde saldra a la de su foro...

Eso es todo! un saludo y espero que les sirva!

Ya esta hecho y como Dice Ikerman eres un Crack, ahora lo linqueo a Charla general via un post y a noticias ...

Saludo maestro y gracias

Tampoco para tanto... solo me llevo un dia de trabajo y una mala nota en el examen del dia siguiente...

Igual voy a seguir trabajndo en el otro metodo, en el de la ventana auxiliar. Cualquier cosa les aviso...

Un saludo y a seguir mejorando mi@, que entre todos esto se va para arriba!!!!

Vamos que la modestia es una virtud. Ya sabes cuenta con migo si js se trata. Yo ayer llegue a un arreglo similar en mi casa donde tengo el VStudio el cual me ayuda a depuerar los eventuales errores en los codes js y otros. Intenta conseguirlo. Creo que no es gratis ya que esta integrado en algunas aplicaciones de windows ...

Saludos y como dices a seguir mejorando

Pues por alguna razón, a mí no me funciona ese código. En concreto, lo que sucede es que no aparece la tabla al situar el puntero del ratón sobre el enlace.

acabo de probarlo y funciona de maravilla.........posiblemente uno de los addons mas chulos que se han hecho......o por lo menos uno de los mas utiles y si no al tiempo .

Asi que no me enrollo mas........que ya me habeis dejado deberes para hoy

Muchisimas gracias por el esfuerzo,pero el curro ha merecido la pena , y seguro que la nota no seria tan mala exagerao

Nada que no, que ese codigo no me funciona ni en un foro sin cabecera ni estrangulamiento!!

A mi me funciona con este codigo, a falta de resolver el tema del tamaño de la fuente del enlace
__________________________________________________
<script>
var ubicacion = document.location.toString()
var post = "http://miarroba.com/foros/post.php"
if (ubicacion.substring(0, post.length) == post)
{
document.write("<div style='position:absolute; z-index:0; height: 20; top: 604'><a class=texto href=# onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')><img border=0 src=http://www.gorrapuestas.com.ar/caretos/gp_wink.gif><b> Más Caretos de Gorrapuestas</b></a></div>&quot
}
</script>
<script src="http://www.gorrapuestas.com.ar/caretos/caretos.js"></script>
<div id=Caretos style='position:absolute; width:100; z-index:1; visibility: hidden; left: 40; top: 624;' onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')>
<table width="160" border=1 bordercolor=#386898 cellspacing="0" align="left">
<script>
var inicio='[img]http://www.gorrapuestas.com.ar/caretos/'
var fin='[/img]'
for (var nro=0; nro < careto.length; nro++)
{
document.write("<tr>&quot
for (var i=0; i<4 && nro<careto.length; i++, nro++)
{
document.write("<td class=texto height=40 width=40 align=center><a href=javascript:AnadeTexto('"+inicio+careto[nro]+fin+"')><img border=0 src=http://www.gorrapuestas.com.ar/caretos/"+careto[nro]+"></a></td>&quot
}
nro--
document.write("</tr>&quot
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape&quot&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?&quot)>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; }
obj.visibility=v; }
}

</script>
</table>
</div>

Iker... en que tipo de foro estas probando en uno standar o en la versión nekera, tal vez sea eso.

Yo lo probé en este http://miarroba.com/foros/ver.php?id=218876 que es de los que demonino standar. Y sólo copie el code... prueba con uno de esos que es de los que la mayoría de los usuarios tiene.

Saludos

ups para evitar confusiones, me referia a que funciona de maravilla en el foro de pruebas que ha creado gaf.......yo aun no lo he probado en el mio.

En uno versión nukera lo estoy probando Gaf. Mira por dónde según la versión hace falta un código u otro. Pero bueno, de la nukera hay muy pocos foros.

Ah, y preparáos, pq me han pasado una colección de CGI's que es una gozada y fijo que más de uno puede ser muy provechoso para los foros Ya os diré.

Pues los esperamos con ansias Iker, y si necesitas alguien que los pruebe, puedes usarme como cnejillo de indias...

Ademas del de Gaf, andan en mi foro y yo lo probe en otro mas. Eso daria tres comunidades. Capaz que el unico problema sea lo de la version nukera, como dice Iker. Aunque no entiendo en que cambio el codigo... para mi debe ser algo mucho menos importante que no estamos viendo, pero he visto el foro de Iker y le da el error cuando llega a la funcion de despliegue... lo cual es extraño...

Si, de hecho he vuelto a usar la versión del código retocado por Gaf pq ese si me funciona. A la noche intentaré solucionar el tema del tamaño de la fuente, que esa es otra, si le meto la etiqueta <font> o <span...> inhabilita el código

Bueno, sobre los CGI´s, ya te pasaré algunos, que tú de programación sabes más que yo un rato.

No creas que se tanto, solo me las ingenio para sacarme el vicio...

Una cosa mas Iker, han modificado el post de pedro n Trcuos para los foros??? Habria que poner las dos versiones creo yo...

Vale cuanta con migo para los CGI ´s...

Hace falto algo que pueda linkar los ultimos temas a los sitios ...

Saludos

PREOCUPADO POR EL PROBLEMA DE IKER, PROBE EL CODIGO QUE POSTEO GAF Y ME DI CUENTA QUE ME DA EL MISMO ERROR QUE IKER. VOLVI A COPIAR Y PEGAR EL QUE POSTEE EN EL OTRO TEMA Y ME ANDA BIEN. DEBE HABER ALGO QUE SE CAMBIO QUE ES MEDIO RARO.... IKER, PRUEBA EST Y DINOS COM TE ANDA...

---------------------------------------------------------------------

<style>
<!--
.texto {font-family: Verdana; font-size: 11px; font-weight: bold; color: #386898; background-color:#FFFFFF}
a:link.texto {text-decoration:none;}
a:hover.texto {text-decoration:underline}
-->
</style>

<script>
//ESTE ARREGLO VA A TENER LOS NOMBRES DE TODOS LOS CARETOS QUE DESEO PONER
var careto = new Array ("gp_wink.gif", "gp_triste.gif", "gp_sorpresa.gif",
"gp_sonrisa.gif", "gp_risa.gif", "gp_molesto.gif", "gp_llanto.gif",
"gp_lengua.gif", "gp_insulto.gif", "gp_feliz.gif", "gp_enojo.gif",
"gp_eem.gif", "gp_asleep.gif", "gp_amor.gif", "gp_confuso.gif",
"gp_alpedo.gif") //este es mi arreglo

//ESTA VARIABLE VA A TENER LA UBICACION DONDE SE ENCUENTRAN LOS CARETOS
//SI FUERAN DE VARIAS CARPETAS, CONVENDRIA PONER LAS DIRECCIONES COMPLETAS EN EL ARREGLO
//Y DEJAR ESTA VARIABLE COMO ARREGLO VACIO ""
var carpeta = "http://www.gorrapuestas.com.ar/caretos/" //esta es mi carpeta

//TOMO LA DIRECCION ACTUAL DE LA PAGINA Y COMPARO LA PRIMERA PARTE PARA VER SI ES UN POST
//SI LO ES, PUBLICO UN CARTEL QUE POSICIONANDOME SOBRE EL ME DESPLEGARA UN MENU CON TODOS LOS CARETOS
var ubicacion = document.location.toString()
var post = "http://miarroba.com/foros/post.php"
var cartel = "Mas Caretos" //este es el cartel que publicara
var posCartelTop = 450 //Esta es la posicion donde ubicare
var posCartelLeft = 20 //el cartel. Depende de cada foro.
if (ubicacion.substring(0, post.length) == post)
{
document.write("<div style='position:absolute; z-index:0; left: "+ posCartelLeft +"; top: "+ posCartelTop +"'><a class=texto href=# onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')><img border=0 src="+carpeta+careto[0]+"><b>"+cartel+"</b></a></div>")
}

//ESTAS TRES SON FUNCIONES ESTANDARES, NO MODIFICAR!
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}

//LO QUE SIGUE A CONTINAUCION ES LA CREACION DE UN DIV QUE ENCIERRA UNA TABLA.
//AL PRINCIPIO LA TABLA ESTA INVISIBLE (visibility: hidden) Y LA POSICION ESTA DADA POR left:20
// Y top: 460. ES IMPORTANTE QUE LA TABLA QUEDE A CONTINUACION DEL CARTEL. DEBE PERMITIR EL PASO
//DE UNO A OTRO
</script>

<div id=Caretos style='position:absolute; width:100; z-index:1; visibility: hidden; left: 20 ; top: 470;' onMouseOver=MM_showHideLayers('Caretos','','show') onMouseOut=MM_showHideLayers('Caretos','','hide')>
<table width="160" border=1 bordercolor=#386898 cellspacing="0" align="left">
<script>
//ESTE CICLO CREA LAS CELDAS DE LA TABLA INTERACCIONANDO CON EL ARREGLO QUE PUSIMOS ANTES
//LA FUNCION A LA QUE LLAMA ES UNA PROPIA DE MI@
var inicio='[img]'+carpeta
var fin='[/img]'
for (var nro=0; nro < careto.length; nro++)
{
document.write("<tr>")
for (var i=0; i<4 && nro<careto.length; i++, nro++)
{
document.write("<td class=texto height=40 width=40 align=center><a href=javascript:AnadeTexto('"+inicio+careto[nro]+fin+"')><img border=0 src=http://www.gorrapuestas.com.ar/caretos/"+careto[nro]+"></a></td>")
}
nro--
document.write("</tr>")
}
</SCRIPT>
</table>
</div>

Lo acabo de probar, copiando y pegando de aqui y funciona correctamente.... Iker queda en ti hacer la ultima prueba para definirlo....

Si no ver aqui:

http://miarroba.com/foros/post.php?foroid=219231

Ese me sale bien, hasta con el texto en buen tamaño

http://miarroba.com/foros/post.php?foroid=24188&temaid=256889

Lo he probado en un foro normal, eso si, me sale un poco bajo el enlace, pero bueno, cuestión de cambiar al parámetro "y"

En la nukeada no funciono?

Con respecto al parametro Y o Top una cosa para tener en cuenta, si justo el usuario tiene mensajes privados, esto agregaria unas lineas a la pagina que harian que ese texto se vea un poco mas arriba de donde se lo quiso... Por eso en la version final, dejo un lugar entre el cartel y el texto que esta arriba... Lo probe teniendo privados y no se superponia... pero bueno, ajustelo cada uno en su foro...

Menos mal Iker, yo hice lo mismo que digo BIG, lo probe varias veces y siempre funcinó.

el primer codigo no me funcionaba, me pasaba lo mismo que a Ikerman, pero el segundo funciona perfectamente.

Le he hecho unas modificaciones en el top y el left para que el enlace salga a continuacion de los caretos que ya salen ahora.

Lo unico raro es que en un post original me sale no alineado y sin embargo en las respuestas a ese post sale perfectamente alineado.

os dejo el enlace por si quereis echarle un vistazo

http://miarroba.com/foros/ver.php?foroid=219217


Las modificaciones para que la gente tenga una idea son top inicial 865, letf inicial 650, y el resto variandolo proporcionalmente, pensado para resolucion de pantalla de 1024 x 768.....pero para cada foro sera distinto evidentemente



PD: si alguno lo prueba y lleva una resolucion de 800x600 que me avise si queda desalineado el enlace, porque entonces habria que ponerlo en el otro lado como en el codigo original

gaf desabilita los caretos asi se puede ver mejor el codigo

Usa el que puse yo... ese esta sin caretos y funciona OK

pues me funciona de maravilla, solo que al momento de que trato de cambiar los caretos, los que pongo se marcan con una "x", a que se debe? al tamaño de las celdas o que?

Gracias!

Es la duda que tengo!

Esta super esto!

si estas probando en mi foro de pruebas en estos momentos estoy personalizando los smiles.

Pero copiate el scrip y codifica los valores donde dice


var careto = new Array ("emoticons014.gif", "emoticons015.gif", "emoticons016.gif",
"emoticons001.gif", "emoticons002.gif", "emoticons003.gif", "emoticons004.gif",
"emoticons005.gif", "emoticons006.gif", "emoticons007.gif", "emoticons008.gif",
"emoticons009.gif", "emoticons010.gif", "emoticons011.gif", "emoticons012.gif",
"emoticons013.gif")

Debes subir tus caretos a una carpeta que se llame caretos o bien moficar esta línea


var carpeta = "http://www.gaf.cl/caretos/"

por la ruta de la tuya.

Y todos los valores donde aparezca en mi caso http://www.gaf.cl

saludos y suerte

Asi lo hice

Me paso eso que dije...

Ok, bueno, intentare de nuevo...

Una pregunta! las celdas se ajustan al tamaño del careto o hay que modificar algo en el codigo?
Gracias!

se ajustan. es como codigo HTMl puro. Si la imagen es mas grande, las agranda...