URBE

Regístrate y accede a todo el contenido de Urbe.biz, sin verificacion de mail Click aquí


Unirse al foro, es rápido y fácil

URBE

Regístrate y accede a todo el contenido de Urbe.biz, sin verificacion de mail Click aquí

URBE

¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Mi sitio tu sitio


2 participantes

    Generador de botones en CSS

    MISSARG
    MISSARG
    MISSARG


    Generador de botones en CSS Th_arg10
    Femenino
    • Mensaje n°1

    Generador de botones en CSS Empty Generador de botones en CSS

    Mensaje por MISSARG Miér Mayo 26, 2010 12:44 am

    Generador de botones en CSS

    Generador de botones en CSS Boton-10

    En css-tricks.com, donde podremos crear un botón con CSS eligiendo su tamaño, forma y colores sin necesidad de conocer detalles técnicos.

    En la ventana izquierda podemos ver el resultado de lo que vamos configurando a la derecha, con la opción de obtener el código CSS correspondiente.
    • Volver arriba
    AKILES_HD
    AKILES_HD
    AKILES_HD
    Super Moderador
    Super Moderador


    Generador de botones en CSS Th_spa10
    Masculino Lugar : www.MegaVagos.com
    • Mensaje n°2

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por AKILES_HD Miér Mayo 26, 2010 1:54 pm

    Guuauuu... que bueno esto me viene de lujo jajaja pero donde editamos el texto MISSARG ?? es que no se donde es en el código que te da no hay sitio un saludo .

    EDITO :

    Es solo para los botones internos de foro como los de Buscar/Previsualizacion/Enviar/etc pero estan muy bien gracias muy buen aporte te doy puntos por este esfuerzo . xD
    • Volver arriba
    MISSARG
    MISSARG
    MISSARG


    Generador de botones en CSS Th_arg10
    Femenino
    • Mensaje n°3

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por MISSARG Miér Mayo 26, 2010 3:27 pm

    hice la prueba recien en un menu y obtuve esto:

    http://soloargentinos.superforo.net/index.htm

    una vez generado el boton desde la pagina, se debe cambiar el id del codigo, para q coincida con la parte del menu del foro

    la pagina da el id: .boton la cambiamos por .mainmenu en todas las partes del codigo donde salga el id .botom

    quedando algo asi:

    Código:
    .mainmenu { border-top: 1px solid #050505; background: #b80909; background: -webkit-gradient(linear, left top, left bottom, from(#a30505), to(#b80909)); background: -moz-linear-gradient(top, #a30505, #b80909); padding: 12px 24px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; } .mainmenu:hover { border-top-color: #c4c4c4; background: #c4c4c4; color: #870000; } .mainmenu:active { border-top-color: #b50909; background: #b50909; }

    Generador de botones en CSS 304319
    • Volver arriba
    AKILES_HD
    AKILES_HD
    AKILES_HD
    Super Moderador
    Super Moderador


    Generador de botones en CSS Th_spa10
    Masculino Lugar : www.MegaVagos.com
    • Mensaje n°4

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por AKILES_HD Miér Mayo 26, 2010 4:35 pm

    Dios que grandiosa eres !! jajaja pero yo no me entero de nada .... te dejo aquí el código mio y tu me lo modificas por favor!! jajaja es que soy muy torpe para esto de los códigos tu lo sabes un saludo y muchísimas gracias de antemano . (espero no molestar)

    Código:
    .button { border-top: 1px solid #69651f; background: #4a4329; background: -webkit-gradient(linear, left top, left bottom, from(#3b341c), to(#4a4329)); background: -moz-linear-gradient(top, #3b341c, #4a4329); padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 12px; font-family: Georgia, Serif; text-decoration: none; vertical-align: middle; } .button:hover { border-top-color: #2e2e2e; background: #2e2e2e; color: #4c7544; } .button:active { border-top-color: #afb335; background: #afb335; }


    EDITO:

    MISSARG no se puede quedar en todos lados los botones ?? es decir que se vean en el menú principal y en los de Buscar/Previsualizacion/Enviar/etc eso es posible seria lo suyo un saludo y gracias.
    • Volver arriba
    MISSARG
    MISSARG
    MISSARG


    Generador de botones en CSS Th_arg10
    Femenino
    • Mensaje n°5

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por MISSARG Miér Mayo 26, 2010 4:51 pm

    jajajaja aqui esta modificado:
    Código:
    .mainmenu { border-top: 1px solid #69651f; background: #4a4329;
    background: -webkit-gradient(linear, left top, left bottom,
    from(#3b341c), to(#4a4329)); background: -moz-linear-gradient(top,
    #3b341c, #4a4329); padding: 5px 10px; -webkit-border-radius: 3px;
    -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:
    rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white; font-size: 12px; font-family: Georgia, Serif;
    text-decoration: none; vertical-align: middle; } .mainmenu:hover {
    border-top-color: #2e2e2e; background: #2e2e2e; color: #4c7544; }
    .mainmenu:active { border-top-color: #afb335; background: #afb335; }




    si lo queres en todo podrias leer este tema del foro de ayuda de foroactivo, que es para redondear bordes:aca

    saludos
    • Volver arriba
    AKILES_HD
    AKILES_HD
    AKILES_HD
    Super Moderador
    Super Moderador


    Generador de botones en CSS Th_spa10
    Masculino Lugar : www.MegaVagos.com
    • Mensaje n°6

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por AKILES_HD Miér Mayo 26, 2010 5:19 pm

    Como no entiendo ?? ahí en el foroactivo de lo que hablan es de redondear los bordes no ?? y yo lo que quiero es poner esos botones en todos lados en el menu y como estaba apriori en su primera versión , es decir si se puede poner para //.button//.mainmenu // los dos ala misma vez un saludo y gracias ??

    EDITO:

    Me contesto yo solo !!! jajaja si se puede poniendo los dos codigos el //.button//y el de//.mainmenu // en CSS jajajaja que bueno soy ya le estoy cogiendo a esto el royito jajaja un saludo .
    • Volver arriba
    MISSARG
    MISSARG
    MISSARG


    Generador de botones en CSS Th_arg10
    Femenino
    • Mensaje n°7

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por MISSARG Miér Mayo 26, 2010 5:28 pm

    acabo de probar y se ve asi mira

    http://soloargentinos.superforo.net/presentaciones-de-los-miembros-f1/holasss-me-presento-t1.htm#1

    osea boton x boton no porque no tenemos un id individual para darle propiedad, solo le pude poner como fondo

    con este codigo
    Código:
    .posting-icons{ border-top: 1px solid #050505; background: #b80909; background: -webkit-gradient(linear, center top, center mainmenu, from(#a30505), to(#b80909)); background: -moz-linear-gradient(top, #a30505, #b80909); padding: 12px 24px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; } .posting-icons:hover { border-top-color: #c4c4c4; background: #c4c4c4; color: #870000; } .posting-icons:active { border-top-color: #b50909; background: #b50909; }

    y al de top con este codigo
    Código:
    .misc-icons{ border-top: 1px solid #050505; background: #b80909; background: -webkit-gradient(linear, center top, center mainmenu, from(#a30505), to(#b80909)); background: -moz-linear-gradient(top, #a30505, #b80909); padding: 12px 24px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; } .misc-icons:hover { border-top-color: #c4c4c4; background: #c4c4c4; color: #870000; } .misc-icons:active { border-top-color: #b50909; background: #b50909; }
    • Volver arriba
    AKILES_HD
    AKILES_HD
    AKILES_HD
    Super Moderador
    Super Moderador


    Generador de botones en CSS Th_spa10
    Masculino Lugar : www.MegaVagos.com
    • Mensaje n°8

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por AKILES_HD Miér Mayo 26, 2010 5:49 pm

    GUAAUUU ....!!! jajaja salen en las flechas de arriba que están ala derecha pero en los botones de flechas de derechas y izquierda para pasar pagina no sale el efecto por que ? un saludo y multigracias (^_*)
    • Volver arriba
    MISSARG
    MISSARG
    MISSARG


    Generador de botones en CSS Th_arg10
    Femenino
    • Mensaje n°9

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por MISSARG Miér Mayo 26, 2010 6:05 pm

    no salia xq cada zona tiene su id, para poner propiedades se haceen forma individual
    el codigo para esa parte es esta:

    Código:

    .next-prev{ border-top: 1px solid #050505; background: #b80909; background: -webkit-gradient(linear, center top, center mainmenu, from(#a30505), to(#b80909)); background: -moz-linear-gradient(top, #a30505, #b80909); padding: 12px 24px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; }.next-prev:hover { border-top-color: #c4c4c4; background: #c4c4c4; color: #870000; }.next-prev:active { border-top-color: #b50909; background: #b50909; }
    • Volver arriba
    AKILES_HD
    AKILES_HD
    AKILES_HD
    Super Moderador
    Super Moderador


    Generador de botones en CSS Th_spa10
    Masculino Lugar : www.MegaVagos.com
    • Mensaje n°10

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por AKILES_HD Miér Mayo 26, 2010 6:51 pm

    Bueno con este codigo tampoco se ven el efecto en las flechas de pasar paginas te pongo una captura para aclárate donde es un saludo y mil gracias .Generador de botones en CSS Dibujobotonesmissarg
    • Volver arriba
    MISSARG
    MISSARG
    MISSARG


    Generador de botones en CSS Th_arg10
    Femenino
    • Mensaje n°11

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por MISSARG Miér Mayo 26, 2010 7:24 pm

    quizas algun otro codigo esta chocando con ese, aunq segun veo vos decis eld e pasar de un post a ootro, nop ese no se puede modificar, por lo menos no lo se yo aun..silo se te lo posteo :)
    • Volver arriba
    Contenido patrocinado

    Contenido patrocinado


    • Mensaje n°12

    Generador de botones en CSS Empty Re: Generador de botones en CSS

    Mensaje por Contenido patrocinado

    • Volver arriba
      Fecha y hora actual: Jue Nov 21, 2024 9:35 pm