Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas  [ 18 mensajes ]  Ir a página 1, 2  Siguiente
Poner imagenes en en los bbcode [SOLUCIONADO] 
Autor Mensaje
Forero
Forero
Avatar de Usuario

Registrado: 01-07-2008, 2:34
Mensajes: 74
Nota Poner imagenes en en los bbcode [SOLUCIONADO]
Hola, bueno lo k pasa es k kiero hacer esto, cambiar los botones de bbcode por unas imagenes, y pos lo pude hacer con lo k viene ya instalado, pero los k agrego yo no puedo TT.TT

Aguien sabe como se puede hacer para los bbcode k yo he agregado pueda cambiarlos por unas imagen

Aki una imagen

Imagen

Lo k kiero es agregarle la imagen al bbocde de center, pero no se como hacerlo XD, bueno gracias por leer xD

Salu2 y espero alguien sepa :?

_________________
Imagen
I am Iscariote_13 Visita Manga-XIII


10-04-2008, 7:59
Perfil
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota Re: Poner imagenes en en los bbcode
PokePablete escribió:
Aguien sabe como se puede hacer para los bbcode k yo he agregado pueda cambiarlos por unas imagen


Bueno esto es un poco royo, hice un tuto pero esta en flash y aqui no se puede poner, asi que te dejo la direccion.

Ver tuto en flash


