Hogyan készítsünk saját kezűleg egy komplett alfabetikus elválasztót. Menő ötletek, amelyek segítenek az íróasztal tökéletes rendbetételében. Evőeszköz tároló
Néha sok időbe, erőfeszítésbe és idegbajba kerül, hogy megtalálja a megfelelő tárgyat az asztalon. A stressz elkerülése érdekében, és gyorsan megtalálja ezt vagy azt az elemet, megfelelően meg kell szerveznie a tárolást a fiókokban. Hogyan kell csinálni? Megtaláltuk a legmenőbb és leggyorsabban megvalósítható ötleteket, amelyek segítenek megoldani a legnagyobb zűrzavart is.
Evőeszköz tároló
Ha az evőeszközöket elválasztó nélküli fiókban tároljuk, akkor előbb-utóbb összekeverednek. Ennek elkerülése érdekében jobb azonnal gondoskodni arról, hogy a villákat, kanalakat és késeket külön tárolják. Ehhez vásárolhat egy speciális tartályt elválasztókkal egy konyhai boltban, vagy saját maga készíthet válaszfalakat rétegelt lemezből. Ebben az esetben jobb, ha az alját nem szőtt terítővel fedjük le, vagy díszítőfóliát ragasszunk.
A kozmetikumok fiókban való tárolásához különböző méretű műanyag és fém tartályokat kell beszereznie. A kényelem érdekében ajánlatos a rúzsokat és a fényeseket egy edénybe helyezni, a kozmetikumok felhordásához szükséges ecsetet és szivacsokat külön edénybe helyezni, a szemhéjfestékeket és a pirosítót rögzíteni, hogy ne essen le a fiók kinyitásakor és bezárásakor.
Ahhoz, hogy egy fiókot funkcionális rendezővé alakítson, nem kell pénzt költenie konténerekre vagy speciális elválasztókat keresnie. Érdemes benézni a konyhába, és megnézni, nincs-e nem kívánt kartondoboz kukoricapehelyből vagy zabpehelyből. Jól jönnek a cipő, telefon vagy egyéb kiegészítők vásárlása után visszamaradt dobozok (és fedelük) is. A szépség kedvéért tapéta maradványokkal díszíthetők, összeragaszthatók és ugyanabban a stílusban díszíthetők.
Üdv. Nemrég megkérdezték tőlem, hogyan lehet egy oldalt simán görgetni az oldal bizonyos részére. Ezt általában horgonylink követésének nevezik. Amikor a webhely látogatója olyan elemre kattint, amelyhez horgonyhivatkozás van hozzáadva, automatikusan az oldal azon részére kerül, ahol a horgony hozzáadásra került.
Általában a horgonyokat nagy volumenű oldalakon használják, így a könnyebb navigáció érdekében gyorsan ugorhat a kívánt részre. Valószínűleg sok weboldalon láttad már ezt.
Horgony létrehozásához először létre kell hoznia egy könyvjelzőt a megfelelő helyen, és a címke name attribútuma segítségével nevet kell adnia. .
Nézze meg a tesztblogot, hogy megtudja, hogyan működik.
Nézzük meg, hogyan lehet követni a horgonylinkeket egy oldalon belül a Bloggerben. Minden nagyon egyszerű.
Készítsünk egy egyszerű menüt, ahol link paraméterként beállítjuk azoknak a blokkoknak az azonosítóját, amelyekre a görgetés megtörténik. Valami ilyesmi
Hogy ne tévesszen meg még egyszer, azonnal megadom a teljes kódot. Kimásolhatod és kipróbálhatod az oldaladon egy tesztblogban, ha a bejegyzésszerkesztőben HTML módra váltasz. És nézzük meg, mi történt itt
- Hol kezdjem
- Hogyan kell csinálni
- Hol lehet kapni
- Hogyan kell végrehajtani
Hol kezdjem
Hogyan kell csinálni
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!
Hol lehet kapni
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!
Hogyan kell végrehajtani
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!
És a HTML-kód, ennek megfelelően ilyen szövegrészek hozzáadása
Hogyan kell végrehajtani
AZ ÖSSZES SZÖVEG ITT LESZ
És itt egyszerűen fel kell hívnom a figyelmet a következőkre
Ha egy üzenet szerkesztésekor horgonyokat adott meg, ne váltson át a "Létrehozás" fülre, hanem dolgozzon és írja meg az üzenetet HTML módban. Ezután a horgonyok eredeti formájukban maradnak. Ellenkező esetben egyszerűen megtörténik az automatikus javítás (ezek a Blogger szeszélyei).
Van itt valami név
Így fognak kinézni
Vagyis az átállás egy nem létező oldalra történik (mintha nem publikálták volna).
Ha továbbra is nehéz HTML módban dolgozni, és ebben az esetben minden megfelelően működjön, csak egy kicsit módosítania kell a hivatkozást, hogy a horgonycímke így nézzen ki
Van itt valami név
Ahol a https://n-t-b-b.blogspot.com/2019/08/blog-post.html az oldalra mutató hivatkozás található, amely a bejegyzésszerkesztő jobb oldalán, a beállításoknál látható
Ez így egészen egyszerű. A Wordpress blogjainak speciális bővítménye van ilyen célokra. A Bloggeren ez könnyen megvalósítható a következő kóddal. Sok szerencsét mindenkinek.
Hello barátok. És még egy webhelytérkép még ma. Régóta hevert a „kukáimban”, aztán véletlenül egy elfeledett régire bukkantam. Talán valakinek tetszeni fog ez. Ez harmonika stílusban készült.
Mi lesz egy ilyen térképen?
Minden címke (címsor, szakasz) a bal oldalon jelenik meg.
Ha rákattint a jobb oldali nyílra, megnyílik a parancsikon összes bejegyzése.
Címkekészlet – új üzenet.
Egyszerű design testreszabás az Ön stílusának megfelelően.
Egyszerű telepítés az oldalon.
A működő verzió megtekintéséhez keresse fel a tesztblogot.
.table-of-content(background-color:#008B8B;szín:#444;betűcsalád:Verdana,Genf,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))
.tabula :rejtett;kurzor:mutató;szegély-alsó:1px tömör #cc;átmenet:kezdeti)
.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 tömör átlátszó;border-color:#aaa átlátszó átlátszó;átmenet:minden .3s könnyű)
.table-of-content .toc-header.active(color:#fc4f3f)
.tabula -ms-transzformáció:forgatás(-180 fok);-o-transzformáció:forgatás(-180 fok);transzformáció:forgatás(-180 fok))
.table-of-content .loading(megjelenítés:blokk;padding:15px;text-decoration:villog)
.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 !fontos;átmenet:kezdeti)
.tartalomjegyzék a(szín:#d9d9d9!fontos;szövegdekoráció:nincs;betűméret:86%;átmenet:kezdeti)
.tartalomjegyzék a:látogatott(szín:#a2a2a9;transition:initial)
.table-of-content a:hover,.table-of-content a:látogatott:hover(color:#ffc937!important;text-decoration:none;transition:initial)
.post ol li:before(display:none)
var toc_config = (
url: "https://"+window.location.hostname,
containerId: "tartalomjegyzék",
showNew: 15,
newText: "új",
rendezés ábécé szerint: (
thePanel: igaz,
theList: igaz
},
maxResults: 9999,
activePanel: 1,
slideSpeed:(
le: 400,
fel: 400
},
slideEasing:(
le: null,
fel: null
},
slide visszahívás: (
le: function() (),
fel: function() ()
},
clickback: 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+="
Azonnal átmásolhatja a teljes kódot. Menj blog adminisztrációs panel - oldal lap - oldal létrehozása. Azonnal váltson HTML módba az oldalszerkesztőben, illessze be a kimásolt kódot és tegye közzé.
Ez az, nem kell mást tenned. Ez a blog hírfolyamán keresztül jön létre. A kódban az általános háttérszínt szürkére emeltem ki, de könnyen átállíthatod a kívántra. Itt vannak a színek, de sok más stílushoz hasonlóan - betűtípus, keretek, árnyékok stb.
Gyors, egyszerű, kényelmes, gyönyörű.
Sok sikert kívánok mindenkinek és hamarosan találkozunk.
iratkozz fel új csalólapokra
Grafikus programok, például Photoshop, Gimp és mások segítségével animált képeket készíthet GIF formátumban. Ebben a cikkben szeretném bemutatni, hogyan lehet villogó elemeket létrehozni szövegből és képekből CSS3 és Javascript segítségével.
A CSS3 választása jobb, mint a javascript, mert nem lassítja jelentősen a böngésző oldalának megnyitását. Ez a beállítás érdekes lehet egy adott bekezdés kiemeléséhez, vagy egy elemre való kattintás ösztönzésére.
Az egyértelműség kedvéért a bejegyzést 4 részre osztom:
villogó képek CSS használatával
villogó szöveg Javascript használatával
villogó kép Javascript használatával
Egyedi igényekhez linkeket is hozzáadhat.
csatlakozzon a blogger cheat sheet Facebook oldalához
.blink_text(
animáció:1s villogó lineáris végtelen;
szín: #00f;
betűméret: 18 képpont;
font-weight:bold;
}
.blink_text a (color:#f00;)
@keyframes villogó (
0% ( átlátszatlanság: 1,0; )
50% ( átlátszatlanság: 0,0; )
100% (átlátszatlanság: 1,0; )
}
Ennek megfelelően változtassa meg a https://www.facebook.com/ViktoriyBarad/ oldal szövegét és címét.
Ezek a szövegstílusok
szín: #00f;
betűméret: 18 képpont;
font-weight:bold;
Az animáció ideje 1 másodpercre van állítva (testreszabható)
2. Példa a bekapcsolt villogó képre CSS
Twitteren vagyok
Kód
.blink_text(
animáció:1s villogó lineáris végtelen;
}
@keyframes villogó (
0% ( átlátszatlanság: 1,0; )
50% ( átlátszatlanság: 0,0; )
100% (átlátszatlanság: 1,0; )
}
A beállítások hasonlóak - a címed és egy kép png formátumban.
Most nézzük meg, hogyan valósíthatjuk meg ugyanazokat az effektusokat javascript használatával.
1. Villogó szöveg javascriptben
Iratkozzon fel a blogger csalólapjaira, a blink_one() ( document.getElementById("blink").style.visibility="visible"; setTimeout("blink_two()",700); ) függvényre blink_two() ( document.getElementById(" blink ").style.visibility="hidden"; setTimeout("blink_one()",700); ) blink_one();
Módosítsa a hírcsatorna címére, és írja be a szöveget.
