În timp ce noul simbol nu este inclus în tabelele ISO și Unicode și nu este prezent pe computerele utilizatorilor, trebuie să căutăm modalități de afișare. Este important ca acesta să fie scalabil. Este, de asemenea, necesar să se gândească la dispozitivele de citire de pe ecran și la ce se va afla în clipboardul utilizatorului care copiază prețurile. Soluții posibile: Flash, PNG, GIF și HTML.
Dezavantajele clasei sunt evidente: este posibil ca utilizatorul să nu aibă un jucător, focalizarea din text se deplasează la obiect când faceți clic, este dificil să schimbați culoarea semnului.
Lucrand cu imaginile, ne confruntam cu limitele scalarii, scara de culori fixa, ignorarea de catre motoarele de cautare si legarea graficului.
Soluția cu imaginea poate fi următoarea (notația "freca" este ascunsă și va ajunge la clipboard atunci când se copiază):
Iepuri pentru 100 de ruble.
Iepuri pentru 100 de ruble.
Iepuri pentru 100 de ruble.
Iepuri pentru 100 de ruble.
Unele probleme vor fi evitate de formatul SVG. Acesta este un vector, dimensiunea fișierului este mică, prin CSS putem controla liber culoarea simbolului. Un mare dezavantaj este necesitatea introducerii de obiecte în text. Exemplul de mai jos nu funcționează în MSIE.
Iepuri pentru 100 de ruble.
Iepuri pentru 100 de ruble.
Iepuri pentru 100 de ruble.
Iepuri pentru 100 de ruble.
Dacă renunțați la variante cu imagini, prima soluție situată pe suprafață este textul încrucișat. Din păcate, rezultatul în MSIE este teribil. Instrumentele CSS existente nu ne permit să controlam liber poziția liniei orizontale.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Dacă funcția standard nu poate fi mutată, puteți desena propriul dvs.. Să spunem o frontieră. Grosimea liniei din exemplu este foarte potrivită pentru Firefox, dar nu este suficientă pentru afișarea în browser-ul Opera. Rezultatul este prea imprevizibil.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Să ne uităm la tabelele cu simboluri. Compatibil cu o linie scurtă cu litera "P". Implementarea - prin foi de stil, putem controla afișarea în diferite moduri de ieșire. Rezultatul este mai bun, dar când schimbați dimensiunea fontului, bara sare. Mai ales în MSIE.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
În alfabetul armean există un simbol apropiat de semn. Și o opțiune. Utilizatorii de Mac OS X vor vedea o schiță ușor diferită față de original (și numai dacă au pus Fonturi suplimentare). Dar totuși este prea evident că litera este mică.
Iepuri pentru 100 de ani # x584; freca.
Iepuri pentru 100 de ani # x584; freca.
Iepuri pentru 100 de ani # x584; freca.
Iepuri pentru 100 de ani # x584; freca.
Dacă nu există nici un simbol pe computerul utilizatorului, atunci poate că merită să îl descărcați acolo? Din păcate, proprietatea font-face (CSS 2.0) nu este inclusă în CSS 2.1. Dar browserul care acceptă descărcarea de fonturi există - acesta este Internet Explorer. Numai acesta va afișa semnul de mai jos. Alte browsere vor afișa "freca". Prin crearea unui font cu un singur caracter, cu un simbol ruble legat de litera "p", obținem cea mai bună soluție pentru utilizatorii MSIE.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Pentru utilizatorii de alte browsere rămâne să utilizați o linie scurtă sau imagini. Ultimul exemplu combină toate avantajele metodelor de mai sus.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Iepuri pentru 100 p.
Iepuri pentru 100 p.