Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

[DEV] Colored TextTema Solucionado

Solo BBCodes, dudas en este foro no


Cerrado

0
No hay votos
 
Votos totales: 0

Return;
Observador/a
Mensajes: 10
Registrado: 01 Dic 2008, 04:57
Género:
Edad: 35

[DEV] Colored Text  Tema Solucionado

#1

Mensaje por Return; »

Buenas! Resumiendo la razon de este post, estuve buscando un par de BBcodes para colorear el texto.. dado que
no los encontre intente crearlos.. si bien lo logre, no puedo hacerlo funcionar del todo bien.
Son 2 bbcodes, el reemplazo HTML está escrito en JavaScript y ahi es donde tengo problemas ya qe soy bastante novato
con el JS.
Si alguien tiene mas experiencia y puede darme una mano seria fantastico

Fade to Color BBCode
Spoiler
Imagen

Código: Seleccionar todo

#
#------------------------------[ Uso ]------------------------------
#
[fade c1={COLOR1} c2={COLOR2}]{TEXT}[/fade]

#
#------------------------------[ HTML ]------------------------------
#
<!-- 
Original script from: http://webmaster.lycos.es/tips/989426174/
HextoRGB function from: http://www.javascripter.net/faq/hextorgb.htm
Modified by Return;
-->


<script type="text/JavaScript">
        
        var hexa = "0123465789ABCDEF";
        
        function DecToHexa(DecNb) 
			{
				x = Math.floor(DecNb / 16);
				h = hexa.charAt(x);
				x = DecNb % 16;
				h += hexa.charAt(x);
				return h; 
			}
		
		// chex = color hexadecimal
		function HexToR(chex) {return parseInt((cutHex(chex)).substring(0,2),16)}
		function HexToG(chex) {return parseInt((cutHex(chex)).substring(2,4),16)}
		function HexToB(chex) {return parseInt((cutHex(chex)).substring(4,6),16)}
		function cutHex(chex) {return (chex.charAt(0)=="#") ? chex.substring(1,7):chex}
		
		
		function fade(c1,c2,texte)
			{
				dr = HexToR(c1); //************
				dg = HexToG(c1); //hexa a RGB**
				db = HexToB(c1); //hexa a RGB**
				fr = HexToR(c2); //hexa a RGB**
				fg = HexToG(c2); //hexa a RGB**
				fb = HexToB(c2); //************
				steps = texte.length;
				cr = dr; 
				cg = dg; 
				cb = db;
				sr = (fr - dr) / steps;
				sg = (fg - dg) / steps;
				sb = (fb - db) / steps;
				for (var x = 0; x <= steps; x++) 
					{
					document.write('<font color="#' + DecToHexa(cr) + DecToHexa(cg) + DecToHexa(cb) + '">');
					document.write(texte.charAt(x));
					document.write('</font>');
					cr += sr; 
					cg += sg; 
					cb += sb;
					}
			}
</script>

<script type="text/javascript">fade("{COLOR1}","{COLOR2}","{TEXT}");</script>
Rainbow BBCode
Spoiler
Imagen

Código: Seleccionar todo

#
#------------------------------[ Uso ]------------------------------
#
[rainbow]{TEXT}[/rainbow]

