Ponekad je potrebno puno vremena, truda i živaca da se pronađe pravi predmet na stolu. Da biste izbjegli stres i brzo pronašli ovaj ili onaj predmet, morate pravilno organizirati skladištenje u ladicama. Kako to učiniti? Pronašli smo najbolje i najbrže implementirane ideje koje će vam pomoći riješiti čak i najveći nered.
Spremište pribora za jelo
Ako se pribor za jelo sprema u ladicu bez pregrada, prije ili kasnije će se međusobno pomiješati. Kako se to ne bi dogodilo, bolje je odmah osigurati da se vilice, žlice i noževi pohranjuju odvojeno. Da biste to učinili, možete kupiti poseban spremnik s pregradama u trgovini posuđa ili sami napraviti pregrade od blokova šperploče. U ovom slučaju, bolje je prekriti dno komadom netkanog stolnjaka ili zalijepiti ukrasni film.
Za spremanje kozmetike u ladici potrebno je nabaviti plastične i metalne posude različitih veličina. Radi praktičnosti, preporuča se staviti ruževe i sjajila u jednu posudu, četke i spužvice za nanošenje kozmetike staviti u zasebnu posudicu, fiksirati sjenila i rumenilo kako ne bi otpali prilikom otvaranja i zatvaranja ladice.
Da biste ladicu pretvorili u funkcionalni organizator, ne morate trošiti novac na posude ili tražiti posebne pregrade. Vrijedno je pogledati u kuhinju i vidjeti ima li neželjenih kartonskih kutija od kukuruznih pahuljica ili zobene kaše. Dobro će doći i kutije (i njihovi poklopci) koje su ostale od kupnje cipela, telefona ili drugih dodataka. Za ljepotu, mogu se ukrašavati ostacima tapeta, lijepiti zajedno i ukrašavati u istom stilu.
Pozdrav tebi. Nedavno su me pitali kako učiniti da se stranica glatko pomiče do određenog dijela stranice. Općenito, to se zove praćenje sidrene veze. Kada posjetitelj web-mjesta klikne na element kojem je dodana veza za sidro, automatski se odvodi na dio stranice gdje je sidro dodano.
Obično se sidra koriste na stranicama velikog volumena kako biste mogli brzo prijeći na željeni odjeljak radi lakše navigacije. Ovo ste vjerojatno vidjeli na mnogim web stranicama.
Da biste stvorili sidro, prvo morate napraviti knjižnu oznaku na odgovarajućem mjestu i dati mu naziv pomoću atributa imena oznake .
Pogledajte testni blog da vidite kako radi.
Hajdemo shvatiti kako slijediti veze sidra unutar stranice u Bloggeru. Sve je vrlo jednostavno.
Kreirajmo jednostavan izbornik, gdje kao parametar veze postavljamo ID blokova do kojih će se dogoditi pomicanje. Ovako nešto
Da vas opet ne prevarim, odmah ću vam dati kompletan kod. Možete ga kopirati i isprobati na svojoj stranici u testnom blogu prebacivanjem u HTML način rada u uređivaču postova. I shvatimo što je ovdje učinjeno
- Gdje početi
- Kako učiniti
- Gdje ga nabaviti
- Kako implementirati
Gdje početi
Kako učiniti
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!
Gdje ga nabaviti
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!
Kako implementirati
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!
I HTML kod, u skladu s tim dodajući takve dijelove teksta
Kako implementirati
SAV VAŠ TEKST ĆE BITI OVDJE
I ovdje vam jednostavno moram skrenuti pozornost na sljedeće
Ako ste odredili sidra prilikom uređivanja poruke, nemojte se prebacivati na karticu "Stvori", radite i napišite poruku u HTML načinu. Tada će sidra ostati u svom izvornom obliku. U protivnom će se jednostavno dogoditi autokorekcija (to su hirovi Bloggera).
Ima tu neko ime
Izgledat će ovako
Odnosno, prijelaz će se izvršiti na nepostojeću stranicu (kao da nije objavljena).
Ako je i dalje teško raditi u HTML modu i da sve radi ispravno u ovom slučaju, samo trebate malo promijeniti vezu tako da oznaka sidra izgleda ovako
Ima tu neko ime
Gdje je https://n-t-b-b.blogspot.com/2019/08/blog-post.html poveznica na stranicu koja se može vidjeti na desnoj strani uređivača postova u postavkama ovdje
Sve je tako jednostavno. Blogovi na Wordpressu imaju poseban dodatak za takve svrhe. Na Bloggeru se to lako implementira pomoću sljedećeg koda. Sretno svima.
Pozdrav prijatelji. I još jedna mapa stranice za vas danas. Dugo je ležao u mojim “kantima”, a onda sam slučajno naišao na zaboravljeni stari. Možda će se nekom svidjeti ovaj. Ovaj je dizajniran u stilu harmonike.
Što ćemo imati u takvoj karti -
Sve oznake (naslovi, odjeljci) prikazani su na lijevoj strani.
Kada kliknete na strelicu s desne strane, otvaraju se sve objave ovog prečaca.
Oznaka postavljena - nova poruka.
Jednostavna prilagodba dizajna prema vašem stilu.
Jednostavna instalacija na stranicu.
Za pregled radne verzije idite na testni 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(background-color:#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 prozirno prozirno; prijelaz: sve .3s lakoća)
.table-of-content .toc-header.active(boja:#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 !važno;prijelaz:početno)
.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: "tablica sadržaja",
prikaži novo: 15,
novi tekst: "novo",
poredaj po abecedi: (
thePanel: istina,
theList: istina
},
maxRezultati: 9999,
aktivna ploča: 1,
brzina klizanja: (
dolje: 400,
gore: 400
},
slideEasing: (
dolje: nula,
gore: nula
},
slideCallback: (
dolje: funkcija() (),
gore: funkcija() ()
},
clickCallback: funkcija()(),
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+="
Možete odmah kopirati cijeli kod. Idi na Administratorska ploča bloga - kartica stranice - kreiranje stranice. Odmah prijeđite na HTML način rada u uređivaču stranice, zalijepite kopirani kod i objavite.
To je to, ne trebate ništa više raditi. Ovo se generira putem feeda vašeg bloga. U kodu sam istaknuo opću boju pozadine kao sivu, ali je lako možete promijeniti u željenu. Međutim, ovdje su boje, kao i mnogi drugi stilovi - font, obrubi, sjene itd.
Brzo, jednostavno, povoljno, lijepo.
Želim vam svima puno sreće i vidimo se uskoro.
pretplatite se na nove varalice
Koristeći grafičke programe kao što su Photoshop, Gimp i drugi, možete izraditi animirane slike u GIF formatu. U ovom članku želim vam pokazati kako stvoriti treptajuće elemente od teksta i slika koristeći CSS3 i Javascript.
Odabir CSS3 bolji je od javascripta jer ne usporava značajno otvaranje stranice preglednika. Ova postavka može biti zanimljiva kako bi se istaknuo određeni paragraf ili kako bi se potaklo klikanje na neki element.
Radi jasnoće, podijelit ću post u 4 dijela:
bljeskanje slika pomoću CSS-a
bljeskajući tekst pomoću Javascripta
bljeskajuća slika pomoću Javascripta
Za individualne potrebe možete dodati i poveznice.
pridružite se Facebook stranici blogera
.blink_text(
animacija:1s blinker linearno beskonačno;
boja: #00f;
veličina fonta:18px;
font-weight:bold;
}
.blink_text a (boja:#f00;)
blinker @keyframes (
0% ( neprozirnost: 1,0; )
50% ( neprozirnost: 0,0; )
100% (neprozirnost: 1,0; )
}
Promijenite tekst i adresu stranice https://www.facebook.com/ViktoriyBarad/ u skladu s tim.
Ovo su stilovi teksta
boja: #00f;
veličina fonta:18px;
font-weight:bold;
Vrijeme animacije postavljeno je na 1 sekundu (prilagodljivo)
2. Primjer slike koja treperi na CSS
Na Twitteru sam
Kodirati
.blink_text(
animacija:1s blinker linearno beskonačno;
}
blinker @keyframes (
0% ( neprozirnost: 1,0; )
50% ( neprozirnost: 0,0; )
100% (neprozirnost: 1,0; )
}
Postavke su slične - vaša adresa i slika u png formatu.
Pogledajmo sada kako implementirati iste efekte pomoću javascripta.
1. Trepereći tekst u javascriptu
Pretplatite se na blogerove varalice funkcija blink_one() (document.getElementById("blink").style.visibility="visible"; setTimeout("blink_two()",700); ) funkcija blink_two() (document.getElementById(" blink ").style.visibility="hidden"; setTimeout("blink_one()",700); ) blink_one();
Promijenite je u svoju adresu feeda i napišite svoj tekst.
Učitavanje...