Yangi formatda davom etish uchun: https://uzfor.net/view.php?id=47551
Sahifadagi matn hajmini o'zgartirish (+A -A & JavaScript)
Xabarlar
Bu skript haqidagi qisqa darslarimizdan biri bo'ladi, bu sizning saytingiz sahifalaridagi shriftlarni kattalashtirish yoki kichraytirish imkonini beradi.
Ba'zan saytingizdagi matn mehmonlar uchun juda katta bo'lishi yoki aksincha, kichik bo'lishi mumkin. Bunday holda, qayta o'lchamlarini funktsiyasini ta'minlash qulay bo'ladi.
Keling, misol sahifasiga qaraylik:
Vassalom Sahifaning boshida bunday oddiy kod barcha ishlarni bajaradi. Hujjatning yuqori qismida biz ikkita yo'nalish belgiladik, - matn hajmini kichraytirish, ikkinchisi bilan esa ya'ni + bilan matn hajmini kattalashtirishni ta'minladik. Matnning asosiy hajmi 12 ta o'lchamni aniqlaydi. Sahifangizda 2 ball ko'payadi yoki kamayadi.
Bu dars qisqa bo'lishi mumkin, lekin amaliyotda sinab ko'rish uchun va ko'pchilik uchun foydali bo'ldi deb o'ylayman
Hammaga omad!
Ushbu dars ruseller.com jamoasi tomonidan siz uchun tayyorlangan.
Kurs manbai: www.vijayjoshi.org
Rus tiliga tarjima: Maxim Shkurypy
O'zbek tiliga tarjima: Sirojiddin Ernazarov
Ba'zan saytingizdagi matn mehmonlar uchun juda katta bo'lishi yoki aksincha, kichik bo'lishi mumkin. Bunday holda, qayta o'lchamlarini funktsiyasini ta'minlash qulay bo'ladi.
Keling, misol sahifasiga qaraylik:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script> function changeFontSize(element,step) { step = parseInt(step,10); var el = document.getElementById(element); var curFont = parseInt(el.style.fontSize,10); el.style.fontSize = (curFont+step) + 'px'; } </script> </head> <body> <p> <a href="javascript:void(0);" onclick="changeFontSize('content','2');">Matnnu kattalashtirish</a> <a href="javascript:void(0);" onclick="changeFontSize('content',-2);">Matnni kichraytirish</a> </p> <p id="content" style="font-size:12px;"> UZFOR.UZ DARSLIKLARIGA HUSH KELIBSIZ! Bizni kuzatishda davom eting: https://uzfor.uz/47551-matn-hajmini-ozgartirish.html </p> </body> </html>
Bu dars qisqa bo'lishi mumkin, lekin amaliyotda sinab ko'rish uchun va ko'pchilik uchun foydali bo'ldi deb o'ylayman
Hammaga omad!
Ushbu dars ruseller.com jamoasi tomonidan siz uchun tayyorlangan.
Kurs manbai: www.vijayjoshi.org
Rus tiliga tarjima: Maxim Shkurypy
O'zbek tiliga tarjima: Sirojiddin Ernazarov
Tavsiya etamiz:
- Hoziroq maydonlarni to'ldiring va reklamangizni joylashtiring!
Mavzuga oid xabarlar soni: 1 ta
So'ngi faollik vaqti: 11:57:33, 25 Jan 2019