2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
282 napja
700 néző

WordPress themes

WordPress themes
284 napja
198 néző

G-Portál themes

G-Portál themes
284 napja
112 néző

Tumblr themes

Tumblr themes
284 napja
162 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>


984 megtekintés

Hozzászólások