Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS][HTML][JS] Wskazówka/dymek po najechaniu kursorem na obrazek
#1
Exclamation 
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 ;]
Odpowiedz


Wiadomości w tym wątku
[CSS][HTML][JS] Wskazówka/dymek po najechaniu kursorem na obrazek - przez matx1007 - 18-03-2010, 20:52

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Zmiana obrazka po najechaniu / Efekt rollover JS manoa 0 4,700 06-12-2018, 18:46
Ostatni post: manoa
  Kursy (x)HTML/CSS DoGeR 9 23,675 18-01-2017, 21:55
Ostatni post: Michael
Sad HTML/CSS/JQUERY - Potrzebuje pomocy / Bezradność jokerblitzz 10 10,228 28-04-2016, 00:24
Ostatni post: mubi
  [CSS]+[HTML] Pozycjonowanie slidera. Youras 2 4,751 16-01-2016, 23:11
Ostatni post: Szymon Słowik
  Kolor tła dla aktywnej podstron [CSS i HTML] bahafo 5 7,782 27-12-2014, 15:25
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl