Ние правим хипервръзка, която свързва дизайн съвети

Общи CSS свойства за проектиране на връзки

• цвят - цвета на хипервръзки;
• текст-украса - приложена към текста на декоративна рецепцията (обикновено подчертават);
• фон-цвят - цвета на фона (може, например, ако промените курсора на връзка е (а: навъртам);
• шрифт тегло - един добър начин да се наблегне на връзката, което го прави смели удебелен шрифт.
• гранично - рамка;

Общи препоръки за проектирането на връзките

Между другото, по същата причина, не използвайте стилове, предназначени за хипервръзки към други елементи, тя току-що създадената объркване. Ако наистина се движат далеч от класическите схеми, направете го разумно (вж. По-долу примери).

Задължително е да бъдат определени всички псевдо-класове, въпреки че връзките ще работят, ако тя е в стил псевдо-клас не е уточнено, така уебмастъри често ги пренебрегват. Не забравяйте също, че голяма част от хората не използвате мишката, така че дори и на такива "глупави" като условие A: фокус, не бива да се забравя. В идеалния случай, че е желателно да се дефинира стил за всяка държава. Също така трябва да се забравя, че по подразбиране различни браузъри имат различен дизайн за псевдо-klssov. Така, например, на Firefox: активна и: фокус Отличават се със сива рамка, а в Google Chrome връзка: активен вървят без стил, както и: фокус има жълта рамка.

И накрая, някои добри примери, които да следват:

G4TV - цветова схема, ще видите, е далеч от класически (оранжев връзки и позиции на черен фон), но много контрастни. Когато мишката (а: навъртам) се появява оранжев фон. На вътрешните страници за промяна на мястото на стилове (сини-сини връзки), но това е малко спъва навигация.

Ми ден - Показва много "справки" ефекти, се разхожда на сайта просто се чудех!

Sarsonified - много ясно, състояние: висене. Един пример за подражание!

Надявам се, че тези няколко примера, за да ви вдъхнови за сериозни дизайнерски връзки! Основното, което в този случай - не забравяйте за информация (съвсем дребни). Вие не можете да създадете някои оригинални ефекти, за да се възстанови състоянието на връзката (навъртам), но дори и да промени цвета. Не е задължително да се позове светъл привличащи погледа, просто "да се отделят от текста." И, разбира се, да проверят връзките ще работят във всички браузъри.

Подобно на този пост? Абонирайте се за блога актуализации чрез RSS. E-mail или Twitter.

сложно ... аз трябва да прочете още веднъж ...)

Анна, или още по-добре се опитайте да практикуват.

Здравейте Саня. Аз все още предпочитат да се разпределят на снимка връзка - tobish като подчертава снимки се (не се съмнявам, че това парче). Тъй като стандарт подчертаване вече Pall и точки, като например, ако през границата, за да направи - не всички браузъри изгодно показани! IMHO

onjee, да, със снимка на полет на фантазия в разпределението на препратка е практически неограничен. Ако искате да изберете малък брой връзки от типа на менюто, можете да получите много добра, или дори в текста може да се използва - накратко, благодаря ви за добавяне, за тази опция някак си забравих)

Todushka. но ще ми разказа как да се разпределят референтни картини, както и? Какъв вид параметри са необходими? Например, можете пряка връзка, но това не е достатъчно, че се подчертава (или, обратно, подчертаването премахнати), така че в дясното / горния ляв ъгъл повече и незначителен картина се появява ..
Четох някъде, за този метод, но напълно забравих къде. И аз не мога да намеря :(

Allpa, направете :) Всъщност той използва фона на собственост, където висеше картина.

Да, но ето как можете да се регистрирате параметрите му да bekgraund се представи в определен ъгъл, аз не знаех :(
Очаквам с нетърпение употреба :)

Отличен! Това научи как да се направи връзка ... И така уморени от монотонността ...

Можете също така да сложите сенки, когато се движите, дори когато на тъмен фон, и сянката на ярък цвят, тъй като, ако текстът е подчертан