10-04-2008, 12:57
Perfil WWW
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 11-14-2008, 8:59
Mensajes: 159
Nota 
PERE me podrias explicar a mi mas detalladamente como poner las imagenes, esque sigo el tutorial pero me pierdo mucho porque no se a que te refieres muchas veces.
O aunque sea solo dime como poner las imagenes que vienen de serie, asi como la imagen que hay en el primer post.Que eso tampoco se hacer :(


11-19-2008, 16:24
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota 
luzbelinaxX escribió:
PERE me podrias explicar a mi mas detalladamente como poner las imagenes, esque sigo el tutorial pero me pierdo mucho porque no se a que te refieres muchas veces.
O aunque sea solo dime como poner las imagenes que vienen de serie, asi como la imagen que hay en el primer post.Que eso tampoco se hacer :(


¿En parte o partes te pierdes?

Es lioso esto y mas cuando lo explica alguien como yo que no tiene mucha idea de html pero vamos si puedo por que no.


11-19-2008, 18:53
Perfil WWW
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 11-14-2008, 8:59
Mensajes: 159
Nota 
pues me pongo a hacerlo de nuevo, porque como no entendia lo di por imposible xD y esque yo tambien con el Html no tengo ni idea, pero nose como puedes decir tu que no tienes mucha idea, con la pedazo web que tienes.
A mi personalmente me gusta mucho,y si te pido ayuda por algo es...no seas modesto hombre! :D
Bueno, ahora te cuento en donde me pierdo


11-19-2008, 18:59
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota 
Venga pues animo y paciencia que asi todo se consigue....
Hasta yo lo hice jejeje...... y me salio algo asi:

Imagen


11-20-2008, 18:24
Perfil WWW
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 11-14-2008, 8:59
Mensajes: 159
Nota 
vah dejalo pere que esque lo que pasa esque no tengo la base para entender lo que hay que hacer.Intento comprenderlo pero no puedo.
Si tu estarias dispuesto a ayudarme por messenger....que si no puedes no importa, lo entiendo.
Pero sino ya te digo, que nose hacerlo.


11-20-2008, 19:09
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota 
luzbelinaxX escribió:
vah dejalo pere que esque lo que pasa esque no tengo la base para entender lo que hay que hacer.Intento comprenderlo pero no puedo.
Si tu estarias dispuesto a ayudarme por messenger....que si no puedes no importa, lo entiendo.
Pero sino ya te digo, que nose hacerlo.



Mujer si por eso fuera yo no tengo problema, tanto por messenger como por chat jejee... como si quieres entrar en mi foro y ahi lo que sea por post tambien. Sera por eso.... lo unico que una imagen vale mas que mil palabras :D

Un ultimo intento a ver si te animo jejeee.....

1º Ves a:
Panel de Administración/Estilos/Plantillas/tu estilo Editar/Postting_buttons.html

2º Copia el codigo y guardatelo por si lo necesitaras recuperar pues no hay otro modo.

3º Busca este codigo: Es el que pertenece al boton de la letra en negrita (depende del estilo utilizado puede variar algo.)
Código:
<input type="button" class="btnbbcode" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px;" onclick="bbstyle(0)" onmouseover="helpline('b')" onmouseout="helpline('tip')" />


4º Este es el codigo que sustituye al anterior:
Código:
<img src="http://universal.foroactivo.es/images/negri.gif" width="18" height="20" border="0" usemap="#Map">
<map name="Map">
  <area shape="rect" coords="0,0,20,20" title=" Negrita " onClick="bbstyle(0)" onMouseOver="helpline('b')" onMouseOut="helpline('tip')" />
</map>



Con esto sustituimos el boton a actual por una imagen, ahora seria cuestion de comparar y si te parece facil continuar con el resto.

:smile:


11-20-2008, 20:27
Perfil WWW
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 11-14-2008, 8:59
Mensajes: 159
Nota 
q wayyyyyyyyyyyy!!!!! que bien quedaaaa!!! jajajaja
esque estaba desesperada dios mio...
no sabes como te lo agradezco Pere, gracias de verdad!
Pero solo he puesto la que me has dicho jejeje.
Para poner las demas necesito saber de donde se saca esto:
Código:
usemap="#Map">
<map>
  <area>
</map>

que es una parte de lo que hay que poner con el icono de "negrita".
Para asi hacerlo con los demas.
Y dime cual es el significado de cada letrita, es decir,a la hora de editar la plantilla salen letras representando a los iconos, la b es negrita,¿y todas las demas?esque yo me guio por la letrita que salia xD.Entonces solo necesito saber que es eso de arriba, y que icono representa cada letrita.


11-20-2008, 20:43
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota 
luzbelinaxX escribió:
Para poner las demas necesito saber de donde se saca esto:
Código:
usemap="#Map">
<map>
  <area>
</map>




Bueno como ya te decia no tengo mucha idea de html por eso utilizo dreamweare y lo hace casi todo el programa jejee...

Como hacer eso? pues podria hacerse con una sola imagen aunque yo he utilizado una para cada herramienta.

Aqui te dejo una captura de la herramienta utilizada para hacer botones (zonas activas en una imagen) y crea el codigo que no sabes de donde sacaba.

Imagen


11-21-2008, 14:03
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota 
luzbelinaxX escribió:
Y dime cual es el significado de cada letrita, es decir,a la hora de editar la plantilla salen letras representando a los iconos, la b es negrita,¿y todas las demas?esque yo me guio por la letrita que salia xD.Entonces solo necesito saber que es eso de arriba, y que icono representa cada letrita.


Encuanto a lo que cambia en cada boton es solo la descripcion y el numero que corresponde a cada bbcode, ver lo resaltao en rojo:
<area shape="rect" coords="0,0,20,20" title=" Negrita " onClick="bbstyle(0)" onMouseOver="helpline('b')" onMouseOut="helpline('tip')" />
</map>[/b]



Si lo hacemos todos en una sola imagen variara tambien las cordenadas de cada boton:
<area shape="rect" coords="0,0,20,20" title=" Negrita " onClick="bbstyle(0)" onMouseOver="helpline('b')" onMouseOut="helpline('tip')" />

Luego cada bbcode que se crea (al menos en mi foro) aumenta el numero que le corresponde de 2 en 2:

<area shape="rect" coords="0,0,20,20" title=" Negrita " onClick="bbstyle(20)" onMouseOver="helpline('20')" onMouseOut="helpline('tip')" />

La pregunta que te haras es....
¿Como se que numero corresponde a cada bbcode?

Esto puedes saberlo haciendo lo siguiente:

  • Vas a tu foro y abres para ecribir un nuevo mensage.
  • Haz clic derecho sobre la pagina donde estan los botones correspondientes.
  • En el menu que sale clica en VER CODIGO FUENTE
  • Selecciona todo el codigo y pegalo en un archivo nuevo de tu editor html(en mi caso dreamweare)
  • Ahi podaras ver todos los bones y seleccionandolos ver el codigo correspondiente a cada uno.



Ejemplo codigo botones de este foro:
Código:
<input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(0)" onMouseOver="helpline('b')" />

           </span></td>
         <td><span class="genmed">
           <input type="button" class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onClick="bbstyle(2)" onMouseOver="helpline('i')" />
           </span></td>
         <td><span class="genmed">
           <input type="button" class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onClick="bbstyle(4)" onMouseOver="helpline('u')" />
           </span></td>
         <td><span class="genmed">
           <input type="button" class="button" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onClick="bbstyle(6)" onMouseOver="helpline('q')" />
           </span></td>

         <td><span class="genmed">
           <input type="button" class="button" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onClick="bbstyle(8)" onMouseOver="helpline('c')" />
           </span></td>
         <td><span class="genmed">
           <input type="button" class="button" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onClick="bbstyle(10)" onMouseOver="helpline('l')" />
           </span></td>
         <td><span class="genmed">
           <input type="button" class="button" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onClick="bbstyle(12)" onMouseOver="helpline('o')" />
           </span></td>
         <td><span class="genmed">
           <input type="button" class="button" accesskey="p" name="addbbcode14" value="Img" style="width: 40px"  onClick="bbstyle(14)" onMouseOver="helpline('p')" />

           </span></td>
         <td><span class="genmed">
           <input type="button" class="button" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onClick="bbstyle(16)" onMouseOver="helpline('w')" />
           </span></td>
          
                    <td><span class="genmed">
           <input type="button" class="button" accesskey="d" name="addbbcode18" value="Hide" style="width: 40px" onClick="bbstyle(18)" onMouseOver="helpline('Hide')" />
           </span></td>
                  <td><span class="genmed">
           <input type="button" class="button" accesskey="e" name="addbbcode20" value="Spoil" style="width: 40px" onClick="bbstyle(20)" onMouseOver="helpline('Spoil')" />

           </span></td>
                  <td><span class="genmed">
           <input type="button" class="button" accesskey="g" name="addbbcode22" value="YouTube" style="width: 60px" onClick="bbstyle(22)" onMouseOver="helpline('YouTube')" />
           </span></td>
                  <td><span class="genmed">
           <input type="button" class="button" accesskey="h" name="addbbcode24" value="GVideo" style="width: 60px" onClick="bbstyle(24)" onMouseOver="helpline('GVideo')" />


11-21-2008, 14:24
Perfil WWW
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 11-14-2008, 8:59
Mensajes: 159
Nota 
Pere he puesto el icono de "cursiva"pero como yo uso el frontpage no me sale en la misma linea,sino en otra, y bueno, el caso esque he cambiado los numeros que marcaste en rojo, por lo que yo pensaba que iba ahi :D y no me sale bien.
Asi que porfa dime que version usas tu del dreamwever para hacerlo igual que tu, para asi no perderme.


11-23-2008, 17:42
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota 
luzbelinaxX escribió:
Pere he puesto el icono de "cursiva"pero como yo uso el frontpage no me sale en la misma linea,sino en otra, y bueno, el caso esque he cambiado los numeros que marcaste en rojo, por lo que yo pensaba que iba ahi :D y no me sale bien.
Asi que porfa dime que version usas tu del dreamwever para hacerlo igual que tu, para asi no perderme.



Pues yo uso el dreamweaver 8 ¿sabes de donde descargarlo?

Aqui puse yo un cacharrito que te busca en megadowload y
rapidshare con un poco de suerte lo encuentras con de todo :)

Buscar dreamweaver 8


11-24-2008, 2:11
Perfil WWW
Forero Habitual
Forero Habitual
Avatar de Usuario

Registrado: 11-14-2008, 8:59
Mensajes: 159
Nota 
Gracias Pere!Pues me bajare el "cacharrito ese" :D , porque suelo bajarme cosas, pero el Dreamwaver 8 ya lo tengo, al igual que el MX 2004, pero esque no los uso y siendo sincera nose como funcionan.
Pero bueno, ahora voy a seguir tu tutorial a ver que tal me va.
A ver si tengo suerte xD
Ya te contare


11-24-2008, 2:17
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 08-03-2008, 13:52
Mensajes: 445
Nota 
Entonces lo del mp ni caso jejeje........


11-24-2008, 2:23
Perfil WWW
Mostrar mensajes previos:  Ordenar por  
Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas   [ 18 mensajes ]  Ir a página 1, 2  Siguiente

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado


No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Saltar a:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO
[ Time : 0.050s | 15 Queries | GZIP : Off ]