Stilimi i vendmbajtësit css. Shtimi i stilit CSS në mbajtësin e vendit

Vendmbajtësi - një element i fushës hyrëse në të cilin mund të vendosni një aluzion. Kur përdoruesi fillon të fusë të dhëna, teksti i ndihmës zhduket në mënyrë që të mos ndërhyjë. Çdo shfletues ka mendimin e vet se si duhet të shfaqet ky element, dhe ndonjëherë stilet e paracaktuara thyejnë të gjithë dizajnin. Për t'i kontrolluar ato, duhet të përdorni një rregull të veçantë CSS të mbajtësit të vendeve.

Ku është mbajtësi i vendit?

Problemi është se sugjerimi i fushës së hyrjes fshihet në mënyrë të sigurt në DOM hije, dhe nuk është aq e lehtë për t'u arritur. Për këtë, përdoret një pseudo-element i veçantë jo standard CSS::placeholder. Me të, ju mund të kontrolloni vetitë e këshillës së veglave.

Do të jeni të interesuar:

Stilizimi i mbajtësit të vendit në CSS duket kështu:

hyrje:: mbajtëse e vendit (ngjyra: e kuqe; errësirë: 1; stili i shkronjave: italic; )

Mbështetja e shfletuesit

Pseudoelementi i mbajtësit të vendndodhjes CSS trajtohet mirë nga të gjithë shfletues modern, dhe për të mbështetur shfletuesit më të vjetër, mund të përdorni prefikset:

::-webkit-input-placeholder - për shfletuesit e ueb-kit (Safari, Chrome, Opera);
::-moz-placeholder - për shfletuesit Firefox mbi versionin 19;
:-moz-placeholder - për Firefox-in e vjetër;
:-ms-input-placeholder - për Internet Explorer mbi versionin 10.

Siç mund ta shihni, e vjetra Shfletuesit Mozilla, dhe gjithashtu IE e konsiderojnë mbajtësin e vendit një pseudo-klasë CSS, jo një pseudo-element. Ne nuk do të debatojmë me ta, thjesht do ta marrim parasysh këtë aspekt kur stilojmë fushën e hyrjes.

Opsionet e stilimit

Për pseudo-elementin mbajtës të vendit në CSS, mund të vendosni opsionet e mëposhtme:

sfond - një grup i veçorive të sfondit. Sfondi i bllokut të këshillave shtrihet në të gjithë fushën e hyrjes. Mund të vendosni jo vetëm ngjyrën (ngjyra e sfondit), por edhe imazhin (imazhi i sfondit).
ngjyra e tekstit - ngjyra;
transparencë - patransparencë;
nënvizoni, mbinvizoni ose shënjoni - dekorimi i tekstit;
regjistër - tekst-transformim;
mbushje - mbushje. Nuk mbështetet nga të gjithë shfletuesit. Ashtu si me elementët inline, mbushja e sipërme dhe e poshtme nuk merret parasysh.
shfaqja e shkronjave - vetitë e grupit të shkronjave, lartësia e rreshtit dhe dhëmbëzimet e ndryshme (indenti i tekstit, hapësira e shkronjave, hapësira e fjalëve);
shtrirje vertikale në linjë - vertikal-align;
prerje e tekstit kur kontejneri tejmbushet - tekst-mbushje.

Input1::placeholder ( background-image: linear-gradient (lime, blu); ngjyra: e bardhë; ) .input2::placeholder (tekst-dekorim: line-through; ngjyra: purple; font-pesha: bold; ) .input3 ::placeholder (madhësia e shkronjave: 16 px; hapësira e shkronjave: 10 px; ) .input4::placeholder ( sfondi: kafe; ngjyra: e bardhë; tejmbushja e tekstit: elipsë; )

Në fokus

Si parazgjedhje, aludimi zhduket nga fusha e hyrjes vetëm nëse të paktën një karakter është futur në të. Por pseudo-elementi i mbajtësit të vendeve të CSS ju lejon të zbatoni zhdukjen menjëherë kur fusha është e fokusuar. Për ta bërë këtë, ju duhet ta kombinoni atë me pseudo-klasën :focus.

hyrje:fokus::mbajtës vendi (ngjyra: transparente; )

Në disa shfletues, është e pranueshme të animohet një ndryshim në një numër të vetive të mbajtësve të vendndodhjes duke përdorur deklaratën e tranzicionit.

hyrja::mbajtës vendi (ngjyra: e zezë; tranzicioni: ngjyra 1s; ) hyrja: fokusi:: mbajtëse vendi ( ngjyra: e bardhë; )

Në shfletues Google Chrome ngjyra e aludimit kur fokusohet në një fushë të tillë do të ndryshojë pa probleme brenda një sekonde.

