Nasıl Yapılır - CSS Kırıntıları
CSS ile bir kırıntı gezintisi oluşturmayı öğrenin.
Breadcrumb Navigasyonu Nasıl Oluşturulur
Bir kırıntı gezintisi, kullanıcının gezindiği önceki her sayfaya geri bağlantılar sağlar ve kullanıcının bir web sitesindeki mevcut konumunu gösterir.
Adım 1) HTML'yi ekleyin:
Örnek
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Pictures</a></li>
<li><a href="#">Summer 15</a></li>
<li>Italy</li>
</ul>
Adım 2) CSS'yi ekleyin:
Örnek
/* Style the list */
ul.breadcrumb {
padding: 10px
16px;
list-style: none;
background-color: #eee;
}
/* Display list items side by side */
ul.breadcrumb li {
display: inline;
font-size: 18px;
}
/* Add a
slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before
{
padding: 8px;
color: black;
content: "/\00a0";
}
/* Add a color to all links inside the list */
ul.breadcrumb li a {
color: #0275d8;
text-decoration: none;
}
/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
color: #01447e;
text-decoration: underline;
}
Sayfalandırma hakkında daha fazla bilgi edinmek için CSS Sayfalandırma Eğitimimize gidin .