+- 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: [CSS][HTML][JS] Wskazówka/dymek po najechaniu kursorem na obrazek (/thread-css-html-js-wskazowka-dymek-po-najechaniu-kursorem-na-obrazek)
[CSS][HTML][JS] Wskazówka/dymek po najechaniu kursorem na obrazek - matx1007 - 18-03-2010
Chodzi mi o to abyście pomogli mi przerobić kod HTML i CSS które są poniżej tak aby po najechaniu na zdjęcie pojawiała się wskazówka/ komunikat/churka z jakimś tekstem. W tym kodzie który jest na dole definiuje odnośnik (czyli że po najechaniu na odnośnik wyskakuje chmurka) , a ja poprostu chcę aby nie było żadnego odnościka tylko po najechaniu na zdjęcie/obrazek wyskakiwała ta "chmurka". Głównym celem zmiany tego kodu jest to, że chce umieścić taki obrazek domku i gwiazdki w skrypcie JS do ustawiania strony jako startową i jako ulubioną.
KOD HTML:
Kod:
<p>Podpowiedź <a class="podpowiedz" href="#">w dymku<span>To jest taki sobie dymek :)</span></a>. Bla bla bla jakis tekst.</p>
<p>A tu inny <a class="podpowiedz" href="#">dymek<span><img src="../demo/PN.png" width="69px" height="69px"></span></a> z obrazkiem w środku.</p>KOD CSS:
Kod:
body {
font-family: Arial, Helvetica, sans-serif;
}
a: hover {
background: #ffffff;
text-decoration: none;
}
a.podpowiedz span {
display: none;
padding: 2px 3px;
margin-left: 8px;
width: 130px;
}
img {
border: none;
}
a.podpowiedz:hover span{
display: inline;
position: absolute;
margin: 15px 0 0 5px;
background: #dddddd;
border: 1px solid #b30000;
color: #000000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
text-align: center;
}A tutaj jest kod JS do ustawinia ulubionej lub starowej:
Kod:
<script type="text/javascript">
// <![CDATA[
var adres = 'adres internetowy';
var tytul = 'Tytuł strony';
var ulubione = 'TUTAJ CHCE ABY SIE WYŚWIETLAŁ OBRAZEK A GDY NA NIEGO NAJEDZIEMY CHMURKA';
var startowa = 'TUTAJ CHCE ABY SIE WYŚWIETLAŁ OBRAZEK A GDY NA NIEGO NAJEDZIEMY CHMURKA';
var szablon = '{ULUBIONE}<br />{STARTOWA}'
if (adres.toLowerCase().indexOf('http://') != 0) adres = 'http://' + adres;
var przegladarka = navigator.userAgent;
var ie_ver = 0;
if (przegladarka.indexOf("MSIE") != -1 && przegladarka.indexOf(") ") == -1) ie_ver = parseInt(przegladarka.substring(przegladarka.indexOf("MSIE")+5));
if (ie_ver >= 4) document.write(szablon.replace(/\{ULUBIONE\}/, '<a href="javascript:void(0)" title="Dodaj stronę do ulubionych" onclick="window.external.addFavorite(\'' + adres + '\', \'' + tytul + '\'); return false" onmouseover="window.status=\'Dodaj stronę do ulubionych\'; return true" onmouseout="window.status=\'\'; return true">' + ulubione + '<'+'/a>').replace(/\{STARTOWA\}/, '<a href="javascript:void(0)" title="Ustaw stronę jako startową" onclick="this.style.behavior=\'url(#default#homepage)\'; this.setHomePage(\'' + adres + '\'); return false" onmouseover="window.status=\'Ustaw stronę jako startową\'; return true" onmouseout="window.status=\'\'; return true">' + startowa + '<'+'/a>'));
// ]]>
</script>Z GÓRY DZIĘKI ZA POMOC ALE PROSZĘ ROZPISZCIE TO JAKOŚ ŁOPATOLOGICZNIE BO JESTEM CIENKI W TYCH WSZYSTKICH KODACH ;]
RE: [CSS][HTML][JS] Wskazówka/dymek po najechaniu kursorem na obrazek - dziamber - 18-03-2010
RE: [CSS][HTML][JS] Wskazówka/dymek po najechaniu kursorem na obrazek - matx1007 - 18-03-2010
nic nie rozumiem ;] mógłby ktoś jaśniej to wytłumaczyć???