Vendmbajtësit, ato elemente teksti të thinjura shpesh brenda një hyrjeje, mund të jenë një dhimbje për stilin. Për fat të mirë, ne kemi gjetur një zgjidhje të shkurtër por efektive CSS për të stiluar tekstin e mbajtësit të vendndodhjes së hyrjes suaj çdo ngjyrë dhe paqartësi që dëshironi. Lexoni për kodin.

Ndryshimi i ngjyrës së tekstit të mbajtësit të vendeve

Le të fillojmë me një hyrje të thjeshtë dhe një tekst të mbajtësit të vendndodhjes, për këtë shembull do të përdorim fjalën "kërkim", por ju mund të përdorni gjithçka që dëshironi. HTML bazë është më poshtë:

HTML

Teksti i vendmbajtësit të hyrjes (dhe zonës së tekstit) është i paracaktuar në një ngjyrë gri të lehtë, megjithatë, ne mund ta ndryshojmë atë me disa rreshta CSS. Këtu do ta ngjyrosim tekstin e hyrjes me ngjyrë të kuqe duke përdorur një emër ngjyre HTML, por çdo metodë ngjyrash do të mjaftojë (HEX, RGB, HSL).

css

::-webkit-input-placeholder ( /* Chrome */ ngjyra: e kuqe; ) :-ms-input-placeholder ( /* IE 10+ */ ngjyra: e kuqe; ) ::-moz-placeholder ( /* Firefox 19 + */ ngjyra: e kuqe; errësirë: 1; ) :-moz-placeholder ( /* Firefox 4 - 18 */ ngjyra: e kuqe; errësirë: 1; )

Vini re se është e rëndësishme të përfshini prefikset e ndryshme të shitësit për të mbështetur sa më shumë shfletues të jetë e mundur. Vetëm teksti i vendmbajtësit të hyrjes së Firefox-it është i paracaktuar me një transparencë të lehtë, kështu që është e panevojshme të vendoset vetia e opacity në IE ose Chrome.

Ndryshimi i ngjyrës së tekstit të fokusit të mbajtësit të vendndodhjes

Në rregull, ne kemi ndryshuar me sukses ngjyrën e tekstit të mbajtësit të vendndodhjes në të kuqe, por do të ishte mirë nëse diçka do të ndodhte kur një përdorues klikon brenda hyrjes sonë. Duke përdorur të njëjtat veti CSS të prefiksuara nga shitësi, ne mund të ndryshojmë paqartësinë e tekstit të mbajtësit të vendndodhjes hyrëse në fokus.

css

