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
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
Coppermine Gallery themes

Coppermine Gallery themes
80 napja
111 néző

WordPress themes

WordPress themes
81 napja
114 néző

G-Portál themes

G-Portál themes
81 napja
67 néző

Tumblr themes

Tumblr themes
81 napja
101 néző

Eltérő linkelt képeffekt a Blogban
227 megtekintés

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…




Előző, következő cikk



Ez a tartalom regisztrációhoz kötött. Ha már regisztrált tag vagy, akkor a Bejelentkezés alatt tudsz belépni, ellenkező esetben regisztrálnod kell a tartalom megtekintéséhez.Regisztrált felhasználó belépéseFelhasználónévJelszó Emlékezzen rám  RegisztrációFelhasználónév*Email cím*E-mail cím újra*Honlap**Kötelezően kitöltendő mező

Lehet sokan nem tudják, hogy a G-portálon van arra lehetőség, hogy ne egy adott szélső modulba vagy a szerkeszthető fejléc/lábléc modulba legyen beillesztve az oldal CSS kódja, hanem a “rendes” helyére. Miután teljesen elkészültetek az oldalatok kinézetével és a

 



Hozzászólások