Forum Blogowe 17 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Zamknięty przez: Htsz
2015-05-04, 05:12
Autor Wiadomość
joaśka 
Blogger.Klub

Dołączyła: 25 Gru 2011
Posty: 0
Wysłany:    Pinezki do zdjęć na blogu
Witam,
czy może mi ktoś podpowiedzieć, jak zrobić takie pinezki do zdjęć na Bloggerze, jak tutaj: http://scrapkipl.blogspot...e-sniegiem.html - na pierwszy zdjęciu w prawym górnym rogu jest taki kwiatek żółty i jak się na niego najedzie, to wyświetlają się produkty, których użyto. Co to jest za moduł?

Proszę o odpowiedź.
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław
Wysłany: 2011-12-26, 03:53   mapowanie obrazków - oznaczanie produktów
Standardowo nazywa się to mapa odsyłaczy, czyli mapowanie (oznaczanie) grafiki za pomocą kształtów w HTML.
Działa i wygląda to podobnie do twojego przykładu np. jak ta mapa => http://www.topdreamweaver...image-highlight

Sposób tworzenia map:
=> http://webmade.org/porady...a-odsylaczy.php
=> http://www.zsp5.neostrada.pl/khtml/mapob.htm
Można to zrobić także w Gimpie:
=> http://www.gimp.signs.pl/tutoriale2/004_gimp.php

Blog, który podajesz korzysta jednak z innego rozwiązania. Prawdopodobnie skrypt pisany na własne potrzeby. Ukryty jest w tym pliku:
Wiadomość (widoczna dla zarejestrowanych)

i dodany wraz z CSS jako gadżet.
Do tego dochodzi cały kod związany z wyświetlaniem podglądów na fotkach:

Kod

<div style="display: inline-block; position: relative; z-index: 0;" numer="aoxfyg" id="mainImgSpanaoxfyg" class="">
<a target="_blank" id="mainImgAaoxfyg" href="http://3.bp.blogspot.com/-UCzRPTLzDhc/TvQ3CA_87jI/AAAAAAAAFbk/QhyfPH_onfY/s1600/zesniegiem.jpg"><img style="border: 0px; padding: 0px;" src="http://3.bp.blogspot.com/-UCzRPTLzDhc/TvQ3CA_87jI/AAAAAAAAFbk/QhyfPH_onfY/s1600/zesniegiem.jpg"><img src="http://scrapki.pl/images/icons/pointer.png" class="watermark"></a><br>
<div style="left: 77.5%; top: 26.5%;" class="raczki">
<div id="hotspot-prod-yuxmtt" class="raczka-prod">
<div class="raczka-zamknij">
</div>
<div style="padding: 3px;">
<a href="http://scrapki.pl/mme-lost-found-christmas-noel-papier-p-3427.html"><img border="0" src="http://www.scrapki.pl/images/imagecache/165x170_MMLFC105.jpg" class="resize"></a><br>
<a href="http://scrapki.pl/mme-lost-found-christmas-noel-papier-p-3427.html">MME - Lost &amp; Found Christmas - Noel - papier</a>
</div>
</div>
<img style="border: 0px; padding: 0px;" src="http://scrapki.pl/images/icons/raczka.png" hotspotnum="yuxmtt" class="raczka">
</div>
<div style="left: 87%; top: 23.67%;" class="raczki">
<div id="hotspot-prod-wioxng" class="raczka-prod">
<div class="raczka-zamknij">
</div>
<div style="padding: 3px;">
<a href="http://scrapki.pl/mme-lost-found-christmas-trees-papier-p-3432.html"><img border="0" src="http://www.scrapki.pl/images/imagecache/165x170_MMLFC109.jpg" class="resize"></a><br>
<a href="http://scrapki.pl/mme-lost-found-christmas-trees-papier-p-3432.html">MME - Lost &amp; Found Christmas - Trees - papier</a>
</div>
</div>
<img style="border: 0px; padding: 0px;" src="http://scrapki.pl/images/icons/raczka.png" hotspotnum="wioxng" class="raczka">
</div>
<div style="left: 82.17%; top: 58.33%;" class="raczki">
<div id="hotspot-prod-jjwgzl" class="raczka-prod">
<div class="raczka-zamknij">
</div>
<div style="padding: 3px;">
<a href="http://scrapki.pl/mme-lost-found-christmas-holly-papier-p-3426.html"><img border="0" src="http://www.scrapki.pl/images/imagecache/165x170_MMLFC103.jpg" class="resize"></a><br>
<a href="http://scrapki.pl/mme-lost-found-christmas-holly-papier-p-3426.html">MME - Lost &amp; Found Christmas - Holly - papier</a>
</div>
</div>
<img style="border: 0px; padding: 0px;" src="http://scrapki.pl/images/icons/raczka.png" hotspotnum="jjwgzl" class="raczka">
</div>
<div style="left: 51.83%; top: 40%;" class="raczki">
<div id="hotspot-prod-pxuqvr" class="raczka-prod">
<div class="raczka-zamknij">
</div>
<div style="padding: 3px;">
<a href="http://scrapki.pl/mme-lost-found-christmas-accessory-sheet-p-3475.html"><img border="0" src="http://www.scrapki.pl/images/imagecache/165x170_MMLFC117.jpg" class="resize"></a><br>
<a href="http://scrapki.pl/mme-lost-found-christmas-accessory-sheet-p-3475.html">MME - Lost &amp; Found Christmas - Accessory Sheet</a>
</div>
</div>
<img style="border: 0px; padding: 0px;" src="http://scrapki.pl/images/icons/raczka.png" hotspotnum="pxuqvr" class="raczka">
</div>
<div style="left: 83%; top: 21%;" class="raczki">
<div id="hotspot-prod-iiqaxt" class="raczka-prod">
<div class="raczka-zamknij">
</div>
<div style="padding: 3px;">
<a href="http://scrapki.pl/tusz-distress-vintage-photo-p-35.html"><img border="0" src="http://www.scrapki.pl/images/imagecache/170x164_vintagephoto.jpg" class="resize"></a><br>
<a href="http://scrapki.pl/tusz-distress-vintage-photo-p-35.html">Tusz Distress - Vintage Photo</a>
</div>
</div>
<img style="border: 0px; padding: 0px;" src="http://scrapki.pl/images/icons/raczka.png" hotspotnum="iiqaxt" class="raczka">
</div>
</div>
Powyższy jest dla tego zdjęcia z napisem "25 grudnia"
Elementy kodu mają różne, dziwne nazwy (jakby identyfikatory poszczególnych grafik z oznaczeniami produktów). Przypuszczam, że mają do tego jakiś generator. Wrzucają fotkę oznaczają i wypluwa kod do wstawienia na bloga.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz