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
164 napja
252 néző

WordPress themes

WordPress themes
165 napja
143 néző

G-Portál themes

G-Portál themes
165 napja
86 néző

Tumblr themes

Tumblr themes
165 napja
128 néző

Eltérő linkelt képeffekt a Blogban

A blog modulban azt is meg lehet csinálni, hogy teljesen eltérő linkelt képet adtok meg. Vagy lehet eltérő sima link vagy a vastag, dőlt, aláhúzott stílus is lehet teljesen eltérő a blog modulban. Én most konkrétan a linkelt képekre térek ki, de a kód alatt azért hozok példát a többire is. Szóval, ha a linkelt képeket szeretnétek a blog modulban megváltoztatni, akkor ahhoz ez a CSS kód kell:

 

div[id*="post"] p a:link img, div[id*="post"] p a:visited img { /* linkelt kép a blogban */
background: #F0F0F0;
padding: 7px;
filter: alpha(opacity=70);
opacity: .7;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
div[id*="post"] p a:hover img { /* linkelt kép a blogban, ha ráviszed az egeret */
background: #E6E6E6;
padding: 7px;
filter: alpha(opacity=100);
opacity: 10;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}

 

Itt ez a rész a fontos. Ezzel hivatkozik arra a CSS kód, hogy csak a blogban lévő linkelt képekre fog hatni. A többire nem. A div[id*=”post”] p kódrész az, amivel a blogra hivatkozik.

 

div[id*="post"] p a:link img, div[id*="post"] p a:visited img
div[id*="post"] p a:hover img

 

Sima képeknél így néz ki a kód:

 

div[id*="post"] p img
div[id*="post"] p img:hover

 

Vastag, dőlt, aláhúzott szavaknál így néz ki a kód:

 

div[id*="post"] p strong, div[id*="post"] p B
div[id*="post"] p EM, div[id*="post"] p I
div[id*="post"] p underline, div[id*="post"] p U

 

stb…


581 megtekintés

Hozzászólások