Arkadaşlar neleri öğrenmeyi istiyorsunuz? zaman bulunca Soruya göre videolu anlatım yapıcam. 1-2 Anlatımla başlıcam şimdi, en merak ettiğiniz olayı sorabilirsiniz mesela.
Profesyonel olarak kodlamıyorum fakat şu ana kadar valid kodladığım temalar mevcut.
Amaç bilmeyenlere yardımımız dokunsun, herhangi bir art niyet aramazsanız sevinrim.
Not: Bilgili olmadığım konularda sizin için araştırır yine buradan yardımcı olmaya çalışırım.
CSS'de Öğrenmek istedikleriniz neler? |
65 Mesajlar | 11.257 Okunma | ||
- Üyelik 15.01.2012
- Yaş/Cinsiyet 29 / E
- Meslek Dil Öğrencisi
- Konum Muğla
- Ad Soyad Y** K**
- Mesajlar 1268
- Beğeniler 418 / 276
- Ticaret 15, (%100)
Öyle böyle. Şöyle şöyle.
- Üyelik 07.09.2012
- Yaş/Cinsiyet 36 / E
- Meslek ......
- Konum İstanbul Anadolu
- Ad Soyad ** **
- Mesajlar 513
- Beğeniler 61 / 83
- Ticaret 10, (%90)
Açıkçası artniyet arayanın aklını karışlarız dostum:) Ben o zaman başlatayım. Css az çok biliyorum ama mesela merak ettiklerimden gideyim css valid olmayan kodlamalar var. Benim kendim temamda mevcut. tırnak işareti fln. Bu hataları çeşitlendirebilir misin ve çözümleri?
- Üyelik 15.01.2012
- Yaş/Cinsiyet 29 / E
- Meslek Dil Öğrencisi
- Konum Muğla
- Ad Soyad Y** K**
- Mesajlar 1268
- Beğeniler 418 / 276
- Ticaret 15, (%100)
Açıkçası artniyet arayanın aklını karışlarız dostum:) Ben o zaman başlatayım. Css az çok biliyorum ama mesela merak ettiklerimden gideyim css valid olmayan kodlamalar var. Benim kendim temamda mevcut. tırnak işareti fln. Bu hataları çeşitlendirebilir misin ve çözümleri?
Benimde merak ettiğim bir konu bu, zamanımı ayırıp incelemem ve araştırmam gerekiyor o yüzden yarın gündüz gözüyle Sorunu çözüp, çözdükten sonra videolu anlatımınıda yaparım inşallah :)
Öyle böyle. Şöyle şöyle.
- Üyelik 07.09.2012
- Yaş/Cinsiyet 36 / E
- Meslek ......
- Konum İstanbul Anadolu
- Ad Soyad ** **
- Mesajlar 513
- Beğeniler 61 / 83
- Ticaret 10, (%90)
Benimde merak ettiğim bir konu bu, zamanımı ayırıp incelemem ve araştırmam gerekiyor o yüzden yarın gündüz gözüyle Sorunu çözüp, çözdükten sonra videolu anlatımınıda yaparım inşallah :)
tşk ederim arkadaşım. Hazırlayacağın video çok yararlı olcağına eminim. Çoğu insan bunu merak ediyordur :)
- Üyelik 28.08.2012
- Yaş/Cinsiyet 32 / E
- Meslek Öğrenci
- Konum Trabzon
- Ad Soyad ** **
- Mesajlar 478
- Beğeniler 212 / 75
- Ticaret 2, (%100)
aorhan.com sitesindeki üst menülerin üstüne gelince buton kayıyor aynısı kendi sitem dede var bu nasıl yapılıyor tabi css ler bende de var ancak kendim yapmak istesem nasıl yaparım css de hangi kodları kullanarak yapamalıyım ?
- Üyelik 15.01.2012
- Yaş/Cinsiyet 29 / E
- Meslek Dil Öğrencisi
- Konum Muğla
- Ad Soyad Y** K**
- Mesajlar 1268
- Beğeniler 418 / 276
- Ticaret 15, (%100)
aorhan.com sitesindeki üst menülerin üstüne gelince buton kayıyor aynısı kendi sitem dede var bu nasıl yapılıyor tabi css ler bende de var ancak kendim yapmak istesem nasıl yaparım css de hangi kodları kullanarak yapamalıyım ?
Bunuda yine yarın anlatmaya çalışıcam, şimdi çıkıyorum malum okul var, iyi geceler :)
Öyle böyle. Şöyle şöyle.
- Üyelik 28.08.2012
- Yaş/Cinsiyet 32 / E
- Meslek Öğrenci
- Konum Trabzon
- Ad Soyad ** **
- Mesajlar 478
- Beğeniler 212 / 75
- Ticaret 2, (%100)
Bunuda yine yarın anlatmaya çalışıcam, şimdi çıkıyorum malum okul var, iyi geceler :)
ben 2. öğretimim sıkıntı yok :D
- Üyelik 15.07.2011
- Yaş/Cinsiyet 30 / E
- Meslek Öğrenci :)
- Konum Uşak
- Ad Soyad ** **
- Mesajlar 1345
- Beğeniler 761 / 199
- Ticaret 2, (%100)
-webkit şeklinde yapılan şeyler ilginç oluyor onlara da değinebilirsin :)
- Üyelik 31.05.2012
- Yaş/Cinsiyet 25 / E
- Meslek Öğrenci
- Konum Antalya
- Ad Soyad ** **
- Mesajlar 308
- Beğeniler 73 / 83
- Ticaret 1, (%100)
aorhan.com sitesindeki üst menülerin üstüne gelince buton kayıyor aynısı kendi sitem dede var bu nasıl yapılıyor tabi css ler bende de var ancak kendim yapmak istesem nasıl yaparım css de hangi kodları kullanarak yapamalıyım ?
Bir sprite resim oluşturuyoruz.Mesela devamını oku için.Biri mavi bir yeşil olsun.
.degisenbuton{
background:url(more.png) no-repeat -0 -0;
width:100px;
height:100px;
-webkit-transition:all 1.5s;
-o-transition:all 1.5s;
-moz-transition:all 1.5s;
}
.degisenbuton:hover{
background:url(more.png) no-repeat -100px -0;
width:100px;
hegiht:100px;
-webkit-transition:all 1.5s;
-o-transition:all 1.5s;
-moz-transition:all 1.5s;
}
Mantık aynı.Bir sprite resimle veya normal resimle hover olayında bg'leri değiştiriyoruz.Bunları da transition ile yavaş değişmesini sağlıyoruz.
Umarım anlamışsındır.
Not:CSS'leri salladım.
- Üyelik 28.08.2012
- Yaş/Cinsiyet 32 / E
- Meslek Öğrenci
- Konum Trabzon
- Ad Soyad ** **
- Mesajlar 478
- Beğeniler 212 / 75
- Ticaret 2, (%100)
KültürlüPenguen adlı üyeden alıntı
Bir sprite resim oluşturuyoruz.Mesela devamını oku için.Biri mavi bir yeşil olsun.degisenbuton{
background:url(more.png) no-repeat -0 -0;
width:100px;
height:100px;
-webkit-transition:all 1.5s;
-o-transition:all 1.5s;
-moz-transition:all 1.5s;
}
degisenbuton:hover{
background:url(more.png) no-repeat -100px -0;
width:100px;
hegiht:100px;
-webkit-transition:all 1.5s;
-o-transition:all 1.5s;
-moz-transition:all 1.5s;
}
Mantık aynı.Bir sprite resimle veya normal resimle hover olayında bg'leri değiştiriyoruz.Bunları da transition ile yavaş değişmesini sağlıyoruz.
Umarım anlamışsındır.
Not:CSS'leri salladım.
CSS i sallamasak 1 buton için örnek yapsak çok şey mi istemiş olurum :)
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)