| Yazar |
|
mahmut716
Kayıt: 20.12.2006 |
|
projemde şu butonu kullanıyorum
http://cssdeck.com/labs/fancy-3d-button
ve kendim de ek olarak şu kodu ekledim
onclick="window.location.href='haber.aspx'"
ancak daha sonra farklı bir sayfada, <a href="iletisim.aspx"> linki yarattığımda,bu da aynı css'i kullanıyor, yanlış hatırlamıyorsam, css'i bu linkte etkisiz hale getirmenin bi yolu vardı 
ya da sizin tavsiyeniz nedir?
Java developer
|
|
|
| Yazar |
|
beyaz
Kayıt: 10.11.2010 |
|
mahmut716 yazdi | | projemde şu butonu kullanıyorum
http://cssdeck.com/labs/fancy-3d-button
ve kendim de ek olarak şu kodu ekledim
onclick="window.location.href='haber.aspx'"
ancak daha sonra farklı bir sayfada, <a href="iletisim.aspx"> linki yarattığımda,bu da aynı css'i kullanıyor, yanlış hatırlamıyorsam, css'i bu linkte etkisiz hale getirmenin bi yolu vardı
ya da sizin tavsiyeniz nedir? |
css'i direkt "a" element'ine uyguladığınız için tüm linklerde geçerli oluyor. bu fancy button'u kullanmak istediğiniz linklere bir class verip css'i de bu class'a uygulayın. class'a sahip olmayan linklerde a element'inin default stili geçerli olur.
örneğin,
<a href="javascript:void(0);" class="fancy">Push me!</a>
a.fancy {
position: relative;
color: rgba(255,255,255,1);
....
}
a.fancy:active {
-webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
-moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
...
}
nobody expects the spanish inquisition
|
|
|
| Yazar |
|
mahmut716
Kayıt: 20.12.2006 |
|
beyaz yazdi | | mahmut716 yazdi | | projemde şu butonu kullanıyorum
http://cssdeck.com/labs/fancy-3d-button
ve kendim de ek olarak şu kodu ekledim
onclick="window.location.href='haber.aspx'"
ancak daha sonra farklı bir sayfada, <a href="iletisim.aspx"> linki yarattığımda,bu da aynı css'i kullanıyor, yanlış hatırlamıyorsam, css'i bu linkte etkisiz hale getirmenin bi yolu vardı
ya da sizin tavsiyeniz nedir? |
css'i direkt "a" element'ine uyguladığınız için tüm linklerde geçerli oluyor. bu fancy button'u kullanmak istediğiniz linklere bir class verip css'i de bu class'a uygulayın. class'a sahip olmayan linklerde a element'inin default stili geçerli olur.
örneğin,
<a href="javascript:void(0);" class="fancy">Push me!</a>
a.fancy {
position: relative;
color: rgba(255,255,255,1);
....
}
a.fancy:active {
-webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
-moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
...
}
|
eyv 
peki şöyle birşey var mı merak ettim..
css'i bu buton için deaktif et tarzı bir kod var mı?
Java developer
|
|
|
| Yazar |
|
beyaz
Kayıt: 10.11.2010 |
|
mahmut716 yazdi | |
eyv
peki şöyle birşey var mı merak ettim..
css'i bu buton için deaktif et tarzı bir kod var mı? |
css'te ie8 öncesi tarafından desteklenmeyen :not kullanımı var. (https://developer.mozilla.org/en-US/docs/CSS/:not)
kullanılmasını istemediğiniz buton ya da linke bir id verip buton/linke ait css'i yazarken hariç tutacağınız id'yi belirtebilirsiniz.
örneğin,
<a href="#" id="kullanma">link</a>
a:not(#kullanma){
color: #f00;
background-color: #fff;
}
derseniz bu stil "kullanma" id'li elemanlarda geçerli olmaz.
nobody expects the spanish inquisition
|
|
|
| Yazar |
|
mahmut716
Kayıt: 20.12.2006 |
|
beyaz yazdi | | mahmut716 yazdi | |
eyv
peki şöyle birşey var mı merak ettim..
css'i bu buton için deaktif et tarzı bir kod var mı? |
css'te ie8 öncesi tarafından desteklenmeyen :not kullanımı var. (https://developer.mozilla.org/en-US/docs/CSS/:not)
kullanılmasını istemediğiniz buton ya da linke bir id verip buton/linke ait css'i yazarken hariç tutacağınız id'yi belirtebilirsiniz.
örneğin,
<a href="#" id="kullanma">link</a>
a:not(#kullanma){
color: #f00;
background-color: #fff;
}
derseniz bu stil "kullanma" id'li elemanlarda geçerli olmaz. |
hah ,ben de bunu arıyordum işte 
ie8 öncesi kullanan mı kaldı yav,bizim nokta dışında 
Java developer
|
|
|
| Yazar |
|
mahmut716
Kayıt: 20.12.2006 |
|
yalnız biraz ters bir durum var,şöyle ki 
css
p:not(.classy) { color: red; } // classy'i olmayanları kırmızı yap
html
<p>Some text.</p>
<p class="classy">Some other text.</p>
Some text.
Some other text.
yani ,not'tan kasıt, kullanma değil de,o sınıftan olmayan da kullan,deneyince görürsünüz 
Java developer
|
|
|
| Yazar |
|
euphrates
Istanbul
Kayıt: 11.10.2008 |
|
mahmut716 yazdi | | beyaz yazdi | | mahmut716 yazdi | | projemde şu butonu kullanıyorum
http://cssdeck.com/labs/fancy-3d-button
ve kendim de ek olarak şu kodu ekledim
onclick="window.location.href='haber.aspx'"
ancak daha sonra farklı bir sayfada, <a href="iletisim.aspx"> linki yarattığımda,bu da aynı css'i kullanıyor, yanlış hatırlamıyorsam, css'i bu linkte etkisiz hale getirmenin bi yolu vardı
ya da sizin tavsiyeniz nedir? |
css'i direkt "a" element'ine uyguladığınız için tüm linklerde geçerli oluyor. bu fancy button'u kullanmak istediğiniz linklere bir class verip css'i de bu class'a uygulayın. class'a sahip olmayan linklerde a element'inin default stili geçerli olur.
örneğin,
<a href="javascript:void(0);" class="fancy">Push me!</a>
a.fancy {
position: relative;
color: rgba(255,255,255,1);
....
}
a.fancy:active {
-webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
-moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
...
}
|
eyv
peki şöyle birşey var mı merak ettim..
css'i bu buton için deaktif et tarzı bir kod var mı? |
Javascript yada JQuery ile css'i o element icin kaldırabilirsin. "removeAttr('style')" gibi bir özellik vardı sanırım. Bu tarz aratabilirsin.
Yesterday is history, tomorrow is a mystery. Today? Today is a gift. That’s why we call it the present!
|
|
|
| Yazar |
|
beyaz
Kayıt: 10.11.2010 |
|
euphrates yazdi | |
Javascript yada JQuery ile css'i o element icin kaldırabilirsin. "removeAttr('style')" gibi bir özellik vardı sanırım. Bu tarz aratabilirsin.
|
bir id/class'a ait linkin removeAttr('style') ile stilini kaldırırsanız ekstradan verdiğiniz css özellikleri gider, 'a' element'ine ait stil kullanılmaya devam eder.
nobody expects the spanish inquisition
|
|
|
|
|
-
 Del.icio.us
-
 Digg
-
 Facebook
-
 Furl
-
 Google
-
 Blink
-
 Simpy
-
 Spurl
-
 Y! MyWeb
|
|
| | | | | |
