Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje22-01-2012, 00:34 (UTC)    
Título del mensaje: [Html] Botones de Extra Foro | En Agregar Post

Hola ya habran visto que sus foro no vienen incluido
el boton de imagen o el de url o el de lista pues ahi un rato viendo y adaptando los codigo de bbcode a html pude hacer esta tabla con todos los botones

Vista Previa
http://davixm.es.tl/WinTux/cat-1-Sugerencias.htm

Si decean la tabla completa

Código:
<table width="200" border="1" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td><strong>Agregar:</strong><input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" onmouseover="helpline('b')">

<input type="button" class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" onmouseover="helpline('i')">

<input type="button" class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" onmouseover="helpline('u')">

<input type="button" class="button" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline('q')">

<input type="button" class="button" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline('c')">

<input type="button" class="button" accesskey="url" name="addbbcode2" value="Lista" style="width: 30px" onclick="bbstyle(10)" onmouseover="helpline('img')">


<input type="button" class="button" accesskey="img" name="addbbcode2" value="img" style="width: 30px" onclick="bbstyle(14)" onmouseover="helpline('img')">

<input type="button" class="button" accesskey="url" name="addbbcode2" value="url " style="width: 30px" onclick="bbstyle(16)" onmouseover="helpline('img')">


<select name="addbbcode18" onchange="bbfontstyle('[color=' + this.form.addbbcode18.options[this.form.addbbcode18.selectedIndex].value + ']', '[/color]');this.selectedIndex=0;" onmouseover="helpline('s')">
                 <option style="color:black; background-color: #FAFAFA" value="#444444" selected="">estándar</option>
                 <option style="color:darkred; background-color: #FAFAFA" value="darkred">Rojo oscuro</option>
                 <option style="color:red; background-color: #FAFAFA" value="red">Rojo</option>
                 <option style="color:orange; background-color: #FAFAFA" value="orange">Naranja</option>
                 <option style="color:brown; background-color: #FAFAFA" value="brown">Marrón</option>
                 <option style="color:yellow; background-color: #FAFAFA" value="yellow">Amarillo</option>
                 <option style="color:green; background-color: #FAFAFA" value="green">Verde</option>
                 <option style="color:olive; background-color: #FAFAFA" value="olive">Verde oliva</option>
                 <option style="color:cyan; background-color: #FAFAFA" value="cyan">Azul cian</option>

                 <option style="color:blue; background-color: #FAFAFA" value="blue">Azul</option>
                 <option style="color:darkblue; background-color: #FAFAFA" value="darkblue">Azul oscuro</option>
                 <option style="color:indigo; background-color: #FAFAFA" value="indigo">Indigo</option>
                 <option style="color:violet; background-color: #FAFAFA" value="violet">Violeta</option>
                 <option style="color:white; background-color: #FAFAFA" value="white">Blanco</option>
                 <option style="color:black; background-color: #FAFAFA" value="black">Negro</option>
               </select>


<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]')" onmouseover="helpline('f')">
                 <option value="7">Muy pequeña</option>
                 <option value="9">Pequeña</option>
                 <option value="12" selected="">Normal</option>
                 <option value="18">Grande</option>
                 <option value="24">Muy grande</option>
               </select>
</td>
        </tr>
    </tbody>
</table>



ok bien si quieren solo el los botones sin los colores o tamaños es este codigo va por encima del foro

Código:
<table width="200" border="1" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td><strong>Agregar:</strong><input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" onmouseover="helpline('b')">

<input type="button" class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" onmouseover="helpline('i')">

<input type="button" class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" onmouseover="helpline('u')">

<input type="button" class="button" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" onmouseover="helpline('q')">

<input type="button" class="button" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" onmouseover="helpline('c')">

<input type="button" class="button" accesskey="url" name="addbbcode2" value="Lista" style="width: 30px" onclick="bbstyle(10)" onmouseover="helpline('img')">


<input type="button" class="button" accesskey="img" name="addbbcode2" value="img" style="width: 30px" onclick="bbstyle(14)" onmouseover="helpline('img')">

<input type="button" class="button" accesskey="url" name="addbbcode2" value="url " style="width: 30px" onclick="bbstyle(16)" onmouseover="helpline('img')">

</td>
        </tr>
    </tbody>
</table>

______________
WebTwo de RadioVijaer.


Ultima edición por davixm el Sab Ene 21, 2012 8:35 pm; editado 1 vez
Mensaje22-01-2012, 00:46 (UTC)    
Título del mensaje:

buen aporte amigo
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group