• Par GloriaV le 23 Février 2015 à 17:38


    Mi generosidad es tan inmensa como el mar, y profundo como él es mi amor; Cuanto más te doy, más tengo, pues ambos son infinitos.

    <div style="padding: 10px;"><div style="padding: 50px; border-radius: 45px; border: 11px double #d0528a; background: #e8a9c5; box-shadow: 1px 1px 5px #F6F5F4; height: 100%;">
    <div style="padding: 35px;"><br /><br />
    <p><embed width="450" height="450" src="http://xuanfei.cctv118.com/2009fla/214sc/12.swf" wmode="transparent"></embed></p>
    <p style="text-align: center;">Texto</p>
    <p>&nbsp;</p></div></div></div>

     


    votre commentaire

  • Par GloriaV le 23 Février 2015 à 17:37
     


                                Rotación y sombra

                    -webkit-box-shadow: 0 15px 10px #000007; -moz-box-                        shadow: 0 15px 10px #000007;

                box-shadow: 0 15px 10px #000007; -webkit-transform:                                rotate(-3deg);-moz-transform: rotate(-3deg);

                               -o-transform: rotate(-3deg);

                                 -ms-transform: rotate(-3deg);

                                    transform: rotate(-3deg);




    votre commentaire

  • Par GloriaV le 23 Février 2015 à 17:35
     



                                    El contenedor consta
                                       de atributos:

     

                       "div style" – elemento estilo

            "box shadow" – efecto sombra (rojo, azul...según su

                    gusto y antojo)

           "border" – efecto borde: inset - color de efecto (negro...)

           "border-radius" – las esquinas

    Radio de la esquina se puede especificar como un valor

     (para toda la captura)

    Dos valores (2 esquinas diagonales) y cuatro esquinas (para cada esquina)

    "padding" - relleno en el elemento

    "background-image" - imagen de fondo (background dirección

    de la imagen)

    "width" - ancho del marco (se puede expresar en% o en píxeles)

     

    Otros atributos:

    "-Webkit-box-shadow" - para mostrar en las versiones anteriores del navegador Chrome

    "-moz-box-shadow" - para mostrar en las versiones anteriores del navegador Mozilla Firefox,

    "box-shadow" - que se mostrará en todos los demás navegadores.

     

    http://www.03www.su/2010/2010-397.html

     

    #border-image-style {

    border-width:15px;

    /* Existen 3 tipos de bordes: repetido, redondeado o estirado (repeat / round / stretch) */

    -moz-border-image:url(border.png) 30 30 stretch ;

    -webkit-border-image:url(border.png) 30 30 stretch;

    }

     

    Añadir bordes redondeados - border radius

    Con el siguiente snippet podrás redondear los bordes de distintos elementos.

     

    .round{

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px; /* future proofing */

    -khtml-border-radius: 10px; /* for old Konqueror browsers */

    }

     

    Adición de esquinas redondeadas de forma individual - border-radius

    Puedes elegir también cuál de las 4 esquinas se redondeará o tener una plantilla para redondear cada esquina.

     

    #Bottom_Right {

    height: 65px;

    width:160px;

    -moz-border-radius-bottomright: 50px;

    border-bottom-right-radius: 50px;

    }

    #Bottom_Left {

    height: 65px;

    width:160px;

    -moz-border-radius-bottomleft: 50px;

    border-bottom-left-radius: 50px;

    }

    #Top_Right {

    height: 65px;

    width:160px;

     -moz-border-radius-topright: 50px;

     border-top-right-radius: 50px;

    }

       #Top_Left {

       height: 65px;

        width:160px;

        -moz-border-radius-topleft: 50px;

         border-top-left-radius: 50px;

    }

    ?>

                     Añadir un gradiente - linear-gradient

                  Con CSS3, ya no se necesita utilizar imágenes para crear                        gradientes. Puedes usar CSS para añadir un gradiente

               al fondo de un elemento. Cambia los valores de

                color hexadecimal ("74b8d7" y "437fbc") por los colores del                                 gradiente que quieres.

     

                     background: -webkit-gradient(linear, left top, left bottom,                        from(#74b8d7), to(#437fbc));

                       background: -moz-linear-gradient(top, #74b8d7,
                            #437fbc);

                                          Atención

                                  Los códigos tiene link. 




    votre commentaire