Magazinban gombok cseréje, akármilyen kép cseréje

Egy magasabb szintű css-el el lehet érni hogy az oldalon lévő akármelyik képet lecseréljük, ehhez csak egyetlen dolgot kell tudnunk az url címét (direkt link), és mivel magasabb szintű css-ről lévén szó Internet Explorerben szintén nem működik!

A kód megírása egyszerű, az első helyre kell beírnod annak a képnek a linkjét amit le akarsz cserélni, a másodikba azt amire le akarod cserélni, utánna fontos hogy megadd mekkora legyen az új kép, a magasság van elől és utánna a szélesség, ha ezeket nem adod meg pontosan pl kisebbet adsz meg mint a kép mérete akkor nem látszódik majd a széle, de mivel meg lehet adni a kép méreteit egy kicsi gombot pl a feliratkozás gombot le tudod cserélni egy sokkal nagyobbra is =]


<style type="text/css" rel="stylesheet">
img[src="kép linkje amit le kell cserélni"] {background-image: url(kép linkje amire le akarod cserélni) !important; width: 0px !important; height: 0px !important/* CSS by srmark */; padding-bottom: 18px !important; padding-right: 24px !important; background-repeat: no-repeat !important; background-color: #074888 !important;}
</style>




Ez a cikk így túl rövid lenne ezért megadom a magazinokban lévő gomboknak a cserélő kódjait:


<style type="text/css" rel="stylesheet">

/* Társszerkesztővé szeretnék válni gomb */
img[src="http://image.hotdog.hu/_img/icons/barat2_b.gif"] {background-image: url(A te linked) !important; width: 0px !important; height: 0px !important; padding-bottom: 18px !important; padding-right: 24px !important; background-repeat: no-repeat !important; background-color: #074888 !important/* CSS by srmark */;}


/* Ajánl gomb */
img[src="http://image.hotdog.hu/_img/icons/ajanl_b.gif"] {background-image: url(A te linked) !important; width: 0px !important; height: 0px !important; padding-bottom: 18px !important; padding-right: 24px !important; background-repeat: no-repeat !important; background-color: #074888 !important/* CSS by srmark */;}

/* Feliratkozás gomb */
img[src="http://image.hotdog.hu/_img/icons/magazin_feliratkozas_b.gif"] {background-image: url(A te linked) !important; width: 0px !important; height: 0px !important; padding-bottom: 18px !important; padding-right: 24px !important; background-repeat: no-repeat !important; background-color: #074888 !important/* CSS by srmark */;}


/* Hozzáadás a kedvencekhez vagymás néven Feljelentem gomb */
img[src="http://image.hotdog.hu/_img/icons/kedvencekhez.gif"] {background-image: url(A te linked) !important; width: 0px !important; height: 0px !important; padding-bottom: 18px !important; padding-right: 24px !important; background-repeat: no-repeat !important; background-color: #074888 !important/* CSS by srmark */;}


/* Alul található lécben a jobbra mutató nyíl-as gomb, vagyis a következő gomb */
img[src="http://image.hotdog.hu/_img//icons/pager_next.gif"] {background-image: url(A te linked) !important; width: 0px !important; height: 0px !important; padding-bottom: 18px !important; padding-right: 24px !important; background-repeat: no-repeat !important; background-color: #074888 !important/* CSS by srmark */;}


/* Utolsó oldal gomb */
img[src="http://image.hotdog.hu/_img//icons/pager_last.gif"] {background-image: url(A te linked) !important; width: 0px !important; height: 0px !important; padding-bottom: 18px !important; padding-right: 24px !important; background-repeat: no-repeat !important; background-color: #074888 !important/* CSS by srmark */;}


/* Legelső oldal */
img[src="http://image.hotdog.hu/_img/icons/pager_first.gif"] {background-image: url(A te linked) !important; width: 0px !important; height: 0px !important; padding-bottom: 18px !important; padding-right: 24px !important; background-repeat: no-repeat !important; background-color: #074888 !important/* CSS by srmark */;}


/* Előző oldal */
img[src="http://image.hotdog.hu/_img/icons/pager_prev.gif"] {background-image: url(A te linked) !important; width: 0px !important; height: 0px !important; padding-bottom: 18px !important; padding-right: 24px !important; background-repeat: no-repeat !important; background-color: #074888 !important/* CSS by srmark */;}


/* Hozzászólás elküldése gomb a cikkek alatti doboznál */
img[src="http://image.hotdog.hu/_img/icons/feher_hozzaszolas.gif"] {A te linked) !important; width: 0px !important; height: 0px !important; padding-bottom: 18px !important; padding-right: 24px !important; background-repeat: no-repeat !important; background-color: #074888 !important/* CSS by srmark */;}
</style>