Qanday qilib o'z qo'llaringiz bilan to'liq alifbo bo'linuvchisini qilish kerak. Stolingizni mukammal tartibda olishga yordam beradigan ajoyib g'oyalar. Pichoqlarni saqlash
Ba'zan stolda kerakli narsani topish uchun ko'p vaqt, kuch va asablarni talab qiladi. Stressdan qochish va u yoki bu narsani tezda topish uchun siz tortmalarda saqlashni to'g'ri tashkil qilishingiz kerak. Buni qanday qilish kerak? Biz eng zo'r va eng tez amalga oshiriladigan g'oyalarni topdik, ular hatto eng katta tartibsizliklarni ham hal qilishga yordam beradi.
Pichoqlarni saqlash
Agar idish-tovoq buyumlari tortmachada ajratilmasdan saqlansa, ertami-kechmi ular bir-biri bilan aralashib ketadi. Buning oldini olish uchun vilkalar, qoshiqlar va pichoqlar alohida saqlanishini darhol ta'minlash yaxshiroqdir. Buni amalga oshirish uchun siz oshxona anjomlari do'konida ajratgichli maxsus idish sotib olishingiz yoki kontrplak bloklaridan qismlarni o'zingiz qilishingiz mumkin. Bunday holda, pastki qismini to'qilmagan dasturxon bilan yopish yoki dekorativ plyonka yopishtirish yaxshiroqdir.
Kosmetikani tortmachada saqlash uchun siz turli o'lchamdagi plastik va metall idishlarni olishingiz kerak. Qulaylik uchun lab bo'yog'i va jilolarni bitta idishga solib qo'yish, kosmetika vositalarini qo'llash uchun cho'tkalar va gubkalarni alohida idishga joylashtirish, tortmani ochish va yopish paytida tushmasligi uchun ko'z soyalari va qizarishni mahkamlash tavsiya etiladi.
Tortmani funktsional tashkilotchiga aylantirish uchun siz idishlarga pul sarflashingiz yoki maxsus ajratgichlarni izlashingiz shart emas. Oshxonaga qarash va makkajo'xori yoki jo'xori unidan keraksiz karton qutilar bor-yo'qligini ko'rishga arziydi. Poyafzal, telefon yoki boshqa aksessuarlar sotib olgandan keyin qolgan qutilar (va ularning qopqoqlari) ham foydali bo'ladi. Go'zallik uchun ular devor qog'ozi qoldiqlari bilan bezatilgan, bir-biriga yopishtirilgan va bir xil uslubda bezatilgan bo'lishi mumkin.
Salom. Yaqinda mendan sahifani qanday qilib sahifaning ma'lum bir qismiga silliq aylantirishni so'rashdi. Umuman olganda, bu langar havolasidan keyin deyiladi. Saytga tashrif buyuruvchi langar havolasi qo'shilgan elementni bosganda, ular avtomatik ravishda sahifaning langar qo'shilgan qismiga o'tadi.
Odatda, langarlar katta hajmli sahifalarda qo'llaniladi, shunda navigatsiyani osonlashtirish uchun kerakli bo'limga tezda o'tishingiz mumkin. Siz buni ko'plab veb-saytlarda ko'rgan bo'lsangiz kerak.
Anker yaratish uchun avval tegishli joyga xatcho‘p qo‘yishingiz va tegning name atributidan foydalanib unga nom berishingiz kerak. .
Uning qanday ishlashini ko'rish uchun test blogiga qarang.
Keling, Blogger sahifasidagi langar havolalariga qanday amal qilishni aniqlaylik. Hammasi juda oddiy.
Keling, oddiy menyu yarataylik, bu erda havola parametri sifatida biz aylantirish sodir bo'ladigan bloklarning identifikatorini o'rnatamiz. Shunga o'xshash narsa
Sizni yana aldamaslik uchun men sizga darhol to'liq kodni beraman. Siz uni nusxalashingiz va post muharririda HTML rejimiga o'tish orqali test blogida sahifangizda sinab ko'rishingiz mumkin. Keling, bu erda nima qilinganligini aniqlaylik
- Qayerdan boshlash kerak
- Qanday qilish kerak
- Qayerdan olish kerak
- Qanday amalga oshirish kerak
Qayerdan boshlash kerak
Qanday qilish kerak
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis rerum deleniti quibusdam molestiae esse ad iusto natus, asperiores doloribus impedit quia quasi placeat unde recusandae ut fuga enim yoki incidunt sed perspiciatis magni culpa corporis Hic! Ducimus distinctio esse quod eius repudiandae at magni repellat, exedita molestiae, delectus, aliquam workum va Eveniet reprehenderit sunt voluptate o'xshash!
Qayerdan olish kerak
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis rerum deleniti quibusdam molestiae esse ad iusto natus, asperiores doloribus impedit quia quasi placeat unde recusandae ut fuga enim yoki incidunt sed perspiciatis magni culpa corporis Hic! Ducimus distinctio esse quod eius repudiandae at magni repellat, exedita molestiae, delectus, aliquam workum va Eveniet reprehenderit sunt voluptate o'xshash!
Qanday amalga oshirish kerak
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis rerum deleniti quibusdam molestiae esse ad iusto natus, asperiores doloribus impedit quia quasi placeat unde recusandae ut fuga enim yoki incidunt sed perspiciatis magni culpa corporis Hic! Ducimus distinctio esse quod eius repudiandae at magni repellat, exedita molestiae, delectus, aliquam workum va Eveniet reprehenderit sunt voluptate o'xshash!
Va shunga mos ravishda matnning bunday bo'limlarini qo'shish HTML kodi
Qanday amalga oshirish kerak
HAMMA MATNINGIZ BU YERDA BO'LADI
Va bu erda men sizning e'tiboringizni quyidagilarga qaratishim kerak
Agar siz xabarni tahrirlashda langarlarni ko'rsatgan bo'lsangiz, "Yaratish" yorlig'iga o'tmang, HTML rejimida ishlang va xabarni yozing. Keyin langarlar asl shaklida qoladi. Aks holda, avtotuzatish oddiygina sodir bo'ladi (bular Bloggerning injiqliklari).
Bu yerda qandaydir ism bor
Ular shunday ko'rinishda bo'ladi
Ya'ni, mavjud bo'lmagan sahifaga o'tish (nashr qilinmagandek) amalga oshiriladi.
Agar HTML rejimida ishlash hali ham qiyin bo'lsa va bu holda hamma narsa to'g'ri ishlashi uchun siz langar yorlig'i shunday ko'rinishi uchun havolani biroz o'zgartirishingiz kerak.
Bu yerda qandaydir ism bor
Bu erda https://n-t-b-b.blogspot.com/2019/08/blog-post.html - bu sozlamalarda post muharririning o'ng tomonida ko'rish mumkin bo'lgan sahifaga havola.
Hammasi shunga o'xshash juda oddiy. Wordpress-dagi bloglarda bunday maqsadlar uchun maxsus plagin mavjud. Bloggerda bu quyidagi kod yordamida osonlik bilan amalga oshiriladi. Hammaga omad.
Salom do'stlar. Va bugun siz uchun yana bir sayt xaritasi. U uzoq vaqtdan beri mening "qutilarimda" yotibdi, keyin men tasodifan unutilgan eskisini uchratdim. Ehtimol, bu kimgadir yoqadi. Bu akkordeon uslubida yaratilgan.
Bunday xaritada bizda nima bo'ladi -
Barcha teglar (sarlavhalar, bo'limlar) chap tomonda ko'rsatiladi.
O'ngdagi o'qni bosganingizda, ushbu yorliqning barcha xabarlari ochiladi.
Yorliqlar to'plami - yangi xabar.
Uslublaringizga mos dizaynni oson sozlash.
Sahifada oson o'rnatish.
Ishchi versiyani ko'rish uchun test blogiga o'ting.
.content-jadval(fon rangi:#008B8B;rang:#444;shrift-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;shrift-size:13px;shrift-weight:400;overflow:yashirin ;border-radius:4px;box-soya:0 0 10px rgba(0,0,0,.2))
.table-of-content .toc-header(color:#444;font-family:inherit;font-weight:400;font-size:14px;font-rang:#fff;margin:0;padding:15px;overflow : yashirin; kursor: ko'rsatgich; chegara-pastki: 1px qattiq #ccc; o'tish: boshlang'ich)
.content-jadval .toc-header:hover(fon rangi:#fdfdfd)
.table-of-content .toc-header:oldin(kontent:"";width:0;height:0;position:absolute;top:22px;right:15px;border:5px qattiq shaffof;border-color:#aaa shaffof shaffof;o'tish:barchasi .3s oson)
.tarkib jadvali .toc-header.active(rang:#fc4f3f)
.table-of-content .toc-header.active:oldin(chegara-rang:#666 shaffof shaffof;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg); -ms-transform:aylantirish(-180deg);-o-transform:aylantirish(-180deg);transform:aylantirish(-180deg))
.table-of-content .loading(displey:blok; padding:15px;matn-bezatish:miltillash)
.content-jadval (chegara:0; toʻldirish:0;list-style:yoʻq;oʻtish:boshlangʻich)
.table-of-content li(chiziq balandligi:normal! muhim; hoshiya: 0! muhim; to‘ldirish: 8px 8px 8px 15px! muhim; oq bo‘sh joy: hozir o‘ralash; matnni tekislash: chap; to‘ldirish: yashirin; fon:# 808080 !muhim;o'tish:boshlang'ich)
.tarkib a(rang:#d9d9d9!muhim;matn-bezatish:yo'q;shrift o'lchami:86%;o'tish:boshlang'ich)
.tarkib a:ziyorat qilingan(rang:#a2a2a9; o‘tish:boshlang‘ich)
.content-jadval a:hover,.content-jadval a:tashrif buyurilgan:hover(rang:#ffc937!muhim;matn-bezatish:yo'q;o'tish:boshlang'ich)
.post ol li:oldin(displey:yo'q)
var toc_config = (
url: "https://"+window.location.hostname,
containerId: "kontent jadvali",
Yangi ko'rsatish: 15,
yangi matn: "yangi",
alifbo tartibida tartiblash: (
Panel: rost,
ro'yxat: rost
},
maksimal natijalar: 9999,
faol panel: 1,
Slayd tezligi: (
pastga: 400,
yuqori: 400
},
slideEasing: (
pastga: null,
yuqoriga: null
},
slidecallback: (
pastga: funktsiya () (),
yuqoriga: funktsiya () ()
},
Qayta qo'ng'iroqni bosing: funktsiya () (),
jsonCallback: "_toc",
!function(e,o)(var t=o.getElementById(toc_config.containerId),c=o.getElementsByTagName("head"),n=;e=function(e)(for(var o,c,i=) e.feed.entry,a=e.feed.category,l="",s=0,d=a.length;d>s;++s)n.push(a[s].term);uchun (var r=0,f=i.length;f>r;++r)(toc_config.showNew||toc_config.showNew>0)&++g)(l+=""+n[g]+"" ,l+="";for(var _=0,p=i.length;p>_;++_)(o=i[_].title.$t;for(var w=0,u=i) [_].link.length;u>w;++w)if("alternate"==i[_].link[w].rel)(c=i[_].link[w].href; break)for(var v=0,m=i[_].category.length;m>v;++v)n[g]==i[_].category[v].term&&(l+="
Siz darhol butun kodni nusxalashingiz mumkin. ga boring blog boshqaruv paneli - sahifa yorlig'i - sahifa yaratish. Darhol sahifa muharririda HTML rejimiga o'ting, nusxalangan kodni joylashtiring va nashr qiling.
Bo'ldi, boshqa hech narsa qilishingiz shart emas. Bu sizning blog tasmangiz orqali yaratiladi. Kodda men umumiy fon rangini kulrang deb ta'kidladim, lekin uni osongina kerakli rangga o'zgartirishingiz mumkin. Mana, ranglar.Biroq, boshqa ko'plab uslublar kabi - shrift, hoshiyalar, soyalar va h.k.
Tez, oddiy, qulay, chiroyli.
Barchangizga omad tilayman va tez orada ko'rishguncha.
yangi cheat varaqlariga obuna bo'ling
Photoshop, Gimp va boshqalar kabi grafik dasturlardan foydalanib, siz GIF formatida jonlantirilgan tasvirlarni yaratishingiz mumkin. Ushbu maqolada men CSS3 va Javascript yordamida matn va tasvirlardan miltillovchi elementlarni qanday yaratishni ko'rsatmoqchiman.
CSS3 ni tanlash javascriptdan yaxshiroqdir, chunki u brauzer sahifasining ochilishini sezilarli darajada sekinlashtirmaydi. Ushbu parametr ma'lum bir paragrafni ta'kidlash yoki biron bir elementni bosishni rag'batlantirish uchun qiziqarli bo'lishi mumkin.
Aniqlik uchun men postni 4 qismga ajrataman:
CSS yordamida tasvirlarni miltillash
Javascript yordamida matnni miltillash
Javascript yordamida miltillovchi tasvir
Shaxsiy ehtiyojlar uchun siz havolalarni ham qo'shishingiz mumkin.
bloggerning Facebook sahifasiga qo'shiling
.blink_text(
animatsiya:1s miltillovchi chiziqli cheksiz;
rang: #00f;
shrift o'lchami: 18px;
shrift vazni: qalin;
}
.blink_text a (rang:#f00;)
@keyframes miltillovchi (
0% ( shaffoflik: 1,0; )
50% (shaffoflik: 0,0; )
100% (shaffoflik: 1,0; )
}
https://www.facebook.com/ViktoriyBarad/ sahifasining matni va manzilini mos ravishda o'zgartiring.
Bu matn uslublari
rang: #00f;
shrift o'lchami: 18px;
shrift vazni: qalin;
Animatsiya vaqti 1 soniyaga sozlangan (sozlanishi mumkin)
2. Yoqilgan miltillovchi rasmga misol CSS
Men Twitterdaman
Kod
.blink_text(
animatsiya:1s miltillovchi chiziqli cheksiz;
}
@keyframes miltillovchi (
0% ( shaffoflik: 1,0; )
50% (shaffoflik: 0,0; )
100% (shaffoflik: 1,0; )
}
Sozlamalar o'xshash - sizning manzilingiz va png formatidagi rasm.
Endi javascript yordamida bir xil effektlarni qanday amalga oshirishni ko'rib chiqamiz.
1. Javascriptda miltillovchi matn
Bloggerning cheat varaqlari blink_one() funksiyasiga obuna bo'ling ( document.getElementById("blink").style.visibility="visible"; setTimeout("blink_two()",700); ) funksiyasi blink_two() ( document.getElementById(" miltillash ").style.visibility="yashirin"; setTimeout("blink_one()",700); ) blink_one();
Uni tasma manzilingizga o'zgartiring va matnni yozing.
