ev » Bağdakı gölməçələr » Öz əlinizlə tam bir əlifba bölgüsünü necə etmək olar. Masanızı mükəmməl qaydada saxlamağa kömək edəcək gözəl fikirlər. Bıçaq anbarı

Öz əlinizlə tam bir əlifba bölgüsünü necə etmək olar. Masanızı mükəmməl qaydada saxlamağa kömək edəcək gözəl fikirlər. Bıçaq anbarı

Bəzən masada düzgün əşyanı tapmaq üçün çox vaxt, səy və əsəb tələb olunur. Stressdən qaçmaq və bu və ya digər əşyanı tez tapmaq üçün çekmecelərdə saxlama yerlərini düzgün təşkil etməlisiniz. Bunu necə etmək olar? Biz sizə ən böyük qarışıqlığı belə həll etməyə kömək edəcək ən gözəl və ən tez həyata keçirilən ideyaları tapdıq.

Bıçaq anbarı

Bıçaq əşyaları bölücü olmayan bir çekmecedə saxlanılırsa, gec-tez bir-birinə qarışacaqlar. Bunun baş verməməsi üçün çəngəllərin, qaşıqların və bıçaqların ayrıca saxlanmasını dərhal təmin etmək daha yaxşıdır. Bunu etmək üçün mətbəx əşyaları mağazasında bölücüləri olan xüsusi bir qab ala bilərsiniz və ya kontrplak bloklarından arakəsmələr edə bilərsiniz. Bu vəziyyətdə, dibi toxunmamış süfrə parçası ilə örtmək və ya dekorativ film yapışdırmaq daha yaxşıdır.

Kosmetikanın saxlanması

Kosmetikanı çekmecedə saxlamaq üçün müxtəlif ölçülü plastik və metal qablar almaq lazımdır. Rahatlıq üçün dodaq boyalarını və parıldadıcıları bir qaba qoymaq, kosmetika tətbiq etmək üçün fırçaları və süngərləri ayrıca bankaya yerləşdirmək, göz kölgələrini və ənlikləri düzəltmək tövsiyə olunur ki, siyirtməni açıb-bağlayanda düşməsin.

Kiçik Köməkçilər

Çekməni funksional təşkilatçıya çevirmək üçün qablara pul xərcləmək və ya xüsusi bölücülər axtarmaq lazım deyil. Mətbəxə baxmağa və qarğıdalı lopasından və ya yulafdan istənməyən karton qutuların olub olmadığını görməyə dəyər. Ayaqqabı, telefon və ya digər aksessuarlar aldıqdan sonra qalan qutular (və onların qapaqları) da lazımlı olacaq. Gözəllik üçün onlar divar kağızı qalıqları ilə bəzədilə bilər, bir-birinə yapışdırılır və eyni üslubda bəzədilə bilər.

Orijinal həllər Əlinizdə qutular, qablar və bölücülər yoxdursa, hər hansı bir mətbəxdə tapıla bilən ən çox yayılmış əşyalar köməyə gələcək. Məsələn, demək olar ki, hər hansı bir supermarketdə yumurta karton qutularda satılır, satın alındıqdan sonra çox vaxt sadəcə zibil qutusuna atılır. Əslində, onlar kağız klipləri, sancaqlar, pozanlar, açarlar, iplər və daha çox şey saxlamaq üçün əlverişlidir.

salamlar. Bu yaxınlarda məndən soruşdular ki, səhifəni səhifənin müəyyən bir hissəsinə rəvan sürüşdürsün. Ümumiyyətlə, buna lövbər keçidindən sonra deyilir. Sayt ziyarətçisi üzərinə lövbər linki əlavə edilmiş elementə kliklədikdə, onlar avtomatik olaraq səhifənin ankerin əlavə olunduğu hissəsinə aparılır.

Tipik olaraq, lövbərlər böyük həcmli səhifələrdə istifadə olunur ki, daha asan naviqasiya üçün istədiyiniz bölməyə tez keçə biləsiniz. Yəqin ki, bunu bir çox saytlarda görmüsünüz.

Çapa, veb-səhifənin müəyyən bir yerində yerləşən və ardınca keçid üçün nəzərdə tutulmuş unikal adı olan etiketdir.
Çapa yaratmaq üçün əvvəlcə müvafiq yerdə əlfəcin qoymalı və etiketin ad atributundan istifadə edərək ona ad verməlisiniz. .

Bunun necə işlədiyini görmək üçün test bloquna baxın.

Gəlin Blogger-də bir səhifə daxilində lövbər bağlantılarını necə izləyəcəyimizi anlayaq. Hər şey olduqca sadədir.

Sadə bir menyu yaradaq, burada keçid parametri olaraq sürüşmənin baş verəcəyi blokların id-sini təyin edirik. Bu kimi bir şey

Sizi bir daha aldatmamaq üçün dərhal tam kodu sizə verəcəyəm. Yazı redaktorunda HTML rejiminə keçməklə onu kopyalayıb test bloqunda öz səhifənizdə sınaya bilərsiniz. Və burada nə edildiyini anlayaq

Haradan başlamaq lazımdır

Necə etmək

Haradan almaq olar

Necə həyata keçirmək

Haradan başlamaq lazımdır

Necə etmək

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis rerum deleniti quibusdam molestiae asse as iusto, asperiores doloribus impedit quia quasi placeat unde recusandae ut fuga enim və ya ciddenin böyük zərər görməsi! Mükəmməl dəf etmək, sürətləndirmək, sürətləndirmək, zəhmətkeşlik və bənzətmələri təkrarlamaq üçün hər hansı bir fərq var!

Haradan almaq olar

Necə həyata keçirmək

Və HTML kodu, müvafiq olaraq mətnin belə bölmələrini əlavə edir

Necə həyata keçirmək
BÜTÜN MƏTNİNİZ BURADA OLACAQ

Və burada sadəcə olaraq aşağıdakılara diqqətinizi cəlb etməliyəm

Mesajı redaktə edərkən lövbərlər göstərmisinizsə, "Yarat" sekmesine keçməyin, işləyin və mesajı HTML rejimində yazın. Sonra lövbərlər orijinal formada qalacaq. Əks halda, avtokorreksiya sadəcə baş verəcək (bunlar Bloggerin şıltaqlıqlarıdır).

Burada bir ad var

Onlar belə görünəcəklər

Yəni, mövcud olmayan səhifəyə (sanki dərc olunmamış kimi) keçid ediləcək.

HTML rejimində işləmək hələ də çətindirsə və bu halda hər şeyin düzgün işləməsi üçün linki bir az dəyişdirməlisiniz ki, lövbər etiketi belə görünsün.

Burada bir ad var

Burada https://n-t-b-b.blogspot.com/2019/08/blog-post.html buradakı parametrlərdə yazı redaktorunun sağ tərəfində görünə bilən səhifəyə keçiddir.

Bu kimi hər şey olduqca sadədir. Wordpress-də bloqlarda belə məqsədlər üçün xüsusi plagin var. Blogger-də bu, aşağıdakı koddan istifadə etməklə asanlıqla həyata keçirilir. Hər kəsə uğurlar.

Salam dostlar. Və bu gün sizin üçün başqa bir sayt xəritəsi. O, uzun müddətdir ki, mənim “zibil qutularımda” yatır, sonra təsadüfən unudulmuş köhnəsinə rast gəldim. Yəqin ki, kimsə bunu bəyənəcək. Bu akkordeon üslubunda hazırlanmışdır.

Belə bir xəritədə nəyə sahib olacağıq -

Bütün etiketlər (başlıqlar, bölmələr) sol tərəfdə göstərilir.
Sağdakı oxu tıkladığınız zaman bu qısayolun bütün yazıları açılır.
Etiket dəsti - yeni mesaj.
Üslublarınıza uyğun asan dizayn fərdiləşdirmə.
Səhifədə asan quraşdırma.

İşçi versiyaya baxmaq üçün test bloquna keçin.

