• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Ayuda Boton HTML

M

Manilito1880

Estoy intentando cambiar mi barra de busqueda, por un boton, ya se donde hay que cambiar el codigo ya sea html o php lo que no se es el codigo haber si me podeis a ayudar a hacer un similar
Ejemplo del boton Screenshot arriba derecha .
421a3c8e288242c3974912a00a11ea35.png

seria algo igual, el logo seria este,
2a7df4afac5ffcac1f19a3a1e5454127o.png

y que arriba ponga lo mismo juega online y abajo mc.alpacraft.com

'@luis o @lsm no se si este foro esta hecho para este tipo de dudas pero las pregunto porque se me podeis ayudar'
 
Última edición por un moderador:

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Prueba con:
PHP:
<div class="jugar" style="float:right;padding:10px;">
    <div class="logoAlpacraft buttom">
        <img style="hight:35px; width:auto;" src="http://fotos.subefotos.com/2a7df4afac5ffcac1f19a3a1e5454127o.png">
        <span style="font-weight:bold;font-size:18px;">¡Juega online!</span><br>
        <span style="font-size:13px;" class="alpa">
            <a href="mc.alpacraft.com/jugar">mc.alpacraft.com</a>
        </span>
    </div>
</div>
Y me dices.

Salud2
 
Última edición:
M

Manilito1880

Prueba con:
PHP:
<div class="jugar" style="float:right;padding:10px;">
    <div class="logoAlpacraft buttom">
        <img style="hight:35px; width:auto;" src="http://fotos.subefotos.com/2a7df4afac5ffcac1f19a3a1e5454127o.png">
        <span style="font-weight:bold;font-size:18px;">¡Juega online!</span><br>
        <span style="font-size:13px;" class="alpa">
            <a href="mc.alpacraft.com/jugar">mc.alpacraft.com</a>
        </span>
    </div>
</div>
Y me dices.

Salud2
xD pues no exactamente, no esta ni el boton [url='http://prntscr.com/duqibl']Screenshot[/URL]
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Prueba definiendo este css en la plantilla EXTRA.css
PHP:
#boton .buttom {
   border: 2px solid #176093;
    border-radius: 7px;
    box-shadow: 2px 2px 5px #032a46;
    display: inline-block;
    margin: 7px auto;
    padding: 1px;
    text-align: center;
}
#boton .logoAlpacraft.buttom img, .logoAlpacraft .imgLogo {
   max-width: 35px;
   max-height:35px;
   display: inline-block;
   float:left;
}
#boton .logoAlpacraft.buttom .textButtom {
   float:right;
   padding:5px;
}
#boton .textButtom .textGrande {
  font-weight:bold;
  font-size:18px;
}
#boton .textButtom .alpa {
  font-size:13px;
}
Y este código:
PHP:
<div id="boton" class="jugar" style="float:right;padding:10px;">
    <div class="logoAlpacraft buttom">
        <img class="imgLogo;" src="http://fotos.subefotos.com/2a7df4afac5ffcac1f19a3a1e5454127o.png">
        <div clas="textButtom">
            <span class="textGrande">¡Juega online!</span><br>
            <span class="alpa">
               <a href="mc.alpacraft.com/jugar">mc.alpacraft.com</a>
            </span>
        </div>
    </div>
</div>

Salud2
 
Arriba