Kuidas teha oma kätega täielik tähestikuline jagaja. Lahedad ideed, mis aitavad teil oma laua ideaalsesse korda seada. Söögiriistade hoidla
Mõnikord kulub laualt õige eseme leidmiseks palju aega, vaeva ja närve. Stressi vältimiseks ja selle või selle eseme kiireks leidmiseks peate sahtlites ladustamise korralikult korraldama. Kuidas seda teha? Oleme leidnud kõige lahedamad ja kõige kiiremini elluviidavad ideed, mis aitavad teil ka kõige suurema segaduse lahendada.
Söögiriistade hoidla
Kui söögiriistu hoitakse sahtlis ilma vaheseinteta, siis varem või hiljem segunevad need omavahel. Selle vältimiseks on parem kohe tagada, et kahvlid, lusikad ja noad oleksid eraldi ladustatud. Selleks saab köögitarvete poest osta spetsiaalse vaheseintega konteineri või teha ise vineerplokkidest vaheseinad. Sel juhul on parem katta põhi mittekootud laudlinaga või kleepida dekoratiivkile.
Kosmeetikatoodete sahtlis hoidmiseks tuleb hankida erineva suurusega plastikust ja metallist anumad. Mugavuse huvides on soovitatav panna huulepulgad ja läiked ühte konteinerisse, eraldi purki asetada pintslid ja švammid kosmeetikatoodete pealekandmiseks, kinnitada lauvärvid ja põsepuna, et need sahtli avamisel ja sulgemisel maha ei kukuks.
Sahtli funktsionaalseks korraldajaks muutmiseks ei pea te raha kulutama konteineritele ega otsima spetsiaalseid jagajaid. Tasub kiigata kööki ja vaadata, kas maisihelvestest või kaerahelvestest pole soovimatuid pappkarpe. Kasuks tulevad ka pärast kingade, telefoni või muude tarvikute ostmist üle jäänud karbid (ja nende kaaned). Ilu huvides saab neid kaunistada tapeedijääkidega, kokku liimida ja samas stiilis kaunistada.
Tervitused. Hiljuti küsiti minult, kuidas panna leht sujuvalt teatud lehe osani kerima. Üldiselt nimetatakse seda ankurlingi järgimiseks. Kui saidi külastaja klõpsab elemendil, millele on lisatud ankurlink, suunatakse ta automaatselt lehe sellele osale, kuhu ankur lisati.
Tavaliselt kasutatakse ankruid suure mahuga lehtedel, et saaksite navigeerimise hõlbustamiseks kiiresti soovitud jaotisele hüpata. Tõenäoliselt olete seda paljudel veebisaitidel näinud.
Ankru loomiseks tuleb esmalt teha vastavasse kohta järjehoidja ja anda sellele nimi, kasutades sildi atribuuti name .
Vaadake testi ajaveebi, et näha, kuidas see töötab.
Mõelgem välja, kuidas jälgida Bloggeri lehel ankurlinke. Kõik on üsna lihtne.
Teeme lihtsa menüü, kus lingi parameetrina seame nende plokkide id, kuhu kerimine toimub. Midagi sellist
Et teid uuesti mitte petta, annan teile kohe täieliku koodi. Saate selle kopeerida ja proovida seda oma lehel testblogis, lülitades postituse redaktoris HTML-režiimi. Ja mõtleme välja, mis siin tehtud on
- Kust alustada
- Kuidas teha
- Kust saada
- Kuidas rakendada
Kust alustada
Kuidas teha
Lorem ipsum dolor sit amet, consectetur adipisicing eliit. 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 differentio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
Kust saada
Lorem ipsum dolor sit amet, consectetur adipisicing eliit. 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 differentio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
Kuidas rakendada
Lorem ipsum dolor sit amet, consectetur adipisicing eliit. 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 differentio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
Ja HTML-kood, lisades vastavalt sellised tekstiosad
Kuidas rakendada
KOGU TEIE TEKST ON SIIA
Ja siin pean ma lihtsalt teie tähelepanu juhtima järgmisele
Kui olete sõnumi redigeerimisel määranud ankrud, ärge lülituge vahekaardile "Loo", vaid töötage ja kirjutage sõnum HTML-režiimis. Siis jäävad ankrud endisele kujule. Vastasel juhul toimub lihtsalt automaatkorrektsioon (need on Bloggeri kapriisid).
Siin on mingi nimi
Need näevad välja sellised
See tähendab, et üleminek toimub olematule lehele (nagu avaldamata).
Kui HTML-režiimis töötamine on endiselt keeruline ja sel juhul kõik õigesti töötaks, peate lihtsalt linki veidi muutma, et ankrusilt näeks välja selline
Siin on mingi nimi
Kus https://n-t-b-b.blogspot.com/2019/08/blog-post.html on link lehele, mis on näha postituse redaktori paremas servas siin seadetes
See kõik on nii lihtne. Wordpressi blogidel on sellisteks eesmärkideks spetsiaalne pistikprogramm. Bloggeris on see hõlpsasti rakendatav järgmise koodi abil. Edu kõigile.
Tere, sõbrad. Ja veel üks saidikaart teile täna. See on pikalt mu “kastides” lebanud ja siis sattusin kogemata ühe unustatud vana otsa. Võib-olla meeldib see kellelegi. See on kujundatud akordioni stiilis.
Mis meil sellisel kaardil on -
Kõik sildid (pealkirjad, jaotised) kuvatakse vasakul küljel.
Parempoolsel noolel klõpsates avanevad kõik selle otsetee postitused.
Sildi komplekt – uus sõnum.
Lihtne disaini kohandamine vastavalt teie stiilidele.
Lihtne paigaldamine lehele.
Tööversiooni vaatamiseks minge testblogi.
.table-of-content(background-color:#008B8B;värv:#444;fondiperekond:Verdana,Geneva,Tahoma,Arial,Sans-serif;fondi suurus:13px;fondi kaal:400;ülevool:peidetud ;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 :peidetud;kursor:kursor;ääris-alumine:1px tahke #cc;üleminek:algne)
.table-of-content .toc-header:hover(background-color:#fdfdfd)
.tabel-of-cont .toc-header:before(content:"";width:0;height:0;position:absolute;ülemine:22px;parem:15px;ääris:5px läbipaistev;äärise värv:#aaa läbipaistev läbipaistev;üleminek: kõik .3s lihtne)
.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-teisendus:pööra (-180°);-o-teisendus:pööra (-180°);teisenda:pööra (-180°))
.tabel-of-content .loading(display:block;padding:15px;text-decoration:blink)
.table-of-content ol(margin:0;padding:0;list-style:none;transition:initial)
.tabel-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 !tähtis;üleminek:esialgne)
.tabel-of-content a(värv:#d9d9d9!tähtis;teksti kaunistus:puudub;fondi suurus:86%;üleminek:algne)
.tabel-of-content a:visited(color:#a2a2a9;transition:initial)
.tabel-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.hostinimi,
konteineri ID: "sisukord",
showUus: 15,
uusTekst: "uus",
sorteeri tähestiku järgi: (
thePanel: tõsi,
theList: tõsi
},
max Tulemused: 9999,
aktiivne paneel: 1,
slideSpeed: (
alla: 400,
üles: 400
},
slideEasing: (
alla: null,
üles: null
},
slideCallback: (
alla: funktsioon () (),
üles: funktsioon() ()
},
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);for (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+="
Saate kohe kogu koodi kopeerida. Minema ajaveebi administraatori paneel – lehe vahekaart – loo leht. Lülitage leheredaktoris kohe HTML-režiimi, kleepige kopeeritud kood ja avaldage.
See on kõik, te ei pea midagi muud tegema. See luuakse teie ajaveebi voo kaudu. Koodis tõstsin üldise taustavärvi esile halli, kuid saate selle hõlpsalt soovitud värvi vastu muuta. Siin on värvid.Samas, nagu paljud teised stiilid - font, äärised, varjud jne.
Kiire, lihtne, mugav, ilus.
Soovin teile kõigile õnne ja peatse kohtumiseni.
tellige uued petulehed
Graafikaprogrammide (nt Photoshop, Gimp jt) abil saate luua GIF-vormingus animeeritud pilte. Selles artiklis tahan teile näidata, kuidas luua tekstist ja piltidest vilkuvaid elemente, kasutades CSS3 ja Javascripti.
CSS3 valimine on parem kui javascript, sest see ei aeglusta oluliselt brauseri lehe avamist. See säte võib olla huvitav konkreetse lõigu esiletõstmiseks või mõnel elemendil klõpsamise stimuleerimiseks.
Selguse huvides jagan postituse neljaks osaks:
vilkuvad pildid CSS-i abil
vilkuv tekst Javascripti abil
vilkuv pilt Javascripti abil
Individuaalsete vajaduste jaoks saate lisada ka linke.
liituge blogija petulehe Facebooki lehega
.blink_text(
animatsioon: 1s vilkuri lineaarne lõpmatu;
värv: #00f;
fondi suurus: 18 pikslit;
font-weight:paks;
}
.blink_text a (color:#f00;)
@keyframes vilkur (
0% (läbipaistmatus: 1,0; )
50% (läbipaistmatus: 0,0; )
100% (läbipaistmatus: 1,0; )
}
Muuda vastavalt lehe https://www.facebook.com/ViktoriyBarad/ teksti ja aadressi.
Need on tekstistiilid
värv: #00f;
fondi suurus: 18 pikslit;
font-weight:paks;
Animatsiooni kestuseks on seatud 1 sekund (kohandatav)
2. Näide sisse lülitatud vilkuvast pildist CSS
Olen Twitteris
Kood
.blink_text(
animatsioon: 1s vilkuri lineaarne lõpmatu;
}
@keyframes vilkur (
0% (läbipaistmatus: 1,0; )
50% (läbipaistmatus: 0,0; )
100% (läbipaistmatus: 1,0; )
}
Seaded on sarnased – sinu aadress ja pilt png formaadis.
Nüüd vaatame, kuidas rakendada samu efekte JavaScripti abil.
1. Vilkuv tekst javascriptis
Tellige blogija petulehtede funktsioon blink_one() ( document.getElementById("blink").style.visibility="visible"; setTimeout("blink_two()",700); ) funktsioon blink_two() ( document.getElementById(" blink ").style.visibility="hidden"; setTimeout("blink_one()",700); ) blink_one();
Muutke see oma voo aadressiks ja kirjutage tekst.
