Azt, hogy egy hivatkozás, amely összeköti design tippek
De először egy kis háttér információ:
Basic „állapot” hivatkozások
elem Ez eltart néhány „államok” által meghatározott pszeudo-osztályok CSS:
Az egyik klasszikus példa:

Közös CSS tulajdonságok a design linkek
- szín - színe hivatkozásokat;
- text-dekoráció - kérte a szöveg a díszítő vétel (általában aláhúzás);
- background-color - háttérszín (ez lehet például, ha megváltoztatja a kapcsolat kurzor (a: hover);
- font-weight - egy jó módja annak, hogy hangsúlyozzák a kapcsolatot, így félkövér félkövér betűtípussal.
- határ - keret;
Általános tanácsok a design a linkek
By the way, ugyanezen okból, ne használja stílusok tervezett hivatkozásokat más elemeket, csak zavart okozott. Ha valóban elmozdulni a klasszikus rendszerek, csináld okosan (lásd. Az alábbi példákban).
Ez kötelező meg kell határozni az összes ál-osztályok, bár a linkeket fog működni, ha ez egy ál-osztály stílusát nincs megadva, így a webmesterek gyakran figyelmen kívül hagyják őket. Ne felejtsük el azt is, hogy számos ember nem használja az egeret, hogy még az ilyen „bolond”, mint a feltétel: a hangsúly, nem szabad elfelejteni. Ideális esetben kívánatos meghatározni a stílust minden állapotra. Azt is meg kell jegyezni, hogy az alapértelmezett különböző böngészők eltérő kialakítás a pszeudo-klssov. Így például, a Firefox: aktív és: focus kitűnnek szürke keret, míg a Google Chrome-Link: aktív go nélkül a stílus és a: focus egy sárga keretet.
És végül, néhány jó példát követni:

G4TV - színösszeállítás, látod, messze van a klasszikus (narancs linkeket és fejezetek a fekete háttér), de nagyon kontrasztos. Ha az egér (a: hover) jelenik narancssárga háttér. A belső oldalak a helyszín változik stílusok (kék-kék hivatkozások), de ez egy kicsit fogja vissza a navigációt.

Made My Day - mutatja, hogy sok „referencia” hatása, sétálni a helyén csak kíváncsi!

Sarsonified - nagyon világos állapotban a: hover. Egy példa, hogy kövesse!
Remélem ez a néhány példa, hogy inspirálja, hogy komoly tervezési linkeket! A legfontosabb dolog ebben az esetben - ne feledkezzünk meg a részleteket (aprólékos). Nem hozhat létre néhány eredeti hatást visszaállítani az állam a linket (hover), de csak is változtatja színét. Nem feltétlenül utalnak fényes szemet gyönyörködtető, egyszerűen „elválasztani őket a szöveget.” És persze, ellenőrizze a linkeket fog működni minden böngészőben.
Mint a bejegyzést? Feliratkozás a blog frissítéseket RSS. E-mail vagy a Twitter.
bonyolult ... El kell olvasni még egyszer ...)
anna, vagy még jobb, próbálja gyakorolni.
Szia Sanya. Még mindig inkább kiosztani képlink - tobish, mint hangsúlyozva képeket csinálni (nem kétséges, tudom, ez a darab). Mivel normál aláhúzott már unalmassá, és pontokat, mint az, ha a határon van - nem minden böngésző nyereségesen jelenít meg! IMHO
onjee, igen, egy képet a szárnyaló fantázia szüleménye a kiosztási referencia gyakorlatilag korlátlan. Ha azt szeretnénk, hogy kiválasszon egy kis linkek száma a típusú menü, kapsz egy nagyon jó, sőt a szöveg használható - a rövid, köszönöm a felül, erről a lehetőségről valahogy elfelejtett)
Todushka. de azt mondta, hogyan osztja referencia képeket is? Milyen paraméterek szükségesek? Például, ha közvetlen kapcsolat, de ez nem elég, hogy hangsúlyozzák (vagy fordítva, aláhúzás eltávolítva), így a jobb / bal felső sarokban egyre Tiddly kép bukkan fel ..
Olvastam valahol ezt a módszert, de teljesen elfelejtettem, hogy hol. És nem találom :(
Allpa tegye :) Tulajdonképpen ez használ a vagyon háttér, ahol lógott egy kép.
Igen, de itt van, hogyan kell regisztrálni a paraméterek, hogy bekgraund egyértelműen egy bizonyos sarokban, nem tudom :(
Alig várom, hogy kézi :)
Kiváló! Ez tanítják, hogyan kell felhívni a linket ... És olyan fáradt a monotónia ...
Azt is, hogy egy árnyék, ha mozog, akkor is, ha sötét háttér és az árnyék világos színű, mintha a szöveg kiemelt
Ha kérdése van, írjon [email protected]