Proiectarea legăturilor la fișiere

Problema "transparenței" conținutului pentru utilizatorul care se ascunde sub linkul, spune multe și diferite. Vreau să împărtășesc o soluție destul de simplă problemei care va face site-ul dvs. un pic mai convenabil.







Primul lucru pe care încerc să îl observ când înregistrez toate link-urile de pe site-urile lor:

Legăturile ar trebui întotdeauna să fie subliniate, chiar dacă pare că cineva urât.

Link-urile active ar trebui să fie întotdeauna albastru (ca excepție - negru sau gri închis). Legăturile vizitate ar trebui să fie purpurii. Legături de alte culori sunt garantate pentru a bate cititorul.

Este bine și corect să evidențiați legătura roșie sau portocalie atunci când aduceți cursorul la ea. Ca opțiune, evidențiați fundalul sau cadrul în jurul acestuia.







Acum, la link-ul corect format, adăugăm "ceva" care ar trebui să indice în mod transparent utilizatorului "acest fișier", sau chiar mai bine "acesta este un fișier de acest format". Pentru a face acest lucru, puteți să adăugați pur și simplu această informație în paranteze și este mai bine să utilizați pictograme ușor de utilizat pentru fiecare tip de fișier.

Acum, deci nu trebuie să puneți manual în fiecare trimitere la dosar și cheltui nervi cerșit manageri de conținut site-ul nu uitați să facă același lucru, vom crea un script simplu, folosind jQuery, se descurcă cu ea în mod automat.

Nu uitați să creați proprietăți css pentru fiecare tip de pictogramă, de exemplu:

Apoi, proprietățile css și script-ul sunt înghesuiți în fișiere separate și le conectăm împreună cu jQuery ... .

În cele din urmă voi împărți arhiva (Yandex.Disk) cu spații goale și câteva exemple de icoane.







Articole similare

Trimiteți-le prietenilor: