Kendi elinizle tam bir alfabetik bölücü nasıl yapılır. Masanızı mükemmel bir düzene sokmanıza yardımcı olacak harika fikirler. Çatal bıçak takımı saklama
Bazen masada doğru öğeyi bulmak çok zaman, çaba ve sinir gerektirir. Stresi önlemek ve bunu veya bu öğeyi hızlı bir şekilde bulmak için çekmecelerdeki depolamayı uygun şekilde düzenlemeniz gerekir. Nasıl yapılır? En büyük karışıklığı bile çözmenize yardımcı olacak en havalı ve uygulaması en hızlı fikirleri bulduk.
Çatal bıçak takımı saklama
Çatal bıçak takımları bölücüler olmadan bir çekmecede saklanırsa, er ya da geç birbirleriyle karışacaktır. Bunun olmasını önlemek için çatal, kaşık ve bıçakların ayrı ayrı saklanmasını derhal sağlamak daha iyidir. Bunu yapmak için, bir mutfak eşyası mağazasından bölücülerle özel bir kap satın alabilir veya kontrplak bloklardan kendiniz bölmeler yapabilirsiniz. Bu durumda, alt kısmı bir parça dokunmamış masa örtüsü ile kapatmak veya dekoratif bir film yapıştırmak daha iyidir.
Kozmetik ürünlerini çekmecede saklamak için farklı boyutlarda plastik ve metal kaplar almanız gerekir. Kolaylık sağlamak için ruj ve parlatıcıların tek bir kaba konulması, kozmetik uygulamak için fırça ve süngerlerin ayrı bir kavanoza yerleştirilmesi, göz farı ve allıkların çekmeceyi açıp kapatırken düşmemesi için sabitlenmesi önerilir.
Bir çekmeceyi işlevsel bir düzenleyiciye dönüştürmek için kaplara para harcamanıza veya özel bölücüler aramanıza gerek yok. Mutfağa bakıp mısır gevreği veya yulaf ezmesinden istenmeyen karton kutular olup olmadığını görmeye değer. Ayakkabı, telefon veya diğer aksesuarları satın aldıktan sonra kalan kutular (ve kapakları) da işinize yarayacaktır. Güzellik için duvar kağıdı kalıntılarıyla süslenebilir, birbirine yapıştırılabilir ve aynı tarzda dekore edilebilir.
Selamlar. Geçenlerde bana bir sayfanın sayfanın belirli bir bölümüne sorunsuz bir şekilde kaydırılmasını nasıl sağlayacağım soruldu. Genel olarak buna bir çapa bağlantısını takip etmek denir. Bir site ziyaretçisi, kendisine çapa bağlantısı eklenmiş bir öğeye tıkladığında, otomatik olarak sayfanın çapanın eklendiği kısmına yönlendirilir.
Genellikle çapalar büyük hacimli sayfalarda kullanılır, böylece daha kolay gezinme için istediğiniz bölüme hızlı bir şekilde geçebilirsiniz. Muhtemelen bunu birçok web sitesinde görmüşsünüzdür.
Çapa oluşturmak için öncelikle uygun yere yer işareti koymanız ve etiketin name özelliğini kullanarak ona bir ad vermeniz gerekir. .
Nasıl çalıştığını görmek için test bloguna göz atın.
Blogger'da bir sayfadaki bağlantı bağlantılarını nasıl takip edeceğinizi öğrenelim. Her şey oldukça basit.
Basit bir menü oluşturalım; burada bağlantı parametresi olarak kaydırmanın gerçekleşeceği blokların kimliğini ayarlıyoruz. Bunun gibi bir şey
Sizi bir daha kandırmamak için size kodun tamamını hemen vereceğim. Yazı düzenleyicide HTML moduna geçerek bunu kopyalayabilir ve bir test blogundaki sayfanızda deneyebilirsiniz. Ve burada ne yapıldığını bulalım
- Nereden başlamalı
- Nasıl yapılır
- Nereden alınır
- Nasıl uygulanır
Nereden başlamalı
Nasıl yapılır
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 farklılığı esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam Laborum vel eveniet reprehenderit sunt voluptate benzer!
Nereden alınır
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 farklılığı esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam Laborum vel eveniet reprehenderit sunt voluptate benzer!
Nasıl uygulanır
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 farklılığı esse quod eius repudiandae at magni repellat, expedita molestiae, delectus, aliquam Laborum vel eveniet reprehenderit sunt voluptate benzer!
Ve buna göre HTML koduna bu tür metin bölümleri ekleniyor
Nasıl uygulanır
TÜM YAZINIZ BURADA OLACAK
Ve burada sadece şu noktaya dikkatinizi çekmem gerekiyor:
Bir mesajı düzenlerken çapaları belirttiyseniz, "Oluştur" sekmesine geçmeyin, çalışın ve mesajı HTML modunda yazın. Daha sonra çapalar orijinal hallerinde kalacaktır. Aksi takdirde, otomatik düzeltme basitçe gerçekleşir (bunlar Blogger'ın kaprisleridir).
Burada bir isim var
Şöyle görünecekler
Yani var olmayan bir sayfaya (yayınlanmamış gibi) geçiş yapılacaktır.
HTML modunda çalışmak hala zorsa ve bu durumda her şeyin doğru çalışması için, bağlantı etiketinin şu şekilde görünmesi için bağlantıyı biraz değiştirmeniz yeterlidir.
Burada bir isim var
Burada https://n-t-b-b.blogspot.com/2019/08/blog-post.html, buradaki ayarlarda yazı düzenleyicinin sağ tarafında görülebilecek sayfanın bağlantısıdır
Her şey bu kadar basit. Wordpress'teki blogların bu tür amaçlar için özel bir eklentisi vardır. Blogger'da bu, aşağıdaki kod kullanılarak kolayca uygulanır. Herkese iyi şanslar.
Merhaba arkadaşlar. Ve bugün sizin için başka bir site haritası. Uzun zamandır "kutularımda" yatıyordu ve sonra kazara unutulmuş eski bir taneyle karşılaştım. Belki birileri bunu beğenecektir. Bu akordeon tarzında tasarlanmıştır.
Böyle bir haritada elimizde ne olacak -
Tüm etiketler (başlıklar, bölümler) sol tarafta görüntülenir.
Sağdaki oka tıkladığınızda bu kısayolun tüm gönderileri açılır.
Etiket seti - yeni mesaj.
Stillerinize uyacak şekilde kolay tasarım özelleştirmesi.
Sayfada kolay kurulum.
Çalışan sürümü görüntülemek için test bloguna gidin.
.table-of-content(background-color:#008B8B;color:#444;font-family:Verdana,Cenevre,Tahoma,Arial,Sans-serif;font-size:13px;font-weight:400;overflow:hidden ;kenarlık yarıçapı:4px;kutu-gölge: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;imleç:işaretçi;kenarlık-alt:1px katı #ccc;geçiş:başlangıç)
.içerik tablosu .toc-başlığı:hover(arka plan rengi:#fdfdfd)
.table-of-content .toc-header:before(content:"";width:0;height:0;position:mutlak;top:22px;right:15px;kenarlık:5px katı şeffaf;kenarlık rengi:#aaa şeffaf şeffaf;geçiş:tümü 0,3 saniye kolaylığı)
.içerik tablosu .toc-header.active(renk:#fc4f3f)
.table-of-content .toc-header.active:before(border-color:#666 şeffaf şeffaf;top:16px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg); -ms-transform:döndür(-180 derece);-o-transform:döndür(-180 derece);transform:döndür(-180 derece))
.table-of-content .loading(ekran:blok;doldurma:15px;metin-dekorasyon:yanıp sönme)
.table-of-content ol(margin:0;doldurma:0;liste stili:yok;geçiş:başlangıç)
.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 !önemli;geçiş:başlangıç)
.table-of-content a(color:#d9d9d9!important;text-decoration:none;font-size:86%;transition:initial)
.table-of-content a:ziyaret edildi(renk:#a2a2a9;geçiş:başlangıç)
.table-of-content a:hover,.table-of-content a:ziyaret edildi:hover(renk:#ffc937!önemli;metin dekorasyonu:yok;geçiş:başlangıç)
.post ol li:önce(görüntüle:yok)
var toc_config = (
url: "https://"+window.location.anasistem adı,
ContainerId: "İçindekiler tablosu",
gösterYeni: 15,
yeniText: "yeni",
alfabetik olarak sırala: (
Panel: doğru,
Liste: doğru
},
maksimumSonuçlar: 9999,
aktifPanel: 1,
slaytHızı: (
aşağı: 400,
yukarı: 400
},
slaytKolaylaştırma: (
aşağı: boş,
yukarı: boş
},
SlideGeri arama: (
aşağı: fonksiyon()(),
yukarı: fonksiyon()()
},
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+="
Kodun tamamını hemen kopyalayabilirsiniz. Git blog yönetici paneli - sayfa sekmesi - sayfa oluştur. Hemen sayfa düzenleyicide HTML moduna geçin, kopyalanan kodu yapıştırın ve yayınlayın.
İşte bu, başka bir şey yapmanıza gerek yok. Bu, blog yayınınız aracılığıyla oluşturulur. Kodda genel arka plan rengini gri olarak vurguladım ancak istediğiniz renkle kolayca değiştirebilirsiniz. İşte renkler, ancak diğer birçok stil gibi - yazı tipi, kenarlıklar, gölgeler vb.
Hızlı, basit, kullanışlı, güzel.
Hepinize iyi şanslar diliyorum ve yakında görüşürüz.
yeni hile sayfalarına abone olun
Photoshop, Gimp ve diğerleri gibi grafik programlarını kullanarak GIF formatında hareketli görüntüler oluşturabilirsiniz. Bu yazıda size CSS3 ve Javascript kullanarak metin ve görsellerden yanıp sönen öğelerin nasıl oluşturulacağını göstermek istiyorum.
CSS3'ü seçmek javascript'ten daha iyidir çünkü tarayıcı sayfasının açılmasını önemli ölçüde yavaşlatmaz. Bu ayar, belirli bir paragrafı vurgulamak veya bazı öğelere tıklamayı teşvik etmek için ilginç olabilir.
Netlik sağlamak için yazıyı 4 bölüme ayıracağım:
CSS kullanarak görüntülerin yanıp sönmesi
Javascript kullanarak metni yanıp sönme
Javascript kullanarak görüntü yanıp sönüyor
Bireysel ihtiyaçlar için bağlantılar da ekleyebilirsiniz.
blog yazarının hile sayfası Facebook sayfasına katılın
.blink_text(
animasyon:1s yanıp sönen doğrusal sonsuz;
renk: #00f;
yazı tipi boyutu: 18 piksel;
yazı tipi ağırlığı:kalın;
}
.blink_text a (renk:#f00;)
@keyframes yanıp sönen (
%0 ( opaklık: 1,0; )
%50 ( opaklık: 0,0; )
%100 (opaklık: 1,0; )
}
https://www.facebook.com/ViktoriyBarad/ sayfasının metnini ve adresini buna göre değiştirin.
Bunlar metin stilleridir
renk: #00f;
yazı tipi boyutu: 18 piksel;
yazı tipi ağırlığı:kalın;
Animasyon süresi 1 saniyeye ayarlanmıştır (özelleştirilebilir)
2. Yanıp sönen bir resim örneği CSS
Twitter'dayım
Kod
.blink_text(
animasyon:1s yanıp sönen doğrusal sonsuz;
}
@keyframes yanıp sönen (
%0 ( opaklık: 1,0; )
%50 ( opaklık: 0,0; )
%100 (opaklık: 1,0; )
}
Ayarlar benzerdir - adresiniz ve png formatında bir resim.
Şimdi aynı efektleri javascript kullanarak nasıl uygulayacağımızı görelim.
1. Javascript'te yanıp sönen metin
Blogcunun yardımcı sayfalarına abone olun function Blink_one() ( document.getElementById("blink").style.visibility="visible"; setTimeout("blink_two()",700); ) function Blink_two() ( document.getElementById(" yanıp sönme ").style.visibility = "gizli"; setTimeout("blink_one()",700); ) göz kırpma_one();
Bunu feed adresinize değiştirin ve metninizi yazın.