.cədvəl məzmunu(fon rəngi:#008B8B;rəng:#444;font ailəsi:Verdana,Geneva,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:gizli ;border-radius:4px;box-kölgə: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 :gizli;kursor:göstərici;sərhəd-alt:1px bərk #ccc;keçid:ilkin)
.məzmun cədvəli .toc-header:hover(fon rəngi:#fdfdfd)
.table-of-content .toc-header:əvvəl(məzmun:"";width:0;height:0;position:absolute;top:22px;right:15px;border:5px solid transparent;barder-color:#aaa şəffaf şəffaf;keçid:hamısı .3s asan)
.məzmun cədvəli .toc-header.active(rəng:#fc4f3f)
.table-of-content .toc-header.active:əvvəl(border-color:#666 şəffaf şəffaf;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg); -ms-çevir:döndür (-180deg);-o-çevir:döndür (-180deg);çevir:döndür (-180deg))
.məzmun cədvəli .loading(ekran:blok;doldurma:15px;mətn dekorasiyası:yanıb-sönmək)
.məzmun cədvəli ol(margin:0;padding:0;list-style:yox;keçid:ilkin)
.cədvəl məzmunu li(xətt hündürlüyü:normal!vacib;margin:0!vacib;doldurma:8px 8px 8px 15px!vacib;ağ boşluq:nowrap;text-align:sol;overflow:gizli;fon:# 808080 !vacib;keçid:ilkin)
.məzmun cədvəli a(rəng:#d9d9d9!vacib;mətn dekorasiyası:yox; şrift ölçüsü:86%;keçid:ilkin)
.məzmun cədvəli a:ziyarət olunub(rəng:#a2a2a9;keçid:ilkin)
.cədvəl məzmunu a: süslə,. məzmun cədvəli a: ziyarət edilmiş: hover (rəng: # ffc937! vacib; mətn dekorasiyası: heç biri; keçid: ilkin)
.post ol li:əvvəl(ekran:yox)

var toc_config = (
url: "https://"+window.location.hostname,
containerId: "məzmun cədvəli",
Yeni nümayiş: 15,
yeniMətn: "yeni",
əlifba sırası ilə sırala: (
Panel: doğrudur,
Siyahı: doğrudur
},
maksimum Nəticələr: 9999,
ActivePanel: 1,
Slayd sürəti: (
aşağı: 400,
yuxarı: 400
},
slideEasing: (
aşağı: null,
yuxarı: null
},
slideback Zəng: (
aşağı: funksiya () (),
yuxarı: funksiya () ()
},
klik geri çağırış: funksiya()(),
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+="

"+o.replace(/ \%new\%$/,"")+""+(o.match(/\%new\%/)?" "+toc_config.newText:"")+"

"))l+="")t.innerHTML=l,"undefined"!=typeof jQuery&&($("#"+toc_config.containerId+" .toc-content").hide(),$("#"+toc_config .containerId+" .toc-header").click(function())($(this).hasClass("active")||(toc_config.clickCallback(bu),$("#"+toc_config.containerId+" .toc - header").removeClass("active").next().slideUp(toc_config.slideSpeed.up,toc_config.slideEasing.up,toc_config.slideCallback.up),$(bu).addClass("aktiv").next ( ).slideDown(toc_config.slideSpeed.down,toc_config.slideEasing.down,toc_config.slideCallback.down)))).eq(toc_config.activePanel-1).addClass("aktiv").next().slideDown(toc) .slideSpeed.down,toc_config.slideEasing.down,toc_config.slideCallback.down)));var i=o.createElement("script");i.src=toc_config.url.replace(/\/$/,"" ) +"/feeds/posts/summary?alt=json-in-script&max-results="+toc_config.maxResults+"&callback="+toc_config.jsonCallback,"onload"==toc_config.delayLoading?e.onload=function() )( c.appendChild(i)):e.setTimeout(function())(c.appendChild(i)),toc_config.delayLoading))(pəncərə,sənəd);

Siz dərhal bütün kodu kopyalaya bilərsiniz. Getmək blog admin paneli - səhifə nişanı - səhifə yarat. Dərhal səhifə redaktorunda HTML rejiminə keçin, kopyalanan kodu yapışdırın və dərc edin.

Budur, başqa bir şey etmək lazım deyil. Bu, blog lentiniz vasitəsilə yaradılır. Kodda mən ümumi fon rəngini boz kimi vurğuladım, ancaq onu istədiyiniz rəngə asanlıqla dəyişə bilərsiniz. Budur rənglər.Lakin bir çox başqa üslublar kimi - şrift, haşiyələr, kölgələr və s.

Sürətli, sadə, rahat, gözəl.

Hamınıza uğurlar arzulayıram və tezliklə görüşərik.

yeni fırıldaqçı vərəqlərinə abunə olun

Photoshop, Gimp və başqaları kimi qrafik proqramlardan istifadə edərək GIF formatında animasiya şəkilləri yarada bilərsiniz. Bu yazıda sizə CSS3 və Javascript istifadə edərək mətn və şəkillərdən yanıb-sönən elementlərin necə yaradılacağını göstərmək istəyirəm.

CSS3-ü seçmək javascriptdən daha yaxşıdır, çünki o, brauzer səhifəsinin açılmasını əhəmiyyətli dərəcədə yavaşlatmır. Bu parametr müəyyən bir paraqrafı vurğulamaq və ya hansısa elementə klikləməyi stimullaşdırmaq üçün maraqlı ola bilər.

Aydınlıq üçün postu 4 bölməyə ayıracağam:

CSS istifadə edərək şəkilləri yandırmaq
Javascript istifadə edərək yanıb-sönən mətn
Javascript istifadə edərək yanıb-sönən şəkil

Fərdi ehtiyaclar üçün siz həmçinin bağlantılar əlavə edə bilərsiniz.

bloggerin Facebook səhifəsinə qoşulun

.blink_text(
animasiya:1s yanıb-sönən xətti sonsuz;
rəng: #00f;
font ölçüsü: 18px;
font-weight:qalın;
}
.blink_text a (rəng:#f00;)
@keyframes yanıb-sönən (
0% (şəffaflıq: 1.0; )
50% (şəffaflıq: 0,0; )
100% (şəffaflıq: 1.0; )
}

https://www.facebook.com/ViktoriyBarad/ səhifəsinin mətnini və ünvanını müvafiq olaraq dəyişdirin.

Bunlar mətn üslublarıdır

rəng: #00f;
font ölçüsü: 18px;
font-weight:qalın;

Animasiya vaxtı 1 saniyəyə təyin edilib (fərdiləşdirilə bilər)

2. Yanıb-sönən şəkil nümunəsi CSS

Mən Twitterdəyəm

Kod

http://s019.radikal.ru/i618/1406/76/98d12801cd3d.png " />

.blink_text(
animasiya:1s yanıb-sönən xətti sonsuz;
}
@keyframes yanıb-sönən (
0% (şəffaflıq: 1.0; )
50% (şəffaflıq: 0,0; )
100% (şəffaflıq: 1.0; )
}

Parametrlər oxşardır - ünvanınız və png formatında şəkil.

İndi gəlin JavaScript istifadə edərək eyni effektləri necə həyata keçirəcəyimizi görək.

1. Javascript-də yanıb-sönən mətn

Bloggerin fırıldaqçı vərəqləri funksiyasına abunə olun blink_one() ( document.getElementById("blink").style.visibility="visible"; setTimeout("blink_two()",700); ) funksiyası blink_two() ( document.getElementById(" blink ").style.visibility="gizli"; setTimeout("blink_one()",700); ) blink_one();

Onu feed ünvanınıza dəyişin və mətninizi yazın.

Növ

və ya

Öz əlinizlə tam bir əlifba bölgüsünü necə etmək olar. Masanızı mükəmməl qaydada saxlamağa kömək edəcək gözəl fikirlər. Bıçaq anbarı

Oxşar yazılar: