Si të bëni një ndarës të plotë alfabetik me duart tuaja. Ide fantastike që do t'ju ndihmojnë ta vendosni tavolinën tuaj në rregull të përsosur. Magazinimi i takëmeve
Ndonjëherë duhet shumë kohë, përpjekje dhe nerva për të gjetur artikullin e duhur në tryezë. Për të shmangur stresin dhe për të gjetur shpejt këtë apo atë artikull, duhet të organizoni siç duhet ruajtjen në sirtarë. Si ta bëjmë atë? Ne kemi gjetur idetë më interesante dhe më të shpejta për t'u zbatuar që do t'ju ndihmojnë të zgjidhni edhe rrëmujën më të madhe.
Magazinimi i takëmeve
Nëse sendet e takëmit ruhen në një sirtar pa ndarës, atëherë herët a vonë ato do të përzihen me njëri-tjetrin. Për të parandaluar që kjo të ndodhë, është më mirë që menjëherë të siguroheni që pirunët, lugët dhe thikat të ruhen veçmas. Për ta bërë këtë, mund të blini një enë të veçantë me ndarës në një dyqan enë gatimi, ose të bëni vetë ndarje nga blloqet e kompensatës. Në këtë rast, është më mirë të mbuloni pjesën e poshtme me një copë mbulesë tavoline jo të endur ose të ngjitni një film dekorativ.
Për të ruajtur kozmetikën në një sirtar, duhet të merrni enë plastike dhe metalike të madhësive të ndryshme. Për lehtësi, rekomandohet të vendosni buzëkuq dhe shkëlqim në një enë, të vendosni furçat dhe sfungjerët për aplikimin e kozmetikës në një kavanoz të veçantë, të rregulloni hijet e syve dhe të skuqeni në mënyrë që të mos bien kur hapni dhe mbyllni sirtarin.
Për ta kthyer një sirtar në një organizator funksional, nuk keni nevojë të shpenzoni para në kontejnerë ose të kërkoni ndarës të veçantë. Ia vlen të shikoni në kuzhinë dhe të shihni nëse ka ndonjë kuti kartoni të padëshiruar nga flaks misri ose bollgur. Kutitë (dhe kapakët e tyre) që mbeten pas blerjes së këpucëve, telefonit ose aksesorëve të tjerë do të jenë gjithashtu të dobishme. Për bukurinë, ato mund të zbukurohen me mbetje të letër-muri, të ngjitura së bashku dhe të dekoruara në të njëjtin stil.
pershendetje. Kohët e fundit më pyetën se si të bëj një lëvizje pa probleme në një pjesë të caktuar të faqes. Në përgjithësi, kjo quhet ndjekja e një lidhjeje të ankorimit. Kur një vizitor i faqes klikon në një element që ka një lidhje ankorimi të shtuar në të, ata dërgohen automatikisht në pjesën e faqes ku është shtuar ankorimi.
Në mënyrë tipike, ankorat përdoren në faqet me një vëllim të madh, në mënyrë që të mund të hidheni shpejt në seksionin e dëshiruar për navigim më të lehtë. Ju ndoshta e keni parë këtë në shumë faqe interneti.
Për të krijuar një spirancë, së pari duhet të bëni një faqerojtës në vendin e duhur dhe t'i jepni një emër duke përdorur atributin e emrit të etiketës .
Shikoni blogun e testimit për të parë se si funksionon.
Le të kuptojmë se si të ndjekim lidhjet e ankorimit brenda një faqeje në Blogger. Gjithçka është mjaft e thjeshtë.
Le të krijojmë një menu të thjeshtë, ku si parametër link vendosim ID-në e blloqeve tek të cilët do të ndodhë scrolling. Diçka si kjo
Për të mos ju mashtruar përsëri, do t'ju jap kodin e plotë menjëherë. Mund ta kopjoni dhe ta provoni në faqen tuaj në një blog testimi duke kaluar në modalitetin HTML në redaktuesin e postimit. Dhe le të kuptojmë se çfarë është bërë këtu
- Ku të fillojë
- Si të bëhet
- Ku të merrni
- Si të zbatohet
Ku të fillojë
Si të bëhet
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis rerum deleniti quibusdam molestiae esse ad iusto natus, asperiores doloribus penguar që pothuajse të vendoset unde recusandae ut fuga enim ose incidunt sed perspiciatis magni culpa corporis hic! Ducimus distinctio esse quod eius repudiandae në magni repellat, expedita molestiae, delectus, aliquam laborum velniet reprehenderit sunt voluptate similique!
Ku të merrni
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis rerum deleniti quibusdam molestiae esse ad iusto natus, asperiores doloribus penguar që pothuajse të vendoset unde recusandae ut fuga enim ose incidunt sed perspiciatis magni culpa corporis hic! Ducimus distinctio esse quod eius repudiandae në magni repellat, expedita molestiae, delectus, aliquam laborum velniet reprehenderit sunt voluptate similique!
Si të zbatohet
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis rerum deleniti quibusdam molestiae esse ad iusto natus, asperiores doloribus penguar që pothuajse të vendoset unde recusandae ut fuga enim ose incidunt sed perspiciatis magni culpa corporis hic! Ducimus distinctio esse quod eius repudiandae në magni repellat, expedita molestiae, delectus, aliquam laborum velniet reprehenderit sunt voluptate similique!
Dhe kodi HTML, në përputhje me rrethanat duke shtuar seksione të tilla të tekstit
Si të zbatohet
GJITHË TEKSTI JUAJ DO TË JETË KETU
Dhe këtu më duhet thjesht të tërheq vëmendjen tuaj për sa vijon
Nëse keni specifikuar ankorat kur redaktoni një mesazh, mos kaloni në skedën "Krijo", punoni dhe shkruani mesazhin në modalitetin HTML. Pastaj spiranca do të mbetet në formën e tyre origjinale. Përndryshe, thjesht do të ndodhë autokorrigjimi (këto janë çuditjet e Blogger).
Këtu ka një emër
Ata do të duken kështu
Dmth do të bëhet kalimi në një faqe që nuk ekziston (sikur e papublikuar).
Nëse është ende e vështirë të punosh në modalitetin HTML dhe që gjithçka të funksionojë siç duhet në këtë rast, thjesht duhet të ndryshosh pak lidhjen në mënyrë që etiketa e ankorimit të duket si kjo
Këtu ka një emër
Ku https://n-t-b-b.blogspot.com/2019/08/blog-post.html është lidhja për në faqen që mund të shihet në anën e djathtë të redaktuesit të postimit në cilësimet këtu
Gjithçka është shumë e thjeshtë si kjo. Blogs në Wordpress ka një shtojcë të veçantë për qëllime të tilla. Në Blogger kjo zbatohet lehtësisht duke përdorur kodin e mëposhtëm. fat të gjithëve.
Përshëndetje miq. Dhe një tjetër hartë sajti për ju sot. Ka kohë që qëndronte në “koshat” e mi dhe më pas rastësisht hasa në një të vjetër të harruar. Ndoshta dikush do ta pëlqejë këtë. Ky është projektuar në stilin e fizarmonikës.
Çfarë do të kemi në një hartë të tillë -
Të gjitha etiketat (titujt, seksionet) shfaqen në anën e majtë.
Kur klikoni në shigjetën në të djathtë, hapen të gjitha postimet e kësaj shkurtoreje.
Set etiketë - mesazh i ri.
Përshtatje e thjeshtë e dizajnit për t'iu përshtatur stileve tuaja.
Instalim i lehtë në faqe.
Për të parë versionin e punës, shkoni te blogu i testimit.
.tabela e përmbajtjes(ngjyra e sfondit:#008B8B;ngjyra:#444;familja e shkronjave:Verdana,Geneva,Tahoma,Arial,Sans-serif;madhësia e shkronjave:13px;pesha e shkronjave:400;përmbytja: fshehur ;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2))
.table-of-content .toc-header(color:#444;font-family:trashëguar;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow :hidden;cursor:pointer;border-bottom:1px solid #cccc;transition:initial)
.table-of-content .toc-header:hover(background-color:#fdfdfd)
.table-of-content .toc-header:fore(content:"";width:0;height:0;position:absolute;lart:22px;djathtas:15px;border:5px solid transparent;border-color:#aaa transparent transparent; tranzicion: të gjitha .3s lehtësi)
.table-of-content .toc-header.active(color:#fc4f3f)
.table-of-content .toc-header.active:fore(border-color:#666 transparent transparent;lart:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg); -ms-transformoj:rrotulloj(-180deg);-o-transformoj:rrotulloj(-180deg);transformoj:rrotulloj(-180deg))
.tabela e përmbajtjes .loading(ekrani:blloku;mbushja:15px;dekorimi i tekstit: vezullim)
.tabela e përmbajtjes ol(margjina:0;mbushje:0;stili i listës:asnjë;kalim:fillestar)
.table-of-content li(lartësia-linja:normal!i rëndësishëm;diferenca:0!i rëndësishëm;mbushja:8px 8px 8px 15px!i rëndësishëm;hapësirë e bardhë:nowrap;text-align:left;overflow:hidden;sfond:# 808080 !i rëndësishëm;kalim:fillestar)
.tabela e përmbajtjes a(ngjyra:#d9d9d9! e rëndësishme; dekorimi i tekstit: asnjë; madhësia e shkronjave: 86%; kalimi: fillestar)
.table-of-content a:visited(color:#a2a2a9;transition:initial)
.table-of-content a:hover,.table-of-content a:visited:hover(ngjyra:#ffc937!i rëndësishëm;dekorimi i tekstit:asnjë;kalim:fillestar)
.post ol li:fore(ekran:asnjë)
var toc_config = (
url: "https://"+window.location.hostname,
ContainerId: "tabela e përmbajtjes",
shfaq Të reja: 15,
newText: "i ri",
rendit alfabetikisht: (
Paneli: e vërtetë,
Lista: e vërtetë
},
Rezultatet maksimale: 9999,
paneli aktiv: 1,
shpejtësia e rrëshqitjes: (
poshtë: 400,
lart: 400
},
Zbutja e rrëshqitjes: (
poshtë: null,
lart: null
},
kthim rrëshqitës: (
poshtë: funksioni () (),
lart: funksioni () ()
},
clickCallback: funksion()(),
jsonCallback: "_toc",
!funksion(e,o)(var t=o.getElementById(toc_config.containerId),c=o.getElementsByTagName("head"),n=;e=funksion(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);për (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[_].kategori[v].term&&(l+="
Ju mund të kopjoni menjëherë të gjithë kodin. Shkoni në Paneli i administratorit të blogut - skeda e faqes - krijimi i faqes. Menjëherë kaloni në modalitetin HTML në redaktuesin e faqeve, ngjitni kodin e kopjuar dhe publikoni.
Kjo është ajo, nuk keni nevojë të bëni asgjë tjetër. Kjo gjenerohet përmes furnizimit të blogut tuaj. Në kod unë theksova ngjyrën e përgjithshme të sfondit si gri, por lehtë mund ta ndryshoni atë në atë të dëshiruar. Këtu janë ngjyrat.Megjithatë, si shumë stile të tjera - font, kufij, hije, etj.
E shpejtë, e thjeshtë, e përshtatshme, e bukur.
Ju uroj të gjithëve fat dhe shihemi së shpejti.
abonohuni në fletë të reja mashtrimi
Duke përdorur programe grafike si Photoshop, Gimp dhe të tjerë, mund të krijoni imazhe të animuara në formatin GIF. Në këtë artikull dua t'ju tregoj se si të krijoni elementë vezullues nga teksti dhe imazhet duke përdorur CSS3 dhe Javascript.
Zgjedhja e CSS3 është më e mirë se javascript, sepse nuk ngadalëson ndjeshëm hapjen e faqes së shfletuesit. Ky cilësim mund të jetë interesant për të nxjerrë në pah një paragraf specifik, ose për të stimuluar klikimin mbi ndonjë element.
Për qartësi, unë do ta ndaj postimin në 4 seksione:
ndezjen e imazheve duke përdorur CSS
teksti ndezës duke përdorur Javascript
një imazh që ndez duke përdorur Javascript
Për nevoja individuale, mund të shtoni edhe lidhje.
bashkohuni me faqen e Facebook-ut të fletës së mashtrimit të blogerit
.blink_text(
animacion: 1s blinder linear infinite;
ngjyra: #00f;
madhësia e shkronjave: 18 px;
font-pesha: bold;
}
.blink_text a (ngjyra:#f00;)
pulsues @keyframes (
0% (opaciteti: 1.0; )
50% (errësirë: 0.0; )
100% (opaciteti: 1.0; )
}
Ndryshoni tekstin dhe adresën e faqes https://www.facebook.com/ViktoriyBarad/ në përputhje me rrethanat.
Këto janë stilet e tekstit
ngjyra: #00f;
madhësia e shkronjave: 18 px;
font-pesha: bold;
Koha e animacionit është caktuar në 1 sekondë (e personalizueshme)
2. Një shembull i një fotografie që ndez CSS
Unë jam në Twitter
Kodi
.blink_text(
animacion: 1s blinder linear infinite;
}
pulsues @keyframes (
0% (opaciteti: 1.0; )
50% (errësirë: 0.0; )
100% (opaciteti: 1.0; )
}
Cilësimet janë të ngjashme - adresa juaj dhe një fotografi në formatin png.
Tani le të shohim se si të zbatojmë të njëjtat efekte duke përdorur javascript.
1. Teksti ndezës në javascript
Abonohu në funksionin e fletëve të mashtrimit të blogerit blink_one() ( document.getElementById("blink").style.visibility="visible"; setTimeout("blink_two()",700); ) funksioni blink_two() (document.getElementById(" blink ").style.visibility="fshehur"; setTimeout("blink_one()",700); ) blink_one();
Ndryshojeni atë në adresën tuaj të furnizimit dhe shkruani tekstin tuaj.
