lostyazilim
tr.link

CSS'de Öğrenmek istedikleriniz neler?

65 Mesajlar 11.229 Okunma
lstbozum
tr.link

resultakak resultakak Web Developer Kullanıcı
  • Üyelik 20.10.2012
  • Yaş/Cinsiyet 38 / E
  • Meslek Developer
  • Konum Bursa
  • Ad Soyad ** **
  • Mesajlar 7
  • Beğeniler 4 / 1
  • Ticaret 0, (%0)

KültürlüPenguen adlı üyeden alıntı

Jquery'ye gerek yok. Transition ile yapılıyor.Bu yazımı oku istersen.


Okudum güzel yazı :) ikisi de olur sonuçta. Browser uyum sorunu olmasaydı transition kullanımını tercih edebilirdik.
 

 

wmaraci
reklam

fatihcan fatihcan www.ktubotekulubu.com Kullanıcı
  • Üyelik 28.08.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğrenci
  • Konum Trabzon
  • Ad Soyad ** **
  • Mesajlar 478
  • Beğeniler 212 / 75
  • Ticaret 2, (%100)

CezaLet adlı üyeden alıntı

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.


http://www.syorulmaz.com/, http://www.aorhan.com/ sitelerdeki gibi reklam alanları var aorhan'ın ki üstüne gelince bir değişim var onun tarzı bir şey yapmak istiyorum syorulmaz ise üstüne gelince direk resim değişiyor yani 2 adet png olur onu bende yaparım anca o şekilde istemiyorum şefaflığı nasıl değiştiriyoruz ? tek resimde halletmek istiyorum aorhan gibi

yada http://www.kulturlupenguen.com/ sitesindeki gibi konulardaki öne çıkar görselin üstüne lince bir değişim oluyor oda olur yani :) hatta istediğim tam o :) :) :)
 

 

CezaLet CezaLet WM Aracı Kullanıcı
  • Ü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)

fatihcan adlı üyeden alıntı

http://www.syorulmaz.com/, http://www.aorhan.com/ sitelerdeki gibi reklam alanları var aorhan'ın ki üstüne gelince bir değişim var onun tarzı bir şey yapmak istiyorum syorulmaz ise üstüne gelince direk resim değişiyor yani 2 adet png olur onu bende yaparım anca o şekilde istemiyorum şefaflığı nasıl değiştiriyoruz ? tek resimde halletmek istiyorum aorhan gibi

yada http://www.kulturlupenguen.com/ sitesindeki gibi konulardaki öne çıkar görselin üstüne lince bir değişim oluyor oda olur yani :) hatta istediğim tam o :) :) :)


Resmin ilk halina opacity:4 kodunu girin, sonra img:hover: koduna opacity:0 kodunu girip bir deneyin...
 

 

Öyle böyle. Şöyle şöyle.

fatihcan fatihcan www.ktubotekulubu.com Kullanıcı
  • Üyelik 28.08.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğrenci
  • Konum Trabzon
  • Ad Soyad ** **
  • Mesajlar 478
  • Beğeniler 212 / 75
  • Ticaret 2, (%100)

CezaLet adlı üyeden alıntı

Resmin ilk halina opacity:4 kodunu girin, sonra img:hover: koduna opacity:0 kodunu girip bir deneyin...


Üstüne gelince resim kayboluyor img:hover da opacity:0 değilde 1 yapıncada bir değişiklik olmuyor.
 

 

wmaraci
wmaraci

CezaLet CezaLet WM Aracı Kullanıcı
  • Ü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)

fatihcan adlı üyeden alıntı

Üstüne gelince resim kayboluyor img:hover da opacity:0 değilde 1 yapıncada bir değişiklik olmuyor.


Şunu deneyin olucaktır:

.thumb img {opacity:0.4;}
.thumb img:hover {opacity:1;-webkit-transition: opacity 1s ease-in-out;}
 

 

Öyle böyle. Şöyle şöyle.

fatihcan fatihcan www.ktubotekulubu.com Kullanıcı
  • Üyelik 28.08.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Öğrenci
  • Konum Trabzon
  • Ad Soyad ** **
  • Mesajlar 478
  • Beğeniler 212 / 75
  • Ticaret 2, (%100)

CezaLet adlı üyeden alıntı

Şunu deneyin olucaktır:


Oldu hocam. Teşekkrüler hatta şöyle yaptım daha hoş oldu

.thumb img {opacity:0.4; -webkit-transition: opacity 1s ease-in-out;}
.thumb img:hover {opacity:1;-webkit-transition: opacity 1s ease-in-out;}
CezaLet

kişi bu mesajı beğendi.

SuhaMete SuhaMete SEO Danışmanı Kullanıcı
  • Üyelik 31.05.2013
  • Yaş/Cinsiyet 31 / E
  • Meslek SEO Danışmanı
  • Konum İstanbul Avrupa
  • Ad Soyad K** M**
  • Mesajlar 2548
  • Beğeniler 21 / 535
  • Ticaret 76, (%100)
Kültürlü penguenin sosyal bağlantılarına title etiketlerini eklemiş.Ancak bu etiketler menünün title etiketi gibi gözükmüyor mavi background üstüne beyaz yazıyla gözüküyor.Bunu nasıl yapabilirim? Hangi kodları bulmam lazım?
 

 

CezaLet CezaLet WM Aracı Kullanıcı
  • Ü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)

suhamete adlı üyeden alıntı

Kültürlü penguenin sosyal bağlantılarına title etiketlerini eklemiş.Ancak bu etiketler menünün title etiketi gibi gözükmüyor mavi background üstüne beyaz yazıyla gözüküyor.Bunu nasıl yapabilirim? Hangi kodları bulmam lazım?


Anlamadım resimle anlatır mısınız?
 

 

Öyle böyle. Şöyle şöyle.

Muhsin ASLAN Muhsin ASLAN Üyeliği Durdurulmuş Banlı Kullanıcı
  • Ü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)
Responsiveeeeee :D
 

 

CezaLet CezaLet WM Aracı Kullanıcı
  • Ü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)

Cash adlı üyeden alıntı

Responsiveeeeee :D


Responsive her çözünürlüğe yani ipad iphone pc ekranlarına uyum sağlayan tasarım demektir.

Kodlama yaparken piksel değilde Yüzdelik olarak kodlarsınız. İnternette birden çok Türkçe makale bulunmakta uzun uzun :)
 

 

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