Főoldal

Itt láthatóak a legújabb frissítések

Idézetek, életmód, egészség

Elgondolkodtató, gyógyító idézetek, egészséggel kapcsolatos írások

HK Design Studio

Grafika, png-k, kódok

HK Digital Art

Képszerkesztéssel foglalkozó oldalam
 
Frissek
Friss bejegyzések
Képes Ajánló 1
2016.12.01. 16:32
Vertical Menü 1
2016.11.20. 10:07
Tooltip kód
2016.10.21. 13:02
Szövegdoboz 2
2016.10.04. 08:40
Szöveg doboz 2
2016.10.03. 13:27
Ugrás a blogra
 
Oldalaim
Ezeket az oldalakat egyedül szerkesztem, munka mellett. A grafikai elemeket magam készítem, ahogy időm engedi. Ezen az oldalon a 3 másik oldalam frissísítéseit egyben találod meg.
HK Design Studio Grafika / CSS
Ezen az oldalamon grafikai és design elemeket, például fejlécek, hátterek, textúrák, ecsetek, betűtípusok, színkódok stb. találsz, valamint ezen az oldalamon kaptak helyet a CSS kódok és leírásokat is.
HK Digital Art Képszerkesztés
Saját szerkesztésű képeim. Többnyire szabadon használhatóak privát célra. Kereskedelmi célú használathoz minden esetben egyeztess velem. :) ( CU NOT OK / Please, ask me. )
Idézetek Idézetek képekkel / Egészség
Az oldalon sok szép idézeteket találsz, a szöveghez a képeket magam keresem. Sztárok bölcs mondásait is igyekszem összegyűjteni az oldalon. Ezenkívül egészséggel kapcsolatos cikkek és írások is megtalálhatóak itt. :)
 
Ajánló
Oldalak, melyeket rendszeresen olvasok
2016. 07. 18.
Az alábbi linkeken kedvenc oldalaimat ajánlom figyelmedbe. Ha kedved van látogasd meg ezeket az oldalakat. :)
Angyalok Gábor Életmód
 
Csevegő
 
 
Elite & Link csere
Képes vagy linkcserére jelentkezni a chatben vagy a vendégkönyvben lehet. Előtte légyszi olvasd el a cserékre vonatkozó feltételeket.
Cserefeltételek Lekerültél

Linda Design Brielle, Niki Gabcsa Lea és Abigél Juti Design
Szabad hely Szabad hely Szabad hely Szabad hely Szabad hely

Lélekébredés Angyali segítség Gábor blogja Juci Hírmagazin
Juci Grafika Szabad hely Szabad hely Szabad hely


 
G - Portal
Fóoldal
Belépés
Vendégkönyv
Rólam
Itt Kérdezz
Itt Hirdess
 
2016.05.31 blog közép

Tooltip kód

2016.10.21. 13:02, HK Design
Címkék: Tooltip kód CSS Saját kód
 
---

Tooltip kódja

Tooltip Demo kép

Üdv mindenkinek !
Végre eljutottam odáig, hogy van némi időm az oldallal foglalkozni. Ma a Tooltip kódra esett a választásom. Szeretem alkalmazni, és az elit cseréknél alkalmazom is. Így aztán írtam egy igen egyszerű kódot, bár itt szöveges linken van a tooltip, de képre sem bonyolultabb alkalmazni. Kérlek, vedd figyelembe, hogy a kód kizárólag a tooltipre vonatkozik, tehát nem ebben a dobozban fog megjelenni, mint nálam. Mivel a doboz is saját írás, felteszem azt is, mert ha valakinek épp így kompletten lenne rá szüksége, ha már úgyis megírtam, megosztom. Használjátok egészséggel ! :)

Akkor lássuk a kódot

HTML kód :

<a class="tooltips" href="#">Link, ha ráviszed az egeret, megjelenik a tooltip<span>Tooltip</span></a>



CSS kód : 

