wmaraci reklam

Css golgelendirme/gomme yapimi

8 Mesajlar 981 Okunma
pst.net
wmaraci reklam

emalper emalper WM Aracı Kullanıcı
  • Üyelik 12.06.2017
  • Yaş/Cinsiyet 29 / E
  • Meslek Ogrenci
  • Konum Bursa
  • Ad Soyad A** E**
  • Mesajlar 72
  • Beğeniler 4 / 4
  • Ticaret 0, (%0)
Merhaba arkadaslar gelistirmekte oldugum proje icin ornek aldigim projedeki golgelendirmeyi/gomme islemini nasil yapacagima dair bir fikrim yok. Lutfen bana bu konuda yardim edebilirmisiniz?










Slidebars Dev Page








<script></script>
<script></script>





























asdasd











adasd


asdads





















Slidebar with id 'slidebar-1' on the left side and reveal style.






<script></script>
<script></script>
<script></script>
<script></script>







/* Top Section */

.top-section {
background-image: url("../img/top-and-footer.png");
background-repeat: repeat;
background-color: #13181f;
height: 50px;
color: #e7d6ca;
}
/* End Of Top Section */

.top-divider {
height: 2px;
background-image: url("../img/top-footer-divider.png");
background-repeat: repeat;
background-color: #5c5e64;
}

/* Top-Middle Section */

.top-middle {
background-image: url("../img/top-middle.png");
background-repeat: repeat;
background-color: #41454c;
height: 100px;
}

/* End Of Top-Middle Section */

/* Middle Section */

.middle {

}

.rooms {
background-image: url("../img/rooms.png");
background-repeat: repeat;
background-color: #252a31;
border-right: 2px solid #12181f;
height: 458px;
}

.dimmer {
background-image: url("../img/dimmer.png");
background-repeat: repeat;
background-color: #3a3f46;
height: 458px;
}

/* End Of Middle Section */

.footer-divider {
height: 2px;
background-image: url("../img/top-footer-divider.png");
background-repeat: repeat;
background-color: #5c5e64;
}

/* Footer-Nav Section */

.footer-nav {
background-image: url("../img/top-and-footer.png");
background-repeat: repeat;
background-color: #13181f;
height: 50px;
color: #e7d6ca;
}

/* End Of Footer-Nav Section */
 

 

wmaraci
reklam

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 32 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2773
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Box-shadow ile yapılıyor. Örnek gösterdiğiniz siteden kodu kopyalayarak alabilirsiniz.
 

 

HapyMan HapyMan Full Stack Developer Kullanıcı
  • Üyelik 14.05.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek What do you do exactly ?
  • Konum İstanbul Avrupa
  • Ad Soyad T** T**
  • Mesajlar 562
  • Beğeniler 171 / 208
  • Ticaret 0, (%0)
rYodJv
 

 

emalper emalper WM Aracı Kullanıcı
  • Üyelik 12.06.2017
  • Yaş/Cinsiyet 29 / E
  • Meslek Ogrenci
  • Konum Bursa
  • Ad Soyad A** E**
  • Mesajlar 72
  • Beğeniler 4 / 4
  • Ticaret 0, (%0)
Tessekur ederim ama ornek aldigim site degil sadece tasarim acaba daha acik soyleyebilirmisiniz nasil yapabilirim? Gomulmus gibi durmasi icin usttekine mi vermem lazim golge asagidakine mi?
 

 

wmaraci
Mersin evden eve nakliyat

HapyMan HapyMan Full Stack Developer Kullanıcı
  • Üyelik 14.05.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek What do you do exactly ?
  • Konum İstanbul Avrupa
  • Ad Soyad T** T**
  • Mesajlar 562
  • Beğeniler 171 / 208
  • Ticaret 0, (%0)
üsttekine gölge verirsen içeriklen onun içine gömülmüş gibi durur.
 

 

emalper emalper WM Aracı Kullanıcı
  • Üyelik 12.06.2017
  • Yaş/Cinsiyet 29 / E
  • Meslek Ogrenci
  • Konum Bursa
  • Ad Soyad A** E**
  • Mesajlar 72
  • Beğeniler 4 / 4
  • Ticaret 0, (%0)
Dediginiz gibi box-shadow komutunu denedim. Ama istedigim sonucu alamiyorum.

[img]https://i.hizliresim.com/6yVNGW.png" />

[/IMG]

Resimde gordugunuz top middle section css kodunu duzenledigim zaman alta herhangi bir golge vermiyor yani gomulme efektini alamiyorum.

Middle section css kodunu duzenledigim zamanda yukariya efekt veriyor ama gomulme efekti olmuyor bunun nedeni nedir acaba?


/* Top-Middle Section */

.top-middle {
background-image: url("../img/top-middle.png");
background-repeat: repeat;
background-color: #41454c;
height: 100px;

}

/* End Of Top-Middle Section */

/* Middle Section */

.middle {

}
 

 

HapyMan HapyMan Full Stack Developer Kullanıcı
  • Üyelik 14.05.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek What do you do exactly ?
  • Konum İstanbul Avrupa
  • Ad Soyad T** T**
  • Mesajlar 562
  • Beğeniler 171 / 208
  • Ticaret 0, (%0)
yukarıda size kodlanmış bir şekilde verdim isterseniz bi inceleyin.
 

 

emalper emalper WM Aracı Kullanıcı
  • Üyelik 12.06.2017
  • Yaş/Cinsiyet 29 / E
  • Meslek Ogrenci
  • Konum Bursa
  • Ad Soyad A** E**
  • Mesajlar 72
  • Beğeniler 4 / 4
  • Ticaret 0, (%0)
Yukaridaki kodu incelemistim tessekur ederim tekrardan sorunumu cozdum belki ileride ayni sorunu yasama ihtimali olan arkadaslar icin yukaridaki koluna golge eklemektense alttaki kolana ice dogru bir golge ekledim ve gomulme efektini aldim. Yardim eden herekese tessekkur ederim.
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al