Jump to content
  • Sky
  • Blueberry
  • Slate
  • Blackcurrant
  • Watermelon
  • Strawberry
  • Orange
  • Banana
  • Apple
  • Emerald
  • Chocolate
  • Charcoal
Manolo

[Pedido] Botones de seguir

Recommended Posts

Hola amigos, estoy trabajando en un theme que posteare en la comunidad, pero hay una parte que no logro que me qude.

 

Es el boton de seguir post y seguir usuario, que al poner el cursor encima cambia.

No logro de ninguna forma que me salga.

 

Este sería el CSS de los botones.

.button {
border: 0;
border-radius: 0;
outline: 0;
font-size: 18px;
background: #E6CA00;
box-shadow: 0px 0px 1px #B19525,0px 1px 1px #D1B832,2px 1px 1px #B19525,1px 2px 1px #D1B832,3px 2px 1px #B19525,2px 3px 1px #D1B832,4px 3px 1px #B19525,3px 4px 1px #D1B832,5px 4px 1px #B19525,4px 5px 1px #D1B832,6px 5px 1px #B19525;
color: #FFF;
white-space: nowrap;
padding: 9px 16px;
margin: 0 10px;
position: relative;
display:inline-block;
}

.button:hover {
background: #F3D605;
}

.button:active {
box-shadow: 0px 0px 1px #B19525,0px 1px 1px #D1B832,2px 1px 1px #B19525,1px 2px 1px #D1B832,3px 2px 1px #B19525;
top: 0px;
right: -3px;
bottom: -3px;
}

.button:active:after {
  top: 3px;
  left: 3px;
}

.button a{color:white}

.button a:hover{color:white}

.button_orange {
border: 0;
border-radius: 0;
outline: 0;
font-size: 18px;
background: #FF6124;
box-shadow: 0px 0px 1px #AF3F14,0px 1px 1px #C94921,2px 1px 1px #AF3F14,1px 2px 1px #C94921,3px 2px 1px #AF3F14,2px 3px 1px #C94921,4px 3px 1px #AF3F14,3px 4px 1px #C94921,5px 4px 1px #AF3F14,4px 5px 1px #C94921,6px 5px 1px #AF3F14;
color: #FFF;
white-space: nowrap;
padding: 9px 16px;
margin: 0 10px;
position: relative;
  display:inline-block
}
.button_orange:hover {
background: #FF4700;
}

.button_orange:active {
box-shadow: 0px 0px 1px #AF3F14,0px 1px 1px #C94921,2px 1px 1px #AF3F14,1px 2px 1px #C94921,3px 2px 1px;
top: 0px;
right: -3px;
bottom: -3px;
}

.blue-button {
border: 0;
border-radius: 0;
outline: 0;
font-size: 18px;
background: #4e68c7;
box-shadow: 1px 0px 1px #203891,0px 1px 1px #3852b1,2px 1px 1px #203891,1px 2px 1px #3852b1,3px 2px 1px #203891,2px 3px 1px #3852b1,4px 3px 1px #203891,3px 4px 1px #3852b1,5px 4px 1px #203891,4px 5px 1px #3852b1,6px 5px 1px #203891;
color: #FFF;
white-space: nowrap;
padding: 9px 16px;
margin: 0 10px;
position: relative;
}
.blue-button:hover {
background: #3d57b4;
}

.blue-button:active {
box-shadow: 1px 0px 1px #203891,0px 1px 1px #3852b1,2px 1px 1px #203891,1px 2px 1px #3852b1,3px 2px 1px #203891;
top: 0px;
right: -3px;
bottom: -3px;
}

@media screen and (max-width: 268px)
    {
.blue-button, .button {
display: table;
clear: both;
top: 30px;
}
}

Quisiera que el boton de seguir fuera el blue-button y el de dejar de seguir el orange_button.

 

 

Me podrian ayuudar amigos? Se los agradezco mil.

Les doy creditos en mi tema cuando lo termine.

No tengo nignuna web, estoy trabajando en localhost para hacer el theme y postearlo aqui.

Share this post


Link to post
Share on other sites

podria ser asi una clase que se llame

 

.button {

border: 0;
border-radius: 0;
outline: 0;
font-size: 18px;

padding: 9px 16px;

margin: 0 10px;
position: relative;
display:inline-block;

}

Y LAS OTRAS DOS CLASES CON SOLO EL COLOR

.btn_blue {

background:#0066ff;

}

.btn_naranja {

background:#CE7E06;

}

y usas las dos clases en tus botones

<span class="button btn_blue">boton</span>

<span class="button btn_naranja">boton</span>

Edited by lamomiabmx

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Miguel92
      Hola a todos les presento a Techno Transparent(1.2) hijo de Techno BetaDefault(1.1) y hrno de Techo Full(1.1).
      Se llama así porque trate de que todos los colores sean transparente o traslucido y ya no utilizó RGBA(*,*,*,*), sino que ahora utilizó HSLA(*,*%,*%,.*), Porque es mucho más fácil de usar...obviamente que * representa a un número de 0 a 255
       
      Este theme:
      viene con algunos complementos o mods Vaciar cache, comunidades, portada para post, post relacionado(con portada incluida).
      en el perfil: mod posts favoritos, ultimos comentarios, últimos post visitados, cumpleaños en perfil, verificar como en twitter, cumpleaños en las notificaciones.
      Tal vez incluya un actualizador que se llamará comunidades y se usará de la siguiente manera parecido a upgrade asi: http://www.tuweb.com/comunidades/index.php solamente es lo necesario(consultas) para que las comunidades funcionen...todo esto es la versión actualizada
      Lo que esta seleccionado con ROJO nosé si lo voy a incluir, porque si no encuentro el mod que va antes de este no lo voy a poner porque siempre estará blanco y me pide que haga una consulta hice una asi nomás pero no logro que seleccione la imagen y la incorpore a la visualización.
      Les mostraré algunas caps no son muchas....
      HOME

      FOOTER

      POST

      PERFIL

      COMUNIDADES


      LOGIN

      CACHE

      Y si alguien sabe y tiene el mod de portada para los posts relacionados con portada, me lo pasaría jajaja!!
    • By lwero12
      bueno amigos soy novato y pues qeria saber si alguien me qiere colaborar con un tema q sea bonito y q no presente muchos errores ya qu e probado  varios y lo presentan pues qiero hacer una qeb donde qiero postear libros para personas q no pueden comprarlos en la red y pues ando en busca de el tema ya q tengo una pagina de face donde los publico pero en facebook me estan borrando los links se los agradeceria si me ayudasesn ya q soy novato en estoy y estoy tratando de ayudar a otras personas de otra manera aqui les dejo mi direecion de mi oagina por si alguien se anima a ayudarme....
       
      http://intercambio.16mb.com/
    • By Zepp
      hola amigos queria preguntarles si si habria alguna platilla de taringa v6 gracias!
    • By SpoffBlock
      THEME RECHARGE
      HOLA, LES PRESENTO MI PRIMER THEME (Mas Bien Skin)
      Se Llama ReCharge Y Es Muy Raro,
      Es Una Mezcla Extrana entre v5, v4 y KM THRONOS

      TODAVIA ESTA EN DESARROLLO
      PERO DEJEN SUGERENCIAS, PLEASE...

      PD El Que lo quiera como esta se lo paso por MP...
    • By Cheto
      Bueno les dejo una actualización de como va quedando el theme. La home y los perfiles.
       

       

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Patrocinador



  • ×