Kuinka tehdä täydellinen aakkosellinen jakaja omin käsin. Hienoja ideoita, joiden avulla saat työpöytäsi täydelliseen kuntoon. Ruokailuvälineiden säilytys
Joskus oikean esineen löytäminen pöydältä vie paljon aikaa, vaivaa ja hermoja. Stressin välttämiseksi ja tämän tai toisen esineen löytämiseksi nopeasti sinun on järjestettävä varastointi laatikoissa oikein. Kuinka tehdä se? Olemme löytäneet tyylikkäimmät ja nopeimmin toteutettavat ideat, jotka auttavat sinua selvittämään suurimmankin sotkun.
Ruokailuvälineiden säilytysJos ruokailuvälineet säilytetään laatikossa ilman jakajia, ennemmin tai myöhemmin ne sekoittuvat keskenään. Tämän estämiseksi on parempi heti varmistaa, että haarukat, lusikat ja veitset säilytetään erikseen. Tätä varten voit ostaa keittiövälinekaupasta erityisen säiliön jakajilla tai tehdä väliseinät itse vaneripaloista. Tässä tapauksessa on parempi peittää pohja kuitukangaskankaalla tai liimata koristekalvo.
Kosmetiikan varastointi
Kosmetiikan säilyttämiseksi laatikossa sinun on hankittava erikokoisia muovi- ja metallisäiliöitä. Mukavuuden vuoksi on suositeltavaa laittaa huulipunat ja kiillot yhteen astiaan, sijoittaa siveltimet ja sienet kosmetiikan levittämiseen erilliseen purkkiin, kiinnittää luomivärit ja poskipuna niin, että ne eivät putoa laatikkoa avattaessa ja suljettaessa. Pienet Auttajat
Jotta laatikosta tulee toimiva järjestely, sinun ei tarvitse tuhlata rahaa konteihin tai etsiä erityisiä jakajia. Kannattaa katsoa keittiöön ja katsoa, onko siellä ei-toivottuja pahvilaatikoita maissihiutaleista tai kaurapuuroista. Myös kenkien, puhelimen tai muiden tarvikkeiden ostamisen jälkeen jääneet laatikot (ja niiden kannet) tulevat tarpeeseen. Kauneuden vuoksi ne voidaan koristella tapetin jäännöksillä, liimata yhteen ja koristella samalla tyylillä.
Alkuperäiset ratkaisut Jos sinulla ei ole laatikoita, astioita ja jakajia käsillä, yleisimmät keittiöstä löytyvät tavarat tulevat apuun. Esimerkiksi melkein kaikissa supermarketeissa munia myydään pahvilaatikoissa, jotka usein heitetään roskakoriin oston jälkeen. Itse asiassa ne ovat käteviä paperiliittimien, nastojen, pyyhekumien, avaimien, lankojen ja monen muun säilyttämiseen.
Terveisiä. Äskettäin minulta kysyttiin kuinka saada sivu vierimään sujuvasti tiettyyn kohtaan sivua. Yleensä tätä kutsutaan ankkurilinkin seuraamiseksi. Kun sivuston vierailija napsauttaa elementtiä, johon on lisätty ankkurilinkki, hänet ohjataan automaattisesti sivun siihen osaan, johon ankkuri lisättiin.
Tyypillisesti ankkureita käytetään sivuilla, joilla on suuri volyymi, jotta voit siirtyä nopeasti haluttuun osioon navigoinnin helpottamiseksi. Olet luultavasti nähnyt tämän monilla verkkosivustoilla.
Ankkurin luomiseksi sinun on ensin tehtävä kirjanmerkki sopivaan paikkaan ja annettava sille nimi tagin name-attribuutilla .
Katso testiblogista, miten se toimii.
Selvitetään kuinka seurata ankkurilinkkejä sivulla Bloggerissa. Kaikki on melko yksinkertaista.
Tehdään yksinkertainen valikko, jossa linkkiparametriksi asetetaan niiden lohkojen id, joihin vieritetään. Jotain tällaista
Jotta en huijaa sinua uudelleen, annan sinulle täydellisen koodin heti. Voit kopioida sen ja kokeilla sitä omalla testiblogissasi vaihtamalla tekstieditorissa HTML-tilaan. Ja selvitetään mitä täällä on tehty
- Mistä aloittaa
- Miten tehdä
- Mistä saa
- Kuinka toteuttaa
Mistä aloittaa
Miten tehdä
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 differentio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
Mistä saa
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 differentio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
Kuinka toteuttaa
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 differentio esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam laborum vel eveniet reprehenderit sunt voluptate similique!
Ja HTML-koodi, vastaavasti lisäämällä tällaisia tekstiosia
Kuinka toteuttaa
KAIKKI TEKSTISI ON TÄÄLLÄ
Ja tässä minun on yksinkertaisesti kiinnitettävä huomiosi seuraavaan
Jos olet määrittänyt ankkureita viestiä muokkaaessasi, älä vaihda "Luo"-välilehteen, vaan työskentele ja kirjoita viesti HTML-tilassa. Sitten ankkurit pysyvät alkuperäisessä muodossaan. Muuten tapahtuu yksinkertaisesti automaattinen korjaus (nämä ovat Bloggerin oikkuja).
Tässä on joku nimi
Ne näyttävät tältä
Toisin sanoen siirtyminen tapahtuu olemattomalle sivulle (ikään kuin julkaisemattomaksi).
Jos HTML-tilassa työskentely on edelleen vaikeaa ja kaikki toimisi oikein tässä tapauksessa, sinun tarvitsee vain muuttaa linkkiä hieman, jotta ankkuritunniste näyttää tältä
Tässä on joku nimi
Missä https://n-t-b-b.blogspot.com/2019/08/blog-post.html on linkki sivulle, joka näkyy tekstieditorin oikealla puolella tässä asetuksissa
Kaikki on niin yksinkertaista. Blogs on Wordpress on erityinen plugin tällaisia tarkoituksia varten. Bloggerissa tämä on helppo toteuttaa seuraavan koodin avulla. Onnea kaikille.
Hei ystävät. Ja toinen sivustokartta sinulle tänään. Se on makaanut "laatikoissani" pitkään, ja sitten törmäsin vahingossa unohdetulle vanhalle. Ehkä joku pitää tästä. Tämä on suunniteltu harmonikkatyyliin.
Mitä meillä on sellaisessa kartassa -
Kaikki tarrat (otsikot, osiot) näkyvät vasemmalla puolella.
Kun napsautat oikealla olevaa nuolta, kaikki tämän pikakuvakkeen viestit avautuvat.
Tarra asetettu - uusi viesti.
Helppo suunnittelun räätälöinti tyyliisi sopivaksi.
Helppo asennus sivulle.
Näet toimivan version siirtymällä testiblogiin.
.table-of-content(background-color:#008B8B;väri:#444;fonttiperhe:Verdana,Geneva,Tahoma,Arial,Sans-serif;fontin koko:13px;fontin paino: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 :piilotettu;kursori:osoitin;reuna-ala: 1px kiinteä #cc;siirtymä:alku)
.table-of-content .toc-header:hover(background-color:#fdfdfd)
.sisältötaulukko .toc-header:ennen(sisältö:"";leveys:0;korkeus:0;sijainti:absoluuttinen;yläosa:22px;oikea:15px;reuna:5px kiinteä läpinäkyvä;reunuksen väri:#aaa läpinäkyvä läpinäkyvä;siirtymä: kaikki .3s helppo)
.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-muunnos:kierrä (-180 astetta);-o-muunnos:kierto (-180 astetta);muunnos:kierto (-180 astetta))
.table-of-content .loading(näyttö:lohko;täyte:15px;tekstin koristelu:vilkku)
.table-of-content ol(margin:0;padding:0;list-style:none;transition:initial)
.sisältöluettelo li(rivinkorkeus:normaali!tärkeä;marginaali:0!tärkeä;täyte:8px 8px 8px 15px!tärkeä;white-space:nowrap;text-align:left;overflow:hidden;background:# 808080 !tärkeää;siirtymä:alku)
.sisältöluettelo a(väri:#d9d9d9!tärkeää;tekstin koristelu:ei mitään;fontin koko:86%;siirtymä:alku)
.sisältöluettelo a:vieraillut(väri:#a2a2a9;siirtymä:alku)
.table-of-content a:hover,.table-of-content a:visited:hover(väri:#ffc937!tärkeää;tekstin koristelu:ei mitään;siirtymä:alku)
.post ol li:before(display:none)
var toc_config = (
url: "https://"+window.location.hostname,
containerId: "sisältötaulukko",
näytäUutta: 15,
uusiTeksti: "uusi",
lajittele aakkosjärjestyksessä:(
thePanel: totta,
theList: totta
},
maxTulokset: 9999,
ActivePanel: 1,
slideSpeed:(
alas: 400,
ylöspäin: 400
},
slideEasing:(
alas: nolla,
ylös: nolla
},
slide Callback: (
alas: function() (),
ylös: 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);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("vaihtoehto"==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+="
Voit kopioida koko koodin välittömästi. Mene blogin hallintapaneeli - sivuvälilehti - luo sivu. Vaihda välittömästi HTML-tilaan sivueditorissa, liitä kopioitu koodi ja julkaise.
Siinä se, sinun ei tarvitse tehdä mitään muuta. Tämä luodaan blogisyötteesi kautta. Koodissa korostin yleisen taustavärin harmaaksi, mutta voit helposti muuttaa sen haluamaksesi. Tässä ovat värit, mutta kuten monet muutkin tyylit - fontit, reunat, varjot jne.
Nopea, yksinkertainen, kätevä, kaunis.
Toivotan teille kaikille onnea ja nähdään pian.
tilaa uusia huijauslehtiä
Grafiikkaohjelmilla, kuten Photoshopilla, Gimpillä ja muilla, voit luoda animoituja kuvia GIF-muodossa. Tässä artikkelissa haluan näyttää, kuinka luoda vilkkuvia elementtejä tekstistä ja kuvista CSS3:n ja Javascriptin avulla.
CSS3:n valinta on parempi kuin javascript, koska se ei merkittävästi hidasta selainsivun avautumista. Tämä asetus voi olla mielenkiintoinen tietyn kappaleen korostamiseksi tai jonkin elementin napsauttamiseksi.
Selvyyden vuoksi jaan viestin 4 osaan:
vilkkuvat kuvat CSS:n avulla
vilkkuva teksti Javascriptin avulla
vilkkuva kuva Javascriptillä
Voit myös lisätä linkkejä yksittäisiin tarpeisiin.
Liity bloggaajan huijausarkin Facebook-sivulle
.blink_text(
animaatio: 1s vilkku lineaarinen ääretön;
väri: #00f;
kirjasinkoko: 18px;
font-weight:bold;
}
.blink_text a (color:#f00;)
@keyframes vilkku (
0 % (opasiteetti: 1,0; )
50 % (opasiteetti: 0,0; )
100 % (opasiteetti: 1,0; )
}
Muuta sivun https://www.facebook.com/ViktoriyBarad/ tekstiä ja osoitetta vastaavasti.
Nämä ovat tekstityylejä
väri: #00f;
kirjasinkoko: 18px;
font-weight:bold;
Animaatioajaksi on asetettu 1 sekunti (muokattavissa)
2. Esimerkki vilkkuvasta kuvasta CSS
Olen Twitterissä
Koodi
http://s019.radikal.ru/i618/1406/76/98d12801cd3d.png " />
.blink_text(
animaatio: 1s vilkku lineaarinen ääretön;
}
@keyframes vilkku (
0 % (opasiteetti: 1,0; )
50 % (opasiteetti: 0,0; )
100 % (opasiteetti: 1,0; )
}
Asetukset ovat samanlaiset - osoitteesi ja kuva png-muodossa.
Katsotaan nyt kuinka toteuttaa samat tehosteet JavaScriptin avulla.
1. Vilkkuva teksti javascriptissä
Tilaa bloggaajan huijausarkkitoiminto blink_one() ( document.getElementById("blink").style.visibility="visible"; setTimeout("blink_two()",700); ) funktio blink_two() ( document.getElementById(" blink ").style.visibility="hidden"; setTimeout("blink_one()",700); ) blink_one();
Vaihda se syötteesi osoitteeksi ja kirjoita tekstisi.