2019. 03. 05.Videó | Vízjel eltüntetése képről Photoshop-ban
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
Coppermine Gallery themes

Coppermine Gallery themes
441 napja
1071 néző

WordPress themes

WordPress themes
443 napja
249 néző

G-Portál themes

G-Portál themes
443 napja
141 néző

Tumblr themes

Tumblr themes
443 napja
198 néző

Képnek háttér körvonal helyett 1.

 

 

Minden esetben, ha linkelt képnél szeretnéd alkalmazni az effekteket úgy, hogy ha ráviszed az egeret, akkor változzon, akkor a kódrészt ebbe a részbe kell beillesztened:

 

a:link img, a:visited img {
ide jön a kódrész
}
a:hover img {
ide jön a kódrész
}

 

<style type="text/css">
img {
    background-color: #ffffff;
    padding: 10px;
    border: 0px;
    box-shadow: none;
    filter: alpha(opacity=100); /* Kép elhalványítása */
    opacity: 10; /* Kép elhalványítása */
    background: url('/images/scripts/image-effects/011.gif');
    background-position: top right;
    margin: 0px;
    -moz-transition-property: background-position;
    -moz-transition-duration: 5s;
    -webkit-transition-property: background-position;
    -webkit-transition-duration: 5s;
    -o-transition-property: background-position;
    -o-transition-duration: 5s;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    border-radius: 0px;
}
img:hover {
    padding: 10px;
    background-color: #ffffff;
    border: 0px;
    background: url('/images/scripts/image-effects/012.jpg');
    background-position: bottom left;
    margin: 0px;
    -moz-transition-property: background-position;
    -moz-transition-duration: 5s;
    -webkit-transition-property: background-position;
    -webkit-transition-duration: 5s;
    -o-transition-property: background-position;
    -o-transition-duration: 5s;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    border-radius: 0px;
}
</style>


813 megtekintés

Hozzászólások