hyrje ( skicë: asnjë; mbushje: 12 px; kufiri-rreze: 3 px; kufiri: 1px e zezë; . :-ms-input-placeholder ( opacity: 0,5; ) ::-moz-placeholder ( /* Firefox 19+ */ ngjyra: e kuqe; opacity: 1; tranzicion: opacity 250ms lehtësi në dalje; ) :fokus:: -moz-placeholder ( opacity: 0,5; ) :-moz-placeholder ( /* Firefox 4 - 18 */ ngjyra: e kuqe; opacity: 1; tranzicioni: opacity 250ms lehtësi në dalje; ) :fokus:-moz-placeholder (opaciteti: 0,5; )

Në shembullin e mësipërm ne kemi hedhur disa stile bazë në vetë hyrjen dhe kemi shtuar një tranzicion në opacitetin për ta bërë përvojën pak më të bukur. Shikoni demonstrimin dhe eksperimentoni me vetitë dhe tranzicionet e tjera CSS.

Ku është mbajtësi i vendit?

Problemi është se sugjerimi i fushës së hyrjes fshihet në mënyrë të sigurt në DOM hije, dhe nuk është aq e lehtë për t'u arritur. Për këtë, përdoret një vendmbajtës i veçantë jo standard ::. Me të, ju mund të kontrolloni vetitë e këshillës së veglave.

Stilizimi i mbajtësit të vendit në CSS duket kështu:

Hyrja:: mbajtës i vendit (ngjyra: e kuqe; errësirë: 1; stili i shkronjave: italik; )

Mbështetja e shfletuesit

Pseudoelementi i mbajtësit të vendndodhjes CSS trajtohet mirë nga të gjithë shfletuesit modernë dhe prefikset mund të përdoren për të mbështetur shfletuesit më të vjetër:

::-webkit-input-placeholder - për shfletuesit e ueb-kit (Safari, Chrome, Opera);
::-moz-placeholder - për shfletuesit Firefox mbi versionin 19;
:-moz-placeholder - për Firefox-in e vjetër;
:-ms-input-placeholder - për Internet Explorer mbi versionin 10.

Siç mund ta shihni, shfletuesit më të vjetër të Mozilla-s, si dhe IE, e konsiderojnë mbajtësin e vendit një pseudo-klasë CSS, jo një pseudo-element. Ne nuk do të debatojmë me ta, thjesht do ta marrim parasysh këtë aspekt kur stilojmë fushën e hyrjes.

Opsionet e stilimit

Mund të vendosni opsionet e mëposhtme për pseudoelementin e mbajtësit të vendit në CSS:

sfond - grupi i bllokut të aludimeve zbatohet për të gjithë fushën e hyrjes. Mund të vendosni jo vetëm ngjyrën (ngjyra e sfondit), por edhe imazhin (imazhi i sfondit).
ngjyra e tekstit - ngjyra;
transparencë - patransparencë;
nënvizoni, mbinvizoni ose shënjoni - dekorimi i tekstit;
regjistër - tekst-transformim;
mbushje - mbushje. Nuk mbështetet nga të gjithë shfletuesit. Ashtu si me elementët inline, mbushja e sipërme dhe e poshtme nuk merret parasysh.
shfaqja e shkronjave - vetitë e grupit të shkronjave, lartësia e rreshtit dhe dhëmbëzimet e ndryshme (indenti i tekstit, hapësira e shkronjave, hapësira e fjalëve);
shtrirje vertikale në linjë - vertikal-align;
prerje e tekstit kur kontejneri tejmbushet - tekst-mbushje.

.input1::placeholder ( background-image: linear-gradient(lime, blu); ngjyra: e bardhë; ) .input2::placeholder (tekst-dekorim: line-through; ngjyra: purple; font-pesha: bold; ) . input3::placeholder (madhësia e shkronjave: 16px; hapësira e shkronjave: 10px; ) .input4::placeholder ( sfondi: kafe; ngjyra: e bardhë; tejmbushja e tekstit: elipsë; )

Në fokus

Si parazgjedhje, aludimi zhduket nga fusha e hyrjes vetëm nëse të paktën një karakter është futur në të. Por vendmbajtësi ju lejon të zbatoni zhdukjen menjëherë kur fokusoheni në fushë. Për ta bërë këtë, ju duhet ta kombinoni atë me pseudo-klasën :focus.

Hyrja: fokus:: mbajtëse vendi ( ngjyra: transparente; )

Në disa shfletues, është e pranueshme të animohet një ndryshim në një numër të vetive të mbajtësve të vendndodhjes duke përdorur deklaratën e tranzicionit.

Hyrja::mbajtës vendi (ngjyra: e zezë; tranzicioni: ngjyra 1s; ) hyrja: fokusi:: mbajtësi i vendit ( ngjyra: e bardhë; )

AT Shfletuesi Google Ngjyra e këshillës së veglave të Chrome kur fokusohet në një fushë të tillë do të ndryshojë pa probleme brenda një sekonde.

Atributi vendmbajtës përdoret për të krijuar këshilla veglash brenda fushave të hyrjes boshe (etiketat dhe ). Në këtë artikull, unë do të shikoj mënyrat për të stiluar mbajtësit e vendeve, si dhe si t'i bëjmë ato më të përdorshme.</p> <p>Le të fillojmë me një shembull për ata që nuk e dinë ende se çfarë është një vendmbajtes dhe si ta përdorin atë:</p> <input type= "email" placeholder= "shembull@gmail.com" > <p> <input type="email" placeholder="shembull@gmail.com" class="demo-css-placeholders-input"></p> <p>Kur zhvilloni ndërfaqe, duhet të merrni parasysh sjelljen e mbajtësve të vendeve. Teksti i vendmbajtësit zhduket sapo fillon shtypja. Kjo është arsyeja pse ju nuk duhet t'i përdorni ato për të përcjellë informacion në lidhje me vetë fushën e hyrjes (sa dhe çfarë karaktere duhet të përmbajë). Për këto qëllime, është më mirë të përdorni etiketën <label>ose një paragraf me një aluzion të vogël. Mund të lexoni më shumë rreth veçorive të përdorimit të mbajtësve të vendeve.</p> <h2>Stilizimi</h2> <p>Rregullat e mëposhtme përdoren për të stiluar mbajtësit e vendeve:</p>::-webkit-input-placeholder (ngjyra: blu ;) ::-moz-placeholder (ngjyra: blu;) /* Firefox 19+ */ :-moz-placeholder (ngjyra: blu ;) /* Firefox 18- * / :-ms-input-placeholder (ngjyra: blu;) <p>Duket e tmerrshme, apo jo? Dhe ka një arsye për këtë - deri më tani, rregullat CSS për mbajtësit e vendeve nuk janë standardizuar dhe zbatimi në secilin shfletues është i ndryshëm. Mund të mësoni më shumë për të gjitha parashtesat e nevojshme në Caniuse.</p> <p>Nëse jeni duke përdorur një paraprocesor CSS, ndoshta do ta gjeni më mirë të shkruani një miks të thjeshtë për të stiluar mbajtësit e vendndodhjes. Shembull në Sass:</p>@mixin placeholder ( & : :- webkit-input-placeholder ( @content ; ) & : - moz-placeholder ( @content ; ) & : :- moz-placeholder ( @content ; ) & : - ms-input-placeholder ( @content ;)) <p>Në varësi të kontekstit, mixin mund të përdoret për të aplikuar stile globalisht ose në elementë individualë (provojeni në SassMeister):</p> <span>// Globalisht për secilën fushë hyrëse</span>@include placeholder (ngjyra: blu;) <span>// Për fusha të caktuara hyrëse</span>.input (@include placeholder (ngjyra: jeshile;)) <h4>Shembull</h4> <p>Teksti blu për mbajtësin e vendndodhjes (kurrë mos e bëni këtë):</p>.blu-text ::-webkit-input-placeholder (ngjyra: #2e8ece ;) .text blu :-moz-placeholder (ngjyra: #2e8ece ;) ;) .text blu :-ms-input-placeholder (ngjyra : #2e8ece ;) <p> <input type="text" placeholder="Filloni të shkruani këtu" class="demo-css-placeholders-input pl-blue-text"></p> <h2>Karakteristikat e mbështetura</h2> <p>Jo çdo pronë CSS mund të përdoret me mbajtës të vendeve. Këtu <a href="https://realbazar.ru/sq/updates-and-firmware/udalit-nepravilno-ustanovlennuyu-programmu-kak-udalit-programmu-s/">listën e plotë</a> vetitë e mbështetura:</p> <ul><li>font dhe të gjitha vetitë e lidhura me të (madhësia e shkronjave, font-familja, etj.)</li> <li>sfondi dhe të gjitha veçoritë përkatëse (ngjyra e sfondit, imazhi i sfondit, etj.)</li> <li>errësirë</li> <li>dhëmbëzimi i tekstit</li> <li>tejmbushje teksti</li> <li>ngjyrë</li> <li>tekst-transformim</li> <li>vija e gjatesise</li> <li>ndarja e fjalëve</li> <li>ndarja e shkronjave</li> <li>tekst-dekorim</li> <li>vertikal-drejtuar</li> </ul><h2>Animacionet</h2> <p>Idetë e animacionit i përkasin blogut html5.by.</p> <p>Të gjithë shembujt e mëposhtëm janë shkruar duke përdorur paraprocesorin Sass. Secili vjen me një lidhje me SassMeister ku mund të gjeni kodin e përpiluar CSS.</p> <p>Me shumë mundësi do të dëshironi të aplikoni animacione për mbajtësit e vendeve kur fokusi është në një fushë hyrëse. E gjithë kjo bëhet mjaft thjesht. Mjafton vetëm të përdorni disa herë përzierjen e mbajtësit të vendeve të shkruara më parë:</p>.input( @include placeholder( <span>// Stilet për gjendjen normale</span>) & :fokus ( @include placeholder ( <span>// Stilet pas ngjarjes së fokusit</span> } } } <h3>Ndryshimi i transparencës</h3>.input (@include placeholder (ngjyra: #aaa; opacity: 1; tranzicioni: opacity 300ms;) & :focus (@include placeholder (opacity: 0;))) <p> <input type="text" placeholder="Demo: ndryshimi i transparencës" class="demo-css-placeholders-input pl-opacity"></p> <h3>Zhvendos djathtas dhe majtas</h3> <p>Sa më e madhe të jetë gjerësia e fushës së hyrjes, aq më e madhe duhet të jetë vlera e veçorisë tekst-indent. Për një fushë standarde të hyrjes, 500 px do të jenë të mjaftueshme, për ato më të gjera, duhet të zgjidhni manualisht. Gjerësia e fushës së hyrjes dhe vlera e indentit të tekstit përcaktojnë shpejtësinë e animacionit. Për t'u zhvendosur në të majtë, duhet të përdorni vlera negative, për shembull -500px.</p><p> <input type="text" placeholder="Demo: zhvendosje djathtas" class="demo-css-placeholders-input pl-shift-right"><input type="text" placeholder="Demo: zhvendosja majtas" class="demo-css-placeholders-input pl-shift-left"></p> <h3>Zhvendos poshtë</h3> <p>Ashtu si në shembullin e mëparshëm, animacioni varet nga madhësia e hyrjes, por në këtë rast, kushtojini vëmendje lartësisë. Për shumicën dërrmuese të fushave hyrëse, vlera e dëshiruar e lartësisë së linjës do të jetë brenda 100 pikselë. Fatkeqësisht, duke përdorur veçorinë line-height, është e pamundur të zbatohet efekti i lëvizjes lart, pasi vetia nuk pranon vlera negative.</p>.input (@include placeholder (text-indent: 0px; tranzicioni: text-indent 300ms ;) & :focus (@include placeholder (indent-tekst: 500px;)) <p> <input type="text" placeholder="Demo: zhvendosje poshtë" class="demo-css-placeholders-input pl-shift-down"></p> <h3>Së bashku</h3> <p>Për ta bërë të këndshëm dhe të përshtatshëm përdorimin e kodit të animacionit për mbajtësit e vendeve, mund të shkruani një bibliotekë të vogël miksesh për çdo paraprocesor. Biblioteka duket si kjo ():</p>@mixin placeholder ( & : :- webkit-input-placeholder ( @content ) & : - moz-placeholder ( @content ) & : :- moz-placeholder ( @content ) & : - ms-input-placeholder ( @content ) ) @mixin pl-shift ($side : majtas , $position : 500 pikselë , $kohëzgjatja : 200 ms ) ( @përfshi vendmbrojtësin ( text-indent : 0 ; tranzicion : text-indent $duration ; ) & :focus ( @include placeholder ( text-indent : if ($side == majtas , - $position , $position ); ) ) ) @mixin pl-slide-down ($position : 5 , $kohëzgjatja : 200ms ) ( @include placeholder ( line-height : . ; tranzicioni : opacity $duration ; ) & :focus (@include placeholder ( opacity : 0 ; ) ) ) <p>Është shumë e lehtë për t'u përdorur. Mjafton të lidhni miksin e dëshiruar me çdo fushë hyrëse, ose thjesht të krijoni një rregull global për të gjithë mbajtësit e shpejtësisë në faqe:</p> <span>// Për elementë individualë</span>.pl-shift-right ( @include pl-shift (djathtas); ) .pl-fade-out (@include pl-fade-out ; ) <span>// Për çdo gjë tjetër</span>@include pl-shift (majtas); <h2>Autoprefiksues</h2> <p>Nëse nuk jeni duke përdorur një paraprocesor dhe ende nuk dëshironi që skedari juaj burim CSS të kthehet në një rrëmujë prefiksash për të gjithë shfletuesit e mundshëm, atëherë hidhini një sy Autoprefixer . Me të, CSS e pastër mund të bëhet pis (por në një skedar tjetër) duke shtuar të gjitha prefikset e nevojshme për të gjitha pronat. Për ta bërë plugin-in të funksionojë me paceholder, mjafton të përdorni pseudo-element::placeholder:</p>::mbajtës (ngjyra: portokalli;) . hyrje : : mbajtëse vendi ( ngjyra : blu ; ) <p>Pas analizimit të stileve tuaja, Autoprefixer do të krijojë një skedar të veçantë CSS në të cilin do të shkruajë të gjitha prefikset e nevojshme për të gjithë shfletuesit që keni specifikuar.</p> <h2>Ç'pritet më tej</h2> <p>Siç shkrova më lart, gjithçka që lidhet me aplikimin e stileve për mbajtësit e vendeve nuk është ende e standardizuar. Së shpejti do të rregullohet. Një pseudo-klasë iu shtua specifikimit të Nivelit 4 të Përzgjedhësve: vendmbajtës-treguar , i cili më në fund do të sjellë në standard gjithë atë përzierje të çmendur të pseudo-klasave dhe pseudo-elementeve që ekziston tani. Mund të kontrolloni mbështetjen në caniuse (aktualisht nuk mbështetet në asnjë shfletues).</p> <p>Aplikimi i stileve me :placeholder-shown do të jetë shumë më i lehtë:</p>.input :placeholder-shown (ngjyra : blu ; )<script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </div> </article> <div id="post-ratings-1455-loading" class="post-ratings-loading"> <img src="https://realbazar.ru/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image" / loading=lazy loading=lazy>Po ngarkohet...</div> </main> </section> <div id="right-sidebar" itemtype="http://schema.org/WPSideBar" itemscope="itemscope" role="complementary" class="widget-area grid-25 tablet-grid-25 grid-parent sidebar"> <div class="inside-right-sidebar"> <aside id="wpp-3" class="widget inner-padding popular-posts"> <h4 class="widget-title">Popullore</h4> <ul class="wpp-list wpp-list-with-thumbnails"> <li> <a href="https://realbazar.ru/sq/samsung-galaxy-s3/skachat-wifi-cracker-polnyi-programmy-dlya-vzloma-wi-fi-zashchishchaem-svoyu-wifi/" title="Softuer për hakimin e Wi-Fi" target="_self"><img src="/uploads/b5901d9352f8d54a07a2a404e37033ae.jpg" width="195" height="98" alt="Softuer për hakimin e Wi-Fi" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy loading=lazy></a> <a href="https://realbazar.ru/sq/samsung-galaxy-s3/skachat-wifi-cracker-polnyi-programmy-dlya-vzloma-wi-fi-zashchishchaem-svoyu-wifi/" title="Softuer për hakimin e Wi-Fi" class="wpp-post-title" target="_self">Softuer për hakimin e Wi-Fi</a> <span class="wpp-excerpt">Për një person që ka lojën e tij l ...</span> <br><br> </li> <li> <a href="https://realbazar.ru/sq/comparison/osnovnye-sovremennye-metody-shifrovaniya-acimmetrichnye/" title="Algoritmet e enkriptimit asimetrik Çfarë lloji të përpunimit mund t'i atribuohet enkriptimit" target="_self"><img src="/uploads/d0b82db69b1d91ca5461293193802e23.jpg" width="195" height="98" alt="Algoritmet e enkriptimit asimetrik Çfarë lloji të përpunimit mund t'i atribuohet enkriptimit" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy loading=lazy></a> <a href="https://realbazar.ru/sq/comparison/osnovnye-sovremennye-metody-shifrovaniya-acimmetrichnye/" title="Algoritmet e enkriptimit asimetrik Çfarë lloji të përpunimit mund t'i atribuohet enkriptimit" class="wpp-post-title" target="_self">Algoritmet e enkriptimit asimetrik Çfarë lloji të përpunimit mund t'i atribuohet enkriptimit</a> <span class="wpp-excerpt">Për një person që ka lojën e tij l ...</span> <br><br> </li> <li> <a href="https://realbazar.ru/sq/news/osnovnye-principy-programmirovaniya-staticheskaya-i-dinamicheskaya-tipizaciya/" title="Shtypja e gjuhëve të programimit Llojet e shtypjes" target="_self"><img src="/uploads/70da66ba9311dafe482230129e9d402e.jpg" width="195" height="98" alt="Shtypja e gjuhëve të programimit Llojet e shtypjes" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy loading=lazy></a> <a href="https://realbazar.ru/sq/news/osnovnye-principy-programmirovaniya-staticheskaya-i-dinamicheskaya-tipizaciya/" title="Shtypja e gjuhëve të programimit Llojet e shtypjes" class="wpp-post-title" target="_self">Shtypja e gjuhëve të programimit Llojet e shtypjes</a> <span class="wpp-excerpt">Për një person që ka lojën e tij l ...</span> <br><br> </li> <li> <a href="https://realbazar.ru/sq/different/algoritmy-shifrovaniya-dannyh-metody-shifrovaniya-dannyh---blog/" title="Metodat e kriptimit të të dhënave - Blog i programuesit në ueb Aplikimi i algoritmeve të kriptimit" target="_self"><img src="/uploads/64a6c07ff82a62b42acc95562d51faae.jpg" width="195" height="98" alt="Metodat e kriptimit të të dhënave - Blog i programuesit në ueb Aplikimi i algoritmeve të kriptimit" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy loading=lazy></a> <a href="https://realbazar.ru/sq/different/algoritmy-shifrovaniya-dannyh-metody-shifrovaniya-dannyh---blog/" title="Metodat e kriptimit të të dhënave - Blog i programuesit në ueb Aplikimi i algoritmeve të kriptimit" class="wpp-post-title" target="_self">Metodat e kriptimit të të dhënave - Blog i programuesit në ueb Aplikimi i algoritmeve të kriptimit</a> <span class="wpp-excerpt">Për një person që ka lojën e tij l ...</span> <br><br> </li> <li> <a href="https://realbazar.ru/sq/series-galaxy-note/raznica-mezhdu-besplatnym-i-open-source-programmnym-obespecheniem-chto-takoe/" title="Çfarë është burimi i hapur dhe pse është i rëndësishëm për kriptovalutat dhe bllokun e hapur" target="_self"><img src="/uploads/e58d56b6d555a570c61cfbff3c8323d3.jpg" width="195" height="98" alt="Çfarë është burimi i hapur dhe pse është i rëndësishëm për kriptovalutat dhe bllokun e hapur" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy loading=lazy></a> <a href="https://realbazar.ru/sq/series-galaxy-note/raznica-mezhdu-besplatnym-i-open-source-programmnym-obespecheniem-chto-takoe/" title="Çfarë është burimi i hapur dhe pse është i rëndësishëm për kriptovalutat dhe bllokun e hapur" class="wpp-post-title" target="_self">Çfarë është burimi i hapur dhe pse është i rëndësishëm për kriptovalutat dhe bllokun e hapur</a> <span class="wpp-excerpt">Për një person që ka lojën e tij l ...</span> <br><br> </li> </ul> </aside> <style>.rpwe-block ul{ list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .rpwe-block li{ border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px; list-style-type: none; } .rpwe-block a{ display: inline !important; text-decoration: none; } .rpwe-block h3{ background: none !important; clear: none; margin-bottom: 0 !important; margin-top: 0 !important; font-weight: 400; font-size: 16px !important; line-height: 1.5em; } .rpwe-thumb{ border: 2px solid #eee !important; box-shadow: none !important; margin: 2px 10px 2px 0; padding: 3px !important; } .rpwe-summary{ font-size: 14px; } .rpwe-time{ color: #bbb; font-size: 11px; } .rpwe-comment{ color: #bbb; font-size: 11px; padding-left: 5px; } .rpwe-alignleft{ display: inline; float: left; } .rpwe-alignright{ display: inline; float: right; } .rpwe-aligncenter{ display: block; margin-left: auto; margin-right: auto; } .rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table !important; } .rpwe-clearfix:after{ clear: both; } .rpwe-clearfix{ zoom: 1; } </style><aside id="rpwe_widget-2" class="widget inner-padding rpwe_widget recent-posts-extended"><h4 class="widget-title">hyrjet e reja</h4><div class="rpwe-block "><ul class="rpwe-ul"> <li> <a href="https://realbazar.ru/sq/the-galaxy-s-series/principy-postroeniya-asu-tp-scada-sistemy-scada-sistemy-oao/" title="Parimet e ndërtimit të një sistemi kontrolli të automatizuar për një sistem scada" target="_self"><img src="/uploads/1db034e4c37e0d40a575af6357f16a1f.jpg" width="195" height="98" alt="Parimet e ndërtimit të një sistemi kontrolli të automatizuar për një sistem scada" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy loading=lazy></a> <a href="https://realbazar.ru/sq/the-galaxy-s-series/principy-postroeniya-asu-tp-scada-sistemy-scada-sistemy-oao/" title="Parimet e ndërtimit të një sistemi kontrolli të automatizuar për një sistem scada" class="wpp-post-title" target="_self">Parimet e ndërtimit të një sistemi kontrolli të automatizuar për një sistem scada</a> <span class="wpp-excerpt">Për një person që ka lojën e tij l ...</span> <br><br> </li> <li> <a href="https://realbazar.ru/sq/samsung-galaxy-s5/fail-virusa-shifrovalshchika-prilagayu-bez-shansa-na-spasenie-chto-takoe/" title="Asnjë shans shpëtimi: çfarë është një virus ransomware dhe si të merreni me të" target="_self"><img src="/uploads/572320a42a757ffaf64c1d6db9b3e7fe.jpg" width="195" height="98" alt="Asnjë shans shpëtimi: çfarë është një virus ransomware dhe si të merreni me të" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy loading=lazy></a> <a href="https://realbazar.ru/sq/samsung-galaxy-s5/fail-virusa-shifrovalshchika-prilagayu-bez-shansa-na-spasenie-chto-takoe/" title="Asnjë shans shpëtimi: çfarë është një virus ransomware dhe si të merreni me të" class="wpp-post-title" target="_self">Asnjë shans shpëtimi: çfarë është një virus ransomware dhe si të merreni me të</a> <span class="wpp-excerpt">Për një person që ka lojën e tij l ...</span> <br><br> </li> <li> <a href="https://realbazar.ru/sq/samsung-galaxy-s5/vladelcy-dronov-pokupayut-soft-rossiiskoi-kompanii-chtoby-letat-v/" title="Harta e zonave të ndalim-fluturimit dji me katërkopter" target="_self"><img src="/uploads/22c7ac61c30b2132ca602c935905f8ab.jpg" width="195" height="98" alt="Harta e zonave të ndalim-fluturimit dji me katërkopter" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy loading=lazy></a> <a href="https://realbazar.ru/sq/samsung-galaxy-s5/vladelcy-dronov-pokupayut-soft-rossiiskoi-kompanii-chtoby-letat-v/" title="Harta e zonave të ndalim-fluturimit dji me katërkopter" class="wpp-post-title" target="_self">Harta e zonave të ndalim-fluturimit dji me katërkopter</a> <span class="wpp-excerpt">Për një person që ka lojën e tij l ...</span> <br><br> </li> <li> <a href="https://realbazar.ru/sq/comparison/utilita-dlya-udaleniya-antivirusa-avg-kak-udalit-avg-s-kompyutera-polnostyu/" title="Si të hiqni plotësisht AVG nga kompjuteri juaj" target="_self"><img src="/uploads/b6d43c4eb1632600de78dcad9a99cb23.jpg" width="195" height="98" alt="Si të hiqni plotësisht AVG nga kompjuteri juaj" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy loading=lazy></a> <a href="https://realbazar.ru/sq/comparison/utilita-dlya-udaleniya-antivirusa-avg-kak-udalit-avg-s-kompyutera-polnostyu/" title="Si të hiqni plotësisht AVG nga kompjuteri juaj" class="wpp-post-title" target="_self">Si të hiqni plotësisht AVG nga kompjuteri juaj</a> <span class="wpp-excerpt">Për një person që ka lojën e tij l ...</span> <br><br> </li> <li> <a href="https://realbazar.ru/sq/games-for-android/av-test-antivirusnaya-zashchita-na-windows-xp-sp3-est-li-xp-posle-xp-kakoi/" title="A ka XP pas XP Cili antivirus është më i mirë për Windows xp" target="_self"><img src="/uploads/cc41edcfca75570d1d081d5e9db15af2.jpg" width="195" height="98" alt="A ka XP pas XP Cili antivirus është më i mirë për Windows xp" class="wpp-thumbnail wpp_cached_thumb wpp_featured" / loading=lazy loading=lazy></a> <a href="https://realbazar.ru/sq/games-for-android/av-test-antivirusnaya-zashchita-na-windows-xp-sp3-est-li-xp-posle-xp-kakoi/" title="A ka XP pas XP Cili antivirus është më i mirë për Windows xp" class="wpp-post-title" target="_self">A ka XP pas XP Cili antivirus është më i mirë për Windows xp</a> <span class="wpp-excerpt">Për një person që ka lojën e tij l ...</span> <br><br> </li> </ul></div></aside><aside id="custom_html-2" class="widget_text widget inner-padding widget_custom_html"> <div class="textwidget custom-html-widget"> </div> </aside> </div> </div> </div> </div> <div class="site-footer grid-container grid-parent "> <div id="footer-widgets" class="site footer-widgets"> <div class="footer-widgets-container grid-container grid-parent"> <div class="inside-footer-widgets"> <div class="footer-widget-1 grid-parent grid-33 tablet-grid-50 mobile-grid-100"> <aside id="categories-3" class="widget inner-padding widget_categories"> <h4 class="widget-title">Kategoritë</h4> <ul> <li class="cat-item cat-item-99"><a href="https://realbazar.ru/sq/category/samsung-galaxy-s3/" title="Samsung Galaxy S3">Samsung Galaxy S3</a> </li> <li class="cat-item cat-item-99"><a href="https://realbazar.ru/sq/category/samsung-galaxy-s5/" title="Samsung Galaxy S5">Samsung Galaxy S5</a> </li> <li class="cat-item cat-item-99"><a href="https://realbazar.ru/sq/category/games-for-android/" title="lojëra Android">lojëra Android</a> </li> <li class="cat-item cat-item-99"><a href="https://realbazar.ru/sq/category/news/" title="Lajme">Lajme</a> </li> <li class="cat-item cat-item-99"><a href="https://realbazar.ru/sq/category/an-overview-of-the-devices/" title="Pasqyrë e pajisjes">Pasqyrë e pajisjes</a> </li> <li class="cat-item cat-item-99"><a href="https://realbazar.ru/sq/category/different/" title="Të ndryshme">Të ndryshme</a> </li> </ul> </aside> </div> <div class="footer-widget-2 grid-parent grid-33 tablet-grid-50 mobile-grid-100"> <aside id="text-9" class="widget inner-padding widget_text"> </aside> </div> <div class="footer-widget-3 grid-parent grid-33 tablet-grid-50 mobile-grid-100"> <aside id="pages-2" class="widget inner-padding widget_pages"> <h4 class="widget-title">Faqet</h4> <ul> <li class="page_item page-item-422"><a href="https://realbazar.ru/sq/sitemap.xml">harta e faqes</a></li> <li class="page_item page-item-917"><a href="https://realbazar.ru/sq/feedback/">Feedback</a></li> </ul> </aside> <aside id="text-11" class="widget inner-padding widget_text"> <h4 class="widget-title">© 2022 realbazar.ru</h4> </aside> </div> </div> </div> </div> <footer class="site-info" itemtype="http://schema.org/WPFooter" itemscope="itemscope"> <div class="inside-site-info grid-container grid-parent"> <div class="copyright-bar"> <span class="copyright">2022</span> • </div> </div> </footer> </div> <a id="scroll-to-top" href="#" title="Lëvizni në krye">Top</a> <script type='text/javascript' src='https://realbazar.ru/wp-content/plugins/jquery-smooth-scroll/js/jss-script.min.js?ver=4.8.6'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "smooth_scroll": "1" }; /* ]]> */ </script> <script type='text/javascript' src='https://realbazar.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://realbazar.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.84'></script> <script type='text/javascript' src='https://realbazar.ru/wp-content/themes/generatepress/js/navigation.min.js?ver=1.4'></script> <script type='text/javascript' src='https://realbazar.ru/wp-content/themes/generatepress/js/dropdown.min.js?ver=1.4'></script> <script type='text/javascript' src='https://realbazar.ru/wp-content/themes/generatepress/js/navigation-search.min.js?ver=1.4'></script>  <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar": "sidebar-1", "margin_top": 10, "margin_bottom": 0, "stop_id": "footer-widgets", "screen_max_width": 0, "screen_max_height": 0, "width_inherit": false, "refresh_interval": 1500, "window_load_hook": false, "disable_mo_api": false, "widgets": ['custom_html-2'] }; </script> <script type='text/javascript' src='https://realbazar.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.8.6'></script> <script type="text/javascript">  </script><br> <br> </body> </html>