Paano gumawa ng isang kumpletong alpabetikong divider gamit ang iyong sariling mga kamay. Mga magagandang ideya na tutulong sa iyo na maayos ang iyong desk. Imbakan ng kubyertos
Minsan nangangailangan ng maraming oras, pagsisikap at nerbiyos upang mahanap ang tamang bagay sa mesa. Upang maiwasan ang stress at mabilis na mahanap ito o ang item na iyon, kailangan mong maayos na ayusin ang imbakan sa mga drawer. Paano ito gagawin? Natagpuan namin ang pinakaastig at pinakamabilis na ipatupad na mga ideya na makakatulong sa iyong ayusin kahit ang pinakamalaking gulo.
Imbakan ng kubyertos
Kung ang mga gamit sa kubyertos ay nakaimbak sa isang drawer na walang mga divider, pagkatapos ay sa lalong madaling panahon sila ay maghahalo sa isa't isa. Upang maiwasang mangyari ito, mas mabuting tiyakin kaagad na ang mga tinidor, kutsara at kutsilyo ay nakaimbak nang hiwalay. Upang gawin ito, maaari kang bumili ng isang espesyal na lalagyan na may mga divider sa isang tindahan ng kitchenware, o gumawa ng mga partisyon sa iyong sarili mula sa mga bloke ng playwud. Sa kasong ito, mas mahusay na takpan ang ilalim ng isang piraso ng non-woven tablecloth o idikit ang isang pandekorasyon na pelikula.
Upang mag-imbak ng mga pampaganda sa isang drawer, kailangan mong kumuha ng mga lalagyan ng plastik at metal na may iba't ibang laki. Para sa kaginhawahan, inirerekumenda na maglagay ng mga lipstick at glosses sa isang lalagyan, ilagay ang mga brush at espongha para sa paglalagay ng mga pampaganda sa isang hiwalay na garapon, ayusin ang mga anino ng mata at pamumula upang hindi ito mahulog kapag binubuksan at isinasara ang drawer.
Upang gawing functional organizer ang isang drawer, hindi mo kailangang gumastos ng pera sa mga container o maghanap ng mga espesyal na divider. Ito ay nagkakahalaga ng pagtingin sa kusina at tingnan kung mayroong anumang hindi gustong mga karton na kahon mula sa mga cornflake o oatmeal. Magagamit din ang mga kahon (at ang mga takip nito) pagkatapos bumili ng sapatos, telepono o iba pang mga accessories. Para sa kagandahan, maaari silang palamutihan ng mga labi ng wallpaper, nakadikit at pinalamutian ng parehong estilo.
Pagbati. Kamakailan ay tinanong ako kung paano gumawa ng isang pahina na mag-scroll nang maayos sa isang tiyak na bahagi ng pahina. Sa pangkalahatan, ito ay tinatawag na sumusunod sa isang anchor link. Kapag nag-click ang isang bisita sa site sa isang elemento na may idinagdag na anchor link, awtomatiko silang dadalhin sa bahagi ng page kung saan idinagdag ang anchor.
Karaniwan, ang mga anchor ay ginagamit sa mga pahina na may malaking volume upang mabilis kang makapunta sa nais na seksyon para sa mas madaling pag-navigate. Marahil ay nakita mo na ito sa maraming mga website.
Para gumawa ng anchor, kailangan mo munang gumawa ng bookmark sa naaangkop na lugar at bigyan ito ng pangalan gamit ang name attribute ng tag. .
Tingnan ang pansubok na blog upang makita kung paano ito gumagana.
Alamin natin kung paano sundin ang mga anchor link sa loob ng isang pahina sa Blogger. Ang lahat ay medyo simple.
Gumawa tayo ng simpleng menu, kung saan bilang isang parameter ng link, itinakda natin ang id ng mga bloke kung saan magaganap ang pag-scroll. Isang bagay na tulad nito
Para hindi ka muling lokohin, ibibigay ko kaagad sa iyo ang kumpletong code. Maaari mong kopyahin ito at subukan ito sa iyong pahina sa isang pansubok na blog sa pamamagitan ng paglipat sa HTML mode sa editor ng post. At alamin natin kung ano ang ginagawa dito
- Kung saan magsisimula
- Kung paano ito gawin
- Kung saan kukuha
- Paano ipatupad
Kung saan magsisimula
Kung paano ito gawin
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 vel incidunt sed perspiciatis magni culpa corporis hic! Ducimus distinctio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
Kung saan kukuha
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 vel incidunt sed perspiciatis magni culpa corporis hic! Ducimus distinctio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
Paano ipatupad
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 vel incidunt sed perspiciatis magni culpa corporis hic! Ducimus distinctio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
At ang HTML code, naaayon sa pagdaragdag ng mga naturang seksyon ng teksto
Paano ipatupad
LAHAT NG TEXT MO DITO
At dito ko lang dapat itawag ang iyong pansin sa mga sumusunod
Kung tinukoy mo ang mga anchor kapag nag-e-edit ng isang mensahe, huwag lumipat sa tab na "Lumikha", gawin at isulat ang mensahe sa HTML mode. Pagkatapos ang mga anchor ay mananatili sa kanilang orihinal na anyo. Kung hindi, ang autocorrection ay magaganap lamang (ito ang mga vagaries ng Blogger).
May pangalan dito
Magiging ganito sila
Iyon ay, ang paglipat ay gagawin sa isang hindi umiiral na pahina (na parang hindi nai-publish).
Kung mahirap pa ring magtrabaho sa HTML mode at para gumana nang tama ang lahat sa kasong ito, kailangan mo lang baguhin ng kaunti ang link upang magmukhang ganito ang anchor tag
May pangalan dito
Kung saan ang https://n-t-b-b.blogspot.com/2019/08/blog-post.html ay ang link sa page na makikita sa kanang bahagi ng post editor sa mga setting dito
Ang lahat ng ito ay medyo simple tulad na. Ang mga blog sa Wordpress ay may espesyal na plugin para sa mga naturang layunin. Sa Blogger madali itong ipinatupad gamit ang sumusunod na code. Good luck sa lahat.
Kumusta Mga Kaibigan. At isa pang mapa ng site para sa iyo ngayon. Ito ay nakahiga sa aking "mga bin" sa loob ng mahabang panahon, at pagkatapos ay hindi sinasadyang nakatagpo ako ng isang nakalimutang luma. Marahil ay may magkakagusto sa isang ito. Ang isang ito ay dinisenyo sa estilo ng akurdyon.
Ano ang mayroon tayo sa gayong mapa -
Ang lahat ng mga label (heading, seksyon) ay ipinapakita sa kaliwang bahagi.
Kapag nag-click ka sa arrow sa kanan, bubukas ang lahat ng post ng shortcut na ito.
Set ng label - bagong mensahe.
Madaling pag-customize ng disenyo upang umangkop sa iyong mga istilo.
Madaling pag-install sa pahina.
Upang tingnan ang gumaganang bersyon, pumunta sa pansubok na blog.
.table-of-content(background-color:#008B8B;color:#444;font-family:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden ;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2))
.table-of-content .toc-header(color:#444;font-family:inherit;font-weight:400;font-size:14px;background-color:#fff;margin:0;padding:15px;overflow :hidden;cursor:pointer;border-bottom:1px solid #ccc;transition:initial)
.table-of-content .toc-header:hover(kulay ng background:#fdfdfd)
.table-of-content .toc-header:before(content:"";width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;border-color:#aaa transparent na transparent;transition:lahat ng .3s kadalian)
.table-of-content .toc-header.active(color:#fc4f3f)
.table-of-content .toc-header.active:before(border-color:#666 transparent transparent;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg))
.table-of-content .loading(display:block;padding:15px;text-decoration:blink)
.table-of-content ol(margin:0; padding:0;list-style:none;transition:initial)
.table-of-content li(line-height:normal!important;margin:0!important;padding:8px 8px 8px 15px!important;white-space:nowrap;text-align:left;overflow:hidden;background:# 808080 !important;transition:initial)
.table-of-content a(color:#d9d9d9!important;text-decoration:none;font-size:86%;transition:initial)
.table-of-content a:visited(color:#a2a2a9;transition:initial)
.table-of-content a:hover,.table-of-content a:visited:hover(color:#ffc937!important;text-decoration:none;transition:initial)
.post ol li:before(display:none)
var toc_config = (
url: "https://"+window.location.hostname,
containerId: "talahanayan-ng-nilalaman",
palabasBago: 15,
newText: "bago",
sortAlphabetically :(
thePanel: totoo,
theList: totoo
},
maxResulta: 9999,
activePanel: 1,
bilis ng slide: (
pababa: 400,
pataas: 400
},
slideEasing: (
pababa: null,
pataas: null
},
slideCallback: (
pababa: function() (),
pataas: function() ()
},
clickCallback: function()(),
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);para sa (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)para sa(var v=0,m=i[_].category.length;m>v;++v)n[g]==i[_].category[v].term&&(l+="
Maaari mong kopyahin kaagad ang buong code. Pumunta sa blog admin panel - page tab - gumawa ng page. Agad na lumipat sa HTML mode sa editor ng pahina, i-paste ang kinopyang code at i-publish.
Iyon lang, hindi mo na kailangang gumawa ng anumang bagay. Ito ay nabuo sa pamamagitan ng iyong blog feed. Sa code na-highlight ko ang pangkalahatang kulay ng background bilang kulay abo, ngunit madali mong mababago ito sa nais. Narito ang mga kulay. Gayunpaman, tulad ng maraming iba pang mga estilo - font, mga hangganan, mga anino, atbp.
Mabilis, simple, maginhawa, maganda.
I wish you all good luck and see you soon.
mag-subscribe sa mga bagong cheat sheet
Gamit ang mga graphics program tulad ng Photoshop, Gimp at iba pa, maaari kang lumikha ng mga animated na larawan sa GIF na format. Sa artikulong ito gusto kong ipakita sa iyo kung paano lumikha ng mga kumikislap na elemento mula sa teksto at mga imahe gamit ang CSS3 at Javascript.
Ang pagpili ng CSS3 ay mas mahusay kaysa sa javascript, dahil hindi ito makabuluhang nagpapabagal sa pagbubukas ng pahina ng browser. Ang setting na ito ay maaaring maging kawili-wili upang i-highlight ang isang partikular na talata, o upang pasiglahin ang pag-click sa ilang elemento.
Para sa kalinawan, hahatiin ko ang post sa 4 na seksyon:
kumikislap na mga larawan gamit ang CSS
kumikislap na teksto gamit ang Javascript
kumikislap na larawan gamit ang Javascript
Para sa mga indibidwal na pangangailangan, maaari ka ring magdagdag ng mga link.
sumali sa pahina ng Facebook cheat sheet ng blogger
.blink_text(
animation:1s blinker linear infinite;
kulay: #00f;
laki ng font:18px;
font-weight:bold;
}
.blink_text a (kulay:#f00;)
@keyframes blinker (
0% ( opacity: 1.0; )
50% ( opacity: 0.0; )
100% (opacity: 1.0; )
}
Baguhin ang teksto at address ng pahina https://www.facebook.com/ViktoriyBarad/ nang naaayon.
Ito ang mga istilo ng teksto
kulay: #00f;
laki ng font:18px;
font-weight:bold;
Ang oras ng animation ay nakatakda sa 1 segundo (nako-customize)
2. Isang halimbawa ng kumikislap na larawan sa CSS
Nasa Twitter ako
Code
.blink_text(
animation:1s blinker linear infinite;
}
@keyframes blinker (
0% ( opacity: 1.0; )
50% ( opacity: 0.0; )
100% (opacity: 1.0; )
}
Magkapareho ang mga setting - ang iyong address at isang larawan sa format na png.
Ngayon tingnan natin kung paano ipatupad ang parehong mga epekto gamit ang javascript.
1. Kumikislap na teksto sa javascript
Mag-subscribe sa function ng cheat sheet ng blogger na blink_one() ( document.getElementById("blink").style.visibility="visible"; setTimeout("blink_two()",700); ) function blink_two() ( document.getElementById(" blink ").style.visibility="hidden"; setTimeout("blink_one()",700); ) blink_one();
Palitan ito sa iyong feed address at isulat ang iyong text.
