lostyazilim
tr.link

navbar a border-image eklemek

4 Mesajlar 858 Okunma
acebozum
tr.link

msyysm msyysm WM Aracı Kullanıcı
  • Üyelik 03.03.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek öğrenci
  • Konum Bursa
  • Ad Soyad M** Y**
  • Mesajlar 48
  • Beğeniler 29 / 2
  • Ticaret 0, (%0)
index.html dosyası :









mustafa










index.css dosyası :



* {
color: black;
margin:0px;
padding: 0px;
text-decoration: none;
}

.navbar {
position: sticky;
top: 0px;

margin-left: auto;
margin-right: auto;
width: 80%;
text-align: center;
background-color: brown;
}

.navUl {
background-color: brown;
width: 100%;
overflow:auto;
}

.NavUlLi {
list-style-type: none;
display: inline;

opacity: 0.5;
float: left;

}

.NavUlLi:not(:first-child) {
margin-left: 25px;
}


.NavUlLiRight {
display: inline;
list-style-type: none;
background-color: pink;
opacity: 0.7;
float: right;
}



.b {
width: 100%;
height: auto;

display: none;
position: absolute;
left:0px;
right: 0px;
}
.a:hover .b {
display: block;

}

.c {
float: left;
display: inline;
width: 50%;

height: auto;
background-color: green;
}

.c ul {
width: 100%;

}
.c ul li {
width: 100%;
list-style-type: none;
}




yukarıdaki navbar eklemek istediğim border-image şu linkteki resim : https://www.iconspng.com/image/47392/leafy-halfborder

ama bir türlü yapamadım ,hep saçma sapan yerlerde dört tane yukarıdaki resimden kalıyor; yardımcı olur musunuz ?
 

 

elektronikssl
webimgo

enerjiveguc enerjiveguc Wordpress Destek Kullanıcı
  • Üyelik 28.05.2018
  • Yaş/Cinsiyet 52 / E
  • Meslek Street Engineer
  • Konum İstanbul Anadolu
  • Ad Soyad B** A**
  • Mesajlar 5151
  • Beğeniler 2185 / 2187
  • Ticaret 0, (%0)
msyysm
İstediğin linkteki gibi mi?

https://www.file-up.org/52m11ud0re1b
msyysm

kişi bu mesajı beğendi.

msyysm msyysm WM Aracı Kullanıcı
  • Üyelik 03.03.2018
  • Yaş/Cinsiyet 27 / E
  • Meslek öğrenci
  • Konum Bursa
  • Ad Soyad M** Y**
  • Mesajlar 48
  • Beğeniler 29 / 2
  • Ticaret 0, (%0)
Üstat o nasıl link :D virüs buluyor google chrome, kodları atabilir misin ya da resmini falan ?
 

 

enerjiveguc enerjiveguc Wordpress Destek Kullanıcı
  • Üyelik 28.05.2018
  • Yaş/Cinsiyet 52 / E
  • Meslek Street Engineer
  • Konum İstanbul Anadolu
  • Ad Soyad B** A**
  • Mesajlar 5151
  • Beğeniler 2185 / 2187
  • Ticaret 0, (%0)
Klasör upload etmiştim oraya, kodlar ve görsel aşağıdadır.

index.html






mustafa








index.css
* {
color: black;
margin: 10px;
padding: 10px;
text-decoration: none;
}

.navbar {
position: relative;
top: 10px;
margin-right: auto;
width: 70%;
text-align: center;
background-color: #FFF;
margin-left: auto;
}

.navUl {
background-image: url(leafy-halfborder.jpg);
background-color: white;
width: 100%;
overflow:auto;
}

.NavUlLi {
list-style-type: none;
display: inline;

opacity: 0.5;
float: left;

}

.NavUlLi:not(:first-child) {
margin-left: 25px;
font-size: 16px;
}


.NavUlLiRight {
display: inline;
list-style-type: none;
background-color: pink;
opacity: 0.7;
float: right;
}



.b {
width: 100%;
height: auto;

display: none;
position: absolute;
left:0px;
right: 0px;
}
.a:hover .b {
display: block;

}

.c {
float: left;
display: inline;
width: 50%;

height: auto;
background-color: green;
}

.c ul {
width: 100%;

}
.c ul li {
width: 100%;
list-style-type: none;
}


 

 

wmaraci
wmaraci
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al