Photoshop'da İnside to CSS! #!!!#

23.01.2012 19:07

dlkrnugur JS Coder Kullanıcı

Üyelik 20.11.2011
Yaş/Cinsiyet 29 / E
Meslek PHP Coder
Konum Muğla

Ad Soyad U** D**
Mesajlar 1070
Beğeniler 210 / 209
Ticaret 41, (%98)

Photoshop'da Stroke özelliği verirken; Position kısmını Outside, Inside ve Center olarak ayarlayabiliyoruz. Inside özelliği içe doğru stroke verirken Outside özelliği dışa doğru stroke özelliği veriyor.

Yaptığımız bir CSS tasarımında border:1px solid #d9d9d9; gibi bir border verdiğimiz zaman, şeklin dışına doğru 1 px stroke özelliği ekliyor.

Resimler aracılığıyla yapmak istediğimi anlatabildiğimi düşünüyorum! :)

Yani böyle bir şey var mı? İstediğimi yapabilir miyim?

23.01.2012 19:28

#2

cudjex ozergul.net Kullanıcı

Üyelik 23.11.2011
Yaş/Cinsiyet 32 / E
Meslek öğrenci
Konum İzmir

Ad Soyad Ö** G**
Mesajlar 1647
Beğeniler 347 / 570
Ticaret 8, (%100)

Şu kaynağa bak istersen:
http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/

Bir de şunu dene:
-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 0 0 5px #888;

2 kişi bu mesajı beğendi.

ozergul.net/com

23.01.2012 19:34

#3

AhmetK WM Aracı Kullanıcı

Üyelik 06.07.2011
Yaş/Cinsiyet 28 / E
Meslek Öğrenci
Konum İstanbul Anadolu

Ad Soyad A** K**
Mesajlar 2502
Beğeniler 64 / 327
Ticaret 23, (%100)

Sorununu o kadar güzel anlatmışsın ki sanki resimli photoshop dersi veriyorsun zannettim :D

1 kişi bu mesajı beğendi.

23.01.2012 19:36

#4

dlkrnugur JS Coder Kullanıcı

Üyelik 20.11.2011
Yaş/Cinsiyet 29 / E
Meslek PHP Coder
Konum Muğla

Ad Soyad U** D**
Mesajlar 1070
Beğeniler 210 / 209
Ticaret 41, (%98)

Denedim fakat, istediğim sonuç değil. Kaynağı inceliyorum.

Ek Olarak:

kralizasyon adlı üyeden alıntı

Sorununu o kadar güzel anlatmışsın ki sanki resimli photoshop dersi veriyorsun zannettim :D

Evet, biraz öyle olmuş! :D

Ek Olarak:

cudjex adlı üyeden alıntı

Şu kaynağa bak istersen:
http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/

Bir de şunu dene:
-moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 0 0 5px #888;

Kaynak'ın içinden bir başka kaynağa giderek buldum gibi bir şey oldu! Teşekjkürler...

23.01.2012 19:55

#5

cudjex ozergul.net Kullanıcı

Üyelik 23.11.2011
Yaş/Cinsiyet 32 / E
Meslek öğrenci
Konum İzmir

Ad Soyad Ö** G**
Mesajlar 1647
Beğeniler 347 / 570
Ticaret 8, (%100)

Önemli değil..

ozergul.net/com

Photoshop'da İnside to CSS! #!!!#

Üye Girişi Yap