#
#------------------------------[ HTML ]------------------------------
#
<!-- Original code from http://www.startrekguide.com/community/memberlist.php?mode=viewprofile&u=8400
Modified by Return; -->
<script type="text/JavaScript" charset="UTF-8">
function rainbow(s)
{
	var colors = new Array(58);
	  colors[0] = "00F5F8";
	  colors[1] = "00CCF8";
	  colors[2] = "00AEF8"; 
	  colors[3] = "0091F8"; 
	  colors[4] = "006DF8"; 
	  colors[5] = "0054F8"; 
	  colors[6] = "0132F8"; 
	  colors[7] = "001AF8"; 
	  colors[8] = "0900F8"; 
	  colors[9] = "3200F8"; 
	  colors[10] = "4800F8"; 
	  colors[11] = "6200F8"; 
	  colors[12] = "7F06F8"; 
	  colors[13] = "9300F8"; 
	  colors[14] = "B100F8"; 
	  colors[15] = "C800F8"; 
	  colors[16] = "DC00F8"; 
	  colors[17] = "EF00F8"; 
	  colors[18] = "F800DF"; 
	  colors[19] = "F800C4"; 
	  colors[20] = "F800A1"; 
	  colors[21] = "F8008A"; 
	  colors[22] = "F8007A"; 
	  colors[23] = "F80060"; 
	  colors[24] = "F80050"; 
	  colors[25] = "F80044"; 
	  colors[26] = "F8002C"; 
	  colors[27] = "F8001A"; 
	  colors[28] = "F80600"; 
	  colors[29] = "F81A00"; 
	  colors[30] = "F82F00"; 
	  colors[31] = "F84400"; 
	  colors[32] = "F80060"; 
	  colors[33] = "F86A00"; 
	  colors[34] = "F87D00"; 
	  colors[35] = "F89701"; 
	  colors[36] = "F8A800"; 
	  colors[37] = "F8C400"; 
	  colors[38] = "F8DF00"; 
	  colors[39] = "F8F400"; 
	  colors[40] = "DCF800"; 
	  colors[41] = "C0F800"; 
	  colors[42] = "A8F800"; 
	  colors[43] = "8BF800"; 
	  colors[44] = "70F800"; 
	  colors[45] = "56F800"; 
	  colors[46] = "41F800"; 
	  colors[47] = "26F800"; 
	  colors[48] = "09F800"; 
	  colors[49] = "00F812"; 
	  colors[50] = "01F82E"; 
	  colors[51] = "00F850"; 
	  colors[52] = "00F86A"; 
	  colors[53] = "00F881"; 
	  colors[54] = "00F8B4"; 
	  colors[55] = "00F8B4"; 
	  colors[56] = "00F8C6"; 
	  colors[57] = "00F8DB";
   
   var c=0;
   var l=s.length;
   var k;
   var strng = new Array(l);
   
   for (var x=0; x<=l;x++)
	 strng[x] = s.charAt(x);
	
	if (l<=15) k=6; 
	if (l>15&&l<=20) k=3; 
	if (l>20&&l<=25) k=3; 
	if (l>25&&l<=30) k=2; 
	if (l>30&&l<=35) k=2; 
	if (l>35&&l<=40) k=2; 
	if (l>40&&l<=55) k=2; 
	if (l>45&&l<=50) k=2; 
	if (l>50) k=1;	 
   
   for (var i=0; i <= l; i++)
	{
	if (c>57) 
		c=0;
	if (strng[i] != ' ')
		{
		document.write('<font color="#' + colors[c] + '">' + strng[i] + '</font>');
		c=c+k;
		}
	else
		document.write(' ');
	}
}
</script>
<script type="text/javascript">rainbow("{TEXT}");</script>
Los problemas que tiene el codigo de momento:
-> Caracteres especiales como parentesis, ampersand, comillas, etc los muestra en su equiv. HTML ( & = & )
-> Saltos de linea (enter) como un <br />
-> No se pueden utilizar Smilies dentro de los tags (no me preocupa esto)

Si alguien sabe como solucionar estos detalles, desde ya estaré agreadecido!

Si este no es el lugar adecuado para el topic, favor de moverlo, la verdad es qe no sabia bien donde ponerlo.
Un saludo!!!
Postcount is NOT directly proportional to IQ, although some idiots keep suggesting otherwise...
Datos de soporte:
Spoiler
URL: http://www.NoLimits-CS.com.ar/forum" onclick="window.open(this.href);return false;
Plantilla(s) usuada(s): AeroBlue 3.0.1
MODs instalados: imagesBBcodes, Advanced QuickReply, AutoImageResizer v1.3.0, Last Post Title, BotsMod, Genders v1.0.1, Manage Attachments, Instant Post Redirect, Mark Edited Posts Unread, Display Age in VT, Favicon v1.0.4
Versión de phpBB: v3.0.4
Servidor: Pago
Si es una actualización desde otra versión: 3.0.3
Si es una conversión desde otro tipo de Foro: No.

Avatar de Usuario
djeloy
Asiduo/a
Mensajes: 171
Registrado: 02 Abr 2007, 10:43
Género:
Edad: 40

Re: [DEV] Colored Text

#2

Mensaje por djeloy »

muy bueno gracias!
WEB: http://www.musicaenestadopuro.com/foro/
Foro: PHPBB 3.0.10
MoD instalados: Portal Board3
Plantilla: aRt bLue
Servidor de pago con: Aruba

Cerrado

Volver a “⚙️ BBCode General”