http://www.lykiabotanika.com/wp-content/uploads/2016/04/resim.jpg
- Üyelik 05.04.2016
- Yaş/Cinsiyet 36 / E
- Meslek Webmaster
- Konum Muğla
- Ad Soyad E** A**
- Mesajlar 29
- Beğeniler 9 / 10
- Ticaret 1, (%100)
merhabalar altta yer alan grafikte de belirttiğim gibi. mobilden girince sitenin en altına 3 adet butondan oluşan menü yapmak istiyorum. yalnız menünün yer aldığı site wordpress değil benim uygulamak istediğim site wordpress. bu menüyü wordpress e uygulayabilir miyim. eğer mümkünse hangi yoldan gitmeliyim örnek menüler yada eklentiler mevcut mudur wordpress te acaba. bilgiler için şimdiden teşekkürler.
http://www.lykiabotanika.com/wp-content/uploads/2016/04/resim.jpg
http://www.lykiabotanika.com/wp-content/uploads/2016/04/resim.jpg
https://www.yaz-tatili.com | Kurucu
- Üyelik 11.09.2015
- Yaş/Cinsiyet 28 / E
- Meslek hesap kullanılmayacaktır. lütf
- Konum Adana
- Ad Soyad E** E**
- Mesajlar 139
- Beğeniler 43 / 52
- Ticaret 9, (%100)
Şunlar yapılırsa iş görülecektir sanıyorum ki
- 3 adet, genişliği %33.33 olan div oluşturulur
- Bu divlere float:left css değerleri verilir
- Bu üç divi içine alan div oluşturulur ve bu üç div içine yerleştirilir. Yiine 3 divin sonuna clear: both değerine sahip div eklenir
- Bu 3 divi kapsayan dive position:absolute verilir ve bottom: 0 olarak ayarlanır.
Css uzmanı değilim, ben olsam böyle yapardım herhalde, deneme yanılmayla, netteki örneklere de bakarak kendin de yapabilirsin.
Telefon simgesine tıklayınca arama olayını da href değerine tel:4854 şeklinde yazmakla elde ediyorduk yanılmıyorsam.
- 3 adet, genişliği %33.33 olan div oluşturulur
- Bu divlere float:left css değerleri verilir
- Bu üç divi içine alan div oluşturulur ve bu üç div içine yerleştirilir. Yiine 3 divin sonuna clear: both değerine sahip div eklenir
- Bu 3 divi kapsayan dive position:absolute verilir ve bottom: 0 olarak ayarlanır.
Css uzmanı değilim, ben olsam böyle yapardım herhalde, deneme yanılmayla, netteki örneklere de bakarak kendin de yapabilirsin.
Telefon simgesine tıklayınca arama olayını da href değerine tel:4854 şeklinde yazmakla elde ediyorduk yanılmıyorsam.
- Üyelik 05.04.2016
- Yaş/Cinsiyet 36 / E
- Meslek Webmaster
- Konum Muğla
- Ad Soyad E** A**
- Mesajlar 29
- Beğeniler 9 / 10
- Ticaret 1, (%100)
anladım bunu deneyeceğim mutlaka. peki bunu eklediğimiz zaman pcden girince görünmeyecek mobilden girince görünecek şekilde ayarlamak için hangi css tagına hidden kodu eklememiz gerekiyor.
https://www.yaz-tatili.com | Kurucu
- Üyelik 11.09.2015
- Yaş/Cinsiyet 28 / E
- Meslek hesap kullanılmayacaktır. lütf
- Konum Adana
- Ad Soyad E** E**
- Mesajlar 139
- Beğeniler 43 / 52
- Ticaret 9, (%100)
Oluşturduğunuz ve 3 divi kapsayan div'e display veya visibility değeri vererek yapabilirsiniz. Sadece mobilde olması için media query leri kullanacaksınız.
Mesela aşağıdaki query'nin içine yazacaklarınız sadece 768px ve daha altı çözünürlükteki ekranlarda görünür.
Edit: koddaki hatayı düzelttim
Mesela aşağıdaki query'nin içine yazacaklarınız sadece 768px ve daha altı çözünürlükteki ekranlarda görünür.
@media (max-width: 768px) {
/* ornek kod kullanimi: */
div#mobilfooter{
display: none;
}
}Edit: koddaki hatayı düzelttim
- Üyelik 05.04.2016
- Yaş/Cinsiyet 36 / E
- Meslek Webmaster
- Konum Muğla
- Ad Soyad E** A**
- Mesajlar 29
- Beğeniler 9 / 10
- Ticaret 1, (%100)
teşekküre ettim hocam akşam bu css lere göre kullanıp bilgi vereceğim. inşallah sorun çıkmaz.
Ek Olarak:
şeklinde kodlama yaptım. ancak bunu html de nasıl kullanacağımı bulamadım.
Ek Olarak:
@media (max-width: 768px) {
/* ornek kod kullanimi: */
div#mobilfooter{
section.socialShare {
padding: 0;
margin: 0;
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 1999999999;
}
section.socialShare > a {
display: inline-block;
width: 33.3%;
height: 45px;
background: #333;
text-align: center;
line-height: 45px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
display: none;
}
}
şeklinde kodlama yaptım. ancak bunu html de nasıl kullanacağımı bulamadım.
https://www.yaz-tatili.com | Kurucu
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)