+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Jak zrobić na przycisku obrazka tło w css (/thread-jak-zrobic-na-przycisku-obrazka-tlo-w-css)
Strony:
1
2
RE: Jak zrobić na przycisku obrazka tło w css - programista20 - 15-01-2010
(15-01-2010, 20:30)dziamber napisał(a): programista20 piszesz, że polecasz css'a a za chwilę wciskasz kod js który można zastąpic css. Radzę pomyślec następnym razem nad wypowiedzią zanim użyjesz przycisku odpowiedz. Wyszukiwarka google:
Chyba uważnie nie czytasz polecałbym CSS ale autor łatwego podałem więc kod JS skoro chciał zmieniać grafikę
Druga sprawa nie jestem tu od nauki CSS
Wykopałem gdzieś z moich zasobów
Kod:
<style type="text/css">
body {background-color: #dcdcdc; background-image: url(''); background-repeat: repeat-x; color: #000; margin: 0; padding: 0; text-align: center; font-family: verdana, arial, tahoma;}
#top {width: 770px;background-color: #e5f7ff; margin: 5px auto 10px auto; border: 1px solid #444444;}
#main {width: 770px;background-color: #e5f7ff;}
#panel_lewy {width: 220px;float: left;overflow: hidden;text-align: right;background-color: #e5f7ff;}
#panel_lewy p.naglowek {background-image: url('');background-color: #ff8800;background-repeat: no-repeat;margin: 10px 0px 0px 10px;padding: 15px;padding-left: 40px;text-align: left;font-size: 12px;font-weight: bold;color: #ffffff;}
/*Lewe menu*/
#panel_lewy div.menu_l5 {background-color: #fbcb8c;width: 208px;text-align: left;font-size: 11px;padding: 15px 0px 15px 0px;margin: 0px 0px 10px 10px;border: 1px solid #ff8800;}
#panel_lewy div.menu_l5 ul, div.menu_l5 ul li {display: block;list-style: none;margin: 0;padding: 0;}
#panel_lewy div.menu_l5 ul {width: 208px;}
#panel_lewy div.menu_l5 ul a:hover {background-color: #ff8800; color: #ffffff;}
#panel_lewy div.menu_l5 ul a:link {display: block; background-image: url('niebieska/images/tlo_menu.gif');
background-repeat: no-repeat;text-decoration: none;padding-left: 40px;font-weight: normal;color: #484848;padding-right: 7px;padding-top: 7px;padding-bottom: 7px;}
</style>
<body>
<div id="top">
<div id="main">
<div id="panel_lewy">
<p class="naglowek">Nawigacja</p>
<div class="menu_l5">
<ul>
<li><a href="products.php">Wariant 1</a></li>
<li><a href="darmowe.php">Wariant 2</a></li>
<li><a href="gotowe.php">Wariant 3</a></li>
</ul>
</div></div></div></div>