2017. 11. 20.Képes project szövegdoboz 32.
2017. 11. 18.Videó beágyazása Coppermine galériába 2.0
2017. 11. 16.Coppermine themes
2017. 11. 16.WordPress themes
2017. 11. 15.Új design a LindaDesign-on
png-keszites.flv

PNG kép készítése

demi-lovato.png

Sosugary Gallery themes

lindadesign-fantasy.png

Coppermine Gallery themes

vanessa-marano.png

G-Portál themes

Tapasz a kép tetejére

 

 

 

A kép kódja
 

<div align="center">
    <div class="box tape">
        <span class="image-wrap" style="position:relative; display:inline-block; background:url(/images/scripts/image-effects/001.png) no-repeat center center; width: 400px; height: 465px;"><img src="/images/scripts/image-effects/001.png" style="opacity: 0;" /></span>
    </div>
</div>


CSS kód
 

<style type="text/css">
.tape .image-wrap:after {
    position: absolute;
    content: ' ';
    width: 300px; /* tapasz szélessége */
    height: 45px; /* tapasz magassága */
    top: -20px;
    left: 25%; /* tapasz balról elhelyezkedése*/
    margin-left: -50px; /* tapasz jobbról elhelyezkedése */
    border: solid 1px rgba(137,130,48,.2);
    background: -moz-linear-gradient(top, rgba(254,243,127,.6) 0%, rgba(240,224,54,.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,243,127,.6)), color-stop(100%,rgba(240,224,54,.6)));
    background: linear-gradient(top, rgba(254,243,127,.6) 0%,rgba(240,224,54,.6) 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.2);
}
-->
</style>


877 megtekintés

Hozzászólások