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
1757 napja
4343 néző

WordPress themes

WordPress themes
1758 napja
923 néző

G-Portál themes

G-Portál themes
1758 napja
433 néző

Tumblr themes

Tumblr themes
1758 napja
601 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>


1 228 megtekintés

Hozzászólások