Örnek css kodu
#sabit.turuncu{
background: rgb(207, 83, 13) url(../img/bg_header_orange.png) repeat-x 0 0;
border-top: 1px solid rgb(216, 134, 1);
border-bottom: 1px solid rgb(204, 96, 2);
}
Benim sayfamdaki kod
Css'de Pozisyana Göre Arkaplana Renk Verme |
10 Mesajlar | 1.815 Okunma | ||
- Üyelik 08.04.2013
- Yaş/Cinsiyet 32 / E
- Meslek Web tasarım & programlama
- Konum Ankara
- Ad Soyad F** D**
- Mesajlar 212
- Beğeniler 24 / 88
- Ticaret 0, (%0)
Arkadaşlar http://thgrafik.com/ daki üst menü gibi bir şey yapmak istiyorum. Yani sayfa aşağı inince rengi değişiyor ve sayfanın rengi değişince menünün rengide değişiyor otomatik olarak. Mantığını çözdüm ama becereksizliğimdenmidir nedir yapamadım. :) Mantığı anladığım kadarıyla background pozisyonuna göre değişiyor ama bunu tam olarak nasıl yapıcam anlamadım.
Örnek css kodu
Benim sayfamdaki kod
Örnek css kodu
Benim sayfamdaki kod
- Üyelik 05.11.2012
- Yaş/Cinsiyet 27 / E
- Meslek Öğrenci
- Konum İstanbul Avrupa
- Ad Soyad M** Ç**
- Mesajlar 392
- Beğeniler 60 / 71
- Ticaret 8, (%100)
Aynı şeyi bende istiyorum fakat yapamadım. CSS'ten çok iyi anlayan birisi yardım ederse sevinirim.
http://www.teknofiber.net - Teknoloji Blogu
- Üyelik 24.01.2013
- Yaş/Cinsiyet 29 / E
- Meslek Web Developer
- Konum İzmir
- Ad Soyad B** Ş**
- Mesajlar 134
- Beğeniler 22 / 29
- Ticaret 2, (%100)
bence o jquery ile yapılmış birşey
Profesyonel WordPress Temaları - temapazari.com
- Üyelik 10.07.2012
- Yaş/Cinsiyet 29 / E
- Meslek Developer
- Konum Konya
- Ad Soyad M** A**
- Mesajlar 1120
- Beğeniler 1086 / 244
- Ticaret 1, (%100)
Basit bir şekilde header arkaplanını saydam bir şekilde alırsanız hangi rengin üzerine gelirse o renge dönüşecektir :D
- Üyelik 15.05.2013
- Yaş/Cinsiyet 34 / E
- Meslek webmaster
- Konum Diyarbakır
- Ad Soyad C** K**
- Mesajlar 253
- Beğeniler 29 / 60
- Ticaret 0, (%0)
Arkadaşlar gradient ile yapılabilir buyrun kodlar
Ek olarak aşağıdaki adresten bu tür işlemlerini kolayca yapabilirsiniz
Aynı şeyi birde hover için yaparsın üzerine gelince farklı bir renk istediğin sonucu elde edersin
http://www.colorzilla.com/gradient-editor/
Ek olarak aşağıdaki adresten bu tür işlemlerini kolayca yapabilirsiniz
Aynı şeyi birde hover için yaparsın üzerine gelince farklı bir renk istediğin sonucu elde edersin
http://www.colorzilla.com/gradient-editor/
background: rgb(180,227,145); /* Old browsers */
background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 50%, rgba(180,227,145,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(50%,rgba(97,196,25,1)), color-stop(100%,rgba(180,227,145,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
Madem ki antivirüssün yakaladığın virüsü ne yapayım diye ne bana soruyon ?
- Üyelik 08.04.2013
- Yaş/Cinsiyet 32 / E
- Meslek Web tasarım & programlama
- Konum Ankara
- Ad Soyad F** D**
- Mesajlar 212
- Beğeniler 24 / 88
- Ticaret 0, (%0)
Basit bir şekilde header arkaplanını saydam bir şekilde alırsanız hangi rengin üzerine gelirse o renge dönüşecektir :D
Hocam Ozaman arkplan gradient'li olursa gradientli çıkar. Ben öyle istemiyorum. Ben baya bi inceledim ama php kullanımı yok. Jquery de değil bildiğim kadarıyla sadece css diye biliyorum. Ama çözemedim daha. Çok güzel bişey aslında yapabilirsek çok iyi. Mesela dikkat edin aşağı doğru inince sitede menülerde otomatik seçiliyor. bi çözemedim ama.
Ek Olarak:
Arkadaşlar gradient ile yapılabilir buyrun kodlar
Ek olarak aşağıdaki adresten bu tür işlemlerini kolayca yapabilirsiniz
Aynı şeyi birde hover için yaparsın üzerine gelince farklı bir renk istediğin sonucu elde edersin
http://www.colorzilla.com/gradient-editor/
Ek olarak aşağıdaki adresten bu tür işlemlerini kolayca yapabilirsiniz
Aynı şeyi birde hover için yaparsın üzerine gelince farklı bir renk istediğin sonucu elde edersin
http://www.colorzilla.com/gradient-editor/
background: rgb(180,227,145); /* Old browsers */
background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(97,196,25,1) 50%, rgba(180,227,145,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(50%,rgba(97,196,25,1)), color-stop(100%,rgba(180,227,145,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(97,196,25,1) 50%,rgba(180,227,145,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */
Hocam galiba konuyu tam anlamadınız. Benim kastettiğim şey sitede aşağı doğru inince arkplan rengi değiştiğinde otomatik menü renginin değişmesi. Ben bunu yapmak istiyorum. yoksa gradient olayını ben photoshopta yapıyorum o çok kolay bişey. Dikkat ederseniz hocam hem menü rengi değişiyor vede hangi sayfaya inerseniz o menü seçili oluyo. bunu kastetmek istemiştim ben.
- Üyelik 07.03.2012
- Yaş/Cinsiyet 30 / E
- Meslek Öğrenci
- Konum Karabük
- Ad Soyad Y** D**
- Mesajlar 653
- Beğeniler 319 / 175
- Ticaret 3, (%100)
http://thgrafik.com/#contacts buradan arkadaşa mail atarak sorarsanız belki yardımcı olabilir size :)
- Üyelik 08.04.2013
- Yaş/Cinsiyet 32 / E
- Meslek Web tasarım & programlama
- Konum Ankara
- Ad Soyad F** D**
- Mesajlar 212
- Beğeniler 24 / 88
- Ticaret 0, (%0)
http://thgrafik.com/#contacts buradan arkadaşa mail atarak sorarsanız belki yardımcı olabilir size :)
:D Sordum hocam cevap bekliyorum. Çok zekisiniz :)
- Üyelik 07.03.2012
- Yaş/Cinsiyet 30 / E
- Meslek Öğrenci
- Konum Karabük
- Ad Soyad Y** D**
- Mesajlar 653
- Beğeniler 319 / 175
- Ticaret 3, (%100)
Yanlış anlamayın sakın dediğimi ben size hakaret yada aşağılama amacıyla söylemedim :) kusura bakmayın öyle algıladıysanız.İnsanlık hali bi an aklınıza gelmemiş olabilir sormak yada cevap vermez diye atmamış olabilirsiniz diye düşündüm bazen çok basit şeyleri kaçırabiliyoruz :)
- Üyelik 25.08.2011
- Yaş/Cinsiyet 29 / E
- Meslek Sağlık Personeli
- Konum İstanbul Avrupa
- Ad Soyad M** B**
- Mesajlar 433
- Beğeniler 91 / 82
- Ticaret 5, (%100)
http://webdesign.tutsplus.com/tutorials/javascript-tutorials/create-a-sticky-navigation-header-using-jquery-waypoints linkte anlatılmış işe yarayabilir..
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)