2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Coppermine Gallery themes

Coppermine Gallery themes
19 napja
45 néző

WordPress themes

WordPress themes
21 napja
48 néző

G-Portál themes

G-Portál themes
21 napja
25 néző

Tumblr themes

Tumblr themes
21 napja
42 néző

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>


919 megtekintés

Hozzászólások