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;
}

 

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

***
Naruto rajongói oldal! Felkerült John Man Ninja címû könyvének elsõ fejezete. Olvass, Filmezz, Tanulj!! KONOHA.HU    *****    Debrecen Nagyerd&#245;aljai, 150m2-es alapterület&#251;, egyszintes, 300m2-es telken, sok parkolós családiház eladó 06209911123    *****    Velaris, a második otthonom Fanfictionból új rész került fel    *****    NSYNC - Ha nosztalgiáznál, vagy érdekel,mi történik most a ByeByeBye elõadóival, akkor nézz be - NSYNC    *****    Szereted az egyedi történeteket? Kíváncsi vagy, hogy mire képes egy hobbi író? Ha igen, nézz be hozzám!    *****    Sziasztok! A Moobius pályázatán elindult két regényem. Kérlek támogass! Bõvebb információt itt olvashatsz. Katt rám.    *****    Sziasztok! A Moobius pályázatán elindult két regényem. Kérlek támogass! Bõvebb információt itt olvashatsz. Katt rám.    *****    Debrecen Nagyerdõaljai, 150m2-es alapterületû, egyszintes, 300m2-es telken, sok parkolós családiház eladó 06209911123    *****    RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL /// NE FÉLJ, CSAK HIGYJ! ///RELIGIO-PORTAL    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA    *****    PREKAMBRIUM //// A TUDÁS BIRODALMA    *****    Lakatos munka- Épületlakatos munka- Haidekker kerítés - Haidekker kapu- Teraszkorlát- Lakatos munka szerelés- Hullámrács    *****    Itachi Shinden második fejezet!! - ÚJ FEJEZET - Felkerült a könyv második harmada!! Konoha.hu - KATT!! KATT! KATT!! KATT    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - 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    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza