szerda, augusztus 05, 2009

ie6 figyelmeztetés forrás kód

előző bejegyzésemben beszéltem róla, hogy miért kell megszüntetni minden kapcsolatunkat a régi Internet Explorer-rel, most íme egy kódrészlet, amelyet honlapunkba ágyazva megkímélhetjük a látogatókat a helytelen honlapmegjelenésektől, magunkat pedig a honlapunk problémás böngészőre való optimalizálásától:
  <!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; clear: both; height: 75px; width:100%;position: absolute; top:0; left:0; display:block;' >
<div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Bezár'/></a></div>
<div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
<div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Figyelem!'/></div>
<div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>Elavult böngész&#337;t használsz!</div>
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>Az oldalak jobb megjelenése és m&#369;ködése érdekében, válts korszer&#369; böngész&#337;programra.</div>
</div>
<div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Firefox 3.5 letöltése'/></a></div>
<div style='width: 75px; float: left; display:none'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Internet Explorer 8 letöltése'/></a></div>
<div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Safari 4 letöltése'/></a></div>
<div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Google Chrome letöltése'/></a></div>
</div>
</div>
<![endif]-->

az ie6nomore.com oldalon fellelhető a forráskód eredetije, viszont itt még nem szerepel a magyar verzió, és ezt nem is lehet a honlapok végére illeszteni.

a fenti kódot úgy egészítettem ki, hogy nem szerepel rajta az internet explorer 8, és bármely honlap, vagy blog végére, vagy egy HTML parancsokat megjeleníteni képes honlapelembe illeszted, automatikusan a honlap tetején, teljes szélességben jelenik meg.

Nincsenek megjegyzések:

Megjegyzés küldése