a.tooltips { /* link színe */
  position: relative;
  display: inline;
  color: #D66529;
  text-decoration: none;
}
a.tooltips span { /*tooltip formázása */
  position: absolute;
  width:140px;
  color: #D66529;
  text-shadow: 1px 1px 1px #FFFFFF;
  background: #EFDFD5;
  height: 28px;
  line-height: 25px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  box-shadow: 0px 2px 3px #D66529;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #EFDFD5;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

 

Szólj hozzá te is!
Név:
E-mail cím:
Amennyiben megadod az email-címedet, az elérhető lesz az oldalon a hozzászólásodnál.
Hozzászólás:
Azért, hogy ellenőrízhessük a hozzászólások valódiságát, kérjük írd be az alábbi képen látható szót. Ha nem tudod elolvasni, a frissítés ikonra kattintva kérhetsz másik képet.
Írd be a fenti szót: új CAPTCHA kérése
 
Még nincs hozzászólás.
 
Oldal információk
E - mail és Feliratkozás


  Szerkesztő :
  Host :
  Téma :
  Design :
  Kódok :
  Ajánlott felbontás :
  Ajánlott böngésző :
  E - mail :
  Hírlevél :
Jecar
G - portal
Digital Art
Saját
Részben saját
Bármekkora
Google Chrome
| • kukac • |
Feliratkozás
 
Visitors & Kereső
Thank you for your visiting ! :)


Google Pagerank mérés, keresooptimalizálás
Flag Counter
Creditek & Kereső
a fejléc képért és a kódokért


Az oldal kódjai részben saját írás / keresés, de néhány esetben hazai portálépítő oldalak segítségét is igénybe vettem. :)
G - portal Linda Candra

Link Link Link

***
Elkészítem születési horoszkópod és ajándék 3 éves elõrejelzésed. Utána szóban minden kérdésedet megbeszéljük! Kattints    *****    Könyves oldal - egy jó könyv, elrepít bárhová - Könyves oldal    *****    20 éve jelent meg a Nintendo DS! Emlékezzünk meg ról, hisz olyan sok szép perccel ajándékozott meg minket a játékaival!    *****    Ha érdekelnek az animék,mangák,videojátékok, japán és holland nyelv és kultúra, akkor látogass el a személyes oldalamra.    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Könyves oldal - Ágica Könyvtára - ahol megnézheted milyen könyveim vannak, miket olvasok, mik a terveim...    *****    Megtörtént Bûnügyekkel foglalkozó oldal - magyar és külföldi esetek.    *****    Why do all the monsters come out at night? - Rose Harbor, a város, ahol nem a természetfeletti a legfõbb titok - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG    *****    Mindig tudnod kell, melyik kiköt&#245; felé tartasz. - ROSE HARBOR, a mi városunk - FRPG    *****    Akad mindannyijukban valami közös, valami ide vezette õket, a delaware-i aprócska kikötõvárosba... - FRPG    *****    boroszkány, vérfarkas, alakváltó, démon és angyal... szavak, amik mind jelentenek valamit - csatlakozz közénk - FRPG    *****    Why do all the monsters come out at night? - Rose Harbor, a város, ahol nem a természetfeletti a legfõbb titok - FRPG    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    CRIMECASESNIGHT - Igazi Bûntényekkel foglalkozó oldal    *****    Figyelem, figyelem! A második vágányra karácsonyi mese érkezett! Mesés karácsonyt kíván mindenkinek: a Mesetáros    *****    10 éves a Haikyuu!! Ennek alkalmából részletes elemzést olvashatsz az anime elsõ évadáról az Anime Odyssey blogban!    *****    Ismerd meg az F-Zero sorozatot, a Nintendo legdinamikusabb versenyjáték-szériáját! Folyamatosan bõvülõ tartalom.    *****    Advent a Mesetárban! Téli és karácsonyi mesék és színezõk várnak! Nézzetek be hozzánk!