<![CDATA[TurkishCode Bilgisayar & Bilişim Topluluğu - Css]]> https://forum.turkishcode.com/ Tue, 28 Apr 2026 00:28:52 +0000 MyBB <![CDATA[css class adının belirli bir kısmı ile stil verme]]> https://forum.turkishcode.com/konu-css-class-adinin-belirli-bir-kismi-ile-stil-verme.html Sat, 30 Dec 2017 17:05:24 +0000 Administrator]]> https://forum.turkishcode.com/konu-css-class-adinin-belirli-bir-kismi-ile-stil-verme.html Bunun için aşağıdaki örnek koddan faydalanabilirsiniz.

Kod:
[class^='col-md'] { /* class adı col-md ile başlayanlar için */
background-color:red;
}

[class$='col-md'] { /* class adı col-md ile bitenler için */
color:red;
}

[class*='col-md'] { /* col-md değerini içerenler için */
border:1px solid red;
}
]]> Bunun için aşağıdaki örnek koddan faydalanabilirsiniz.

Kod:
[class^='col-md'] { /* class adı col-md ile başlayanlar için */
background-color:red;
}

[class$='col-md'] { /* class adı col-md ile bitenler için */
color:red;
}

[class*='col-md'] { /* col-md değerini içerenler için */
border:1px solid red;
}
]]> <![CDATA[Sosyal Medya İkonlarının Gözükmemesi Sorunu]]> https://forum.turkishcode.com/konu-sosyal-medya-ikonlarinin-gozukmemesi-sorunu.html Tue, 15 Nov 2016 16:47:08 +0000 Administrator]]> https://forum.turkishcode.com/konu-sosyal-medya-ikonlarinin-gozukmemesi-sorunu.html
Eğer bir web sitesi tasarlıyorsanız ve kullandığınız tarayıcıda sitenize eklediğiniz sosyal medya ikonları gözükmüyorsa, muhtemelen bu kullanmakta olduğunuz Adblock vb. reklam engelleme araçlarından kaynaklanıyor...
Eğer böyle bir sorunla karşılaşırsanız ve reklam engelleme eklentisi vs. kullanıyorsanız öncelikle bu eklentileri devre dışı bırakıp tekrar deneyiniz.
Tabi bu çözüm başka bilgisayarlarda bu tür eklentileri kullanan kişilerin bilgisayarlarında gözükmeme sorununa çözüm olmayacaktır. Bu engellemeyi  tümüyle önlemenin tek çaresi sosyal medya ikonlarının (css) sınıf ve varsa resim dosyalarının adlarını değişmekten geçiyor...]]>
Eğer bir web sitesi tasarlıyorsanız ve kullandığınız tarayıcıda sitenize eklediğiniz sosyal medya ikonları gözükmüyorsa, muhtemelen bu kullanmakta olduğunuz Adblock vb. reklam engelleme araçlarından kaynaklanıyor...
Eğer böyle bir sorunla karşılaşırsanız ve reklam engelleme eklentisi vs. kullanıyorsanız öncelikle bu eklentileri devre dışı bırakıp tekrar deneyiniz.
Tabi bu çözüm başka bilgisayarlarda bu tür eklentileri kullanan kişilerin bilgisayarlarında gözükmeme sorununa çözüm olmayacaktır. Bu engellemeyi  tümüyle önlemenin tek çaresi sosyal medya ikonlarının (css) sınıf ve varsa resim dosyalarının adlarını değişmekten geçiyor...]]> <![CDATA[CSS Hover]]> https://forum.turkishcode.com/konu-css-hover.html Sun, 12 Jun 2016 09:03:20 +0000 Administrator]]> https://forum.turkishcode.com/konu-css-hover.html
Web sayfası tasarlarken bazen menülerde vs. daha renkli bir görünüm olması için hover efektleri kullanırız. Bunun için güzel bir css kütüphanesine denk geldim ve sizinle paylaşmak istiyorum.

ianlunn.github.io/Hover/ adresinden "View Effects" bağlantısına tıklayarak bahsetmiş olduğum efektleri görebilir, indirme bağlantısından da efektlerin olduğu dosyaları indirebilirsiniz.
İndirdiğiniz dosyalar arasından "css/hover.css" dosyasını açıp içinden beğendiğiniz efekte ait css kodlarını alabilirsiniz.]]>
Web sayfası tasarlarken bazen menülerde vs. daha renkli bir görünüm olması için hover efektleri kullanırız. Bunun için güzel bir css kütüphanesine denk geldim ve sizinle paylaşmak istiyorum.

ianlunn.github.io/Hover/ adresinden "View Effects" bağlantısına tıklayarak bahsetmiş olduğum efektleri görebilir, indirme bağlantısından da efektlerin olduğu dosyaları indirebilirsiniz.
İndirdiğiniz dosyalar arasından "css/hover.css" dosyasını açıp içinden beğendiğiniz efekte ait css kodlarını alabilirsiniz.]]> <![CDATA[Textarea yeniden boyutlandırılmasın]]> https://forum.turkishcode.com/konu-textarea-yeniden-boyutlandirilmasin.html Mon, 11 Jan 2016 11:39:06 +0000 Administrator]]> https://forum.turkishcode.com/konu-textarea-yeniden-boyutlandirilmasin.html
Web sayfası tasarlarken kullandığımız textarea nesnesinin kullanıcı tarafından yeniden boyutlandırılması özelliğini kapatmak isterseniz aşağıdaki stil örneğinden faydalanabilirsiniz.

Kod:
<style>
textarea {
resize:none;
}
</style>

Yada;
Kod:
<textarea style="resize:none">TurkishCode.com</textarea>
]]>
Web sayfası tasarlarken kullandığımız textarea nesnesinin kullanıcı tarafından yeniden boyutlandırılması özelliğini kapatmak isterseniz aşağıdaki stil örneğinden faydalanabilirsiniz.

Kod:
<style>
textarea {
resize:none;
}
</style>

Yada;
Kod:
<textarea style="resize:none">TurkishCode.com</textarea>
]]> <![CDATA[Bootstrap Sticky Footer Kullanımı]]> https://forum.turkishcode.com/konu-bootstrap-sticky-footer-kullanimi.html Sun, 13 Dec 2015 09:50:21 +0000 Administrator]]> https://forum.turkishcode.com/konu-bootstrap-sticky-footer-kullanimi.html
Kod:
/* Sticky footer styles
-------------------------------------------------- */
html {
 position: relative;
 min-height: 100%;
}
body {
 /* Margin bottom by footer height */
 margin-bottom: 30px;
}
.footer {
 position: absolute;
 bottom: 0;
 width: 100%;
 /* Set the fixed height of the footer here */
 height: 35px;
 background-color: #f5f5f5;
 opacity: 0.5;
filter: alpha(opacity=50);
background-color:#5E9955;
border-bottom:1px solid #666;
box-shadow:0px -1px 4px #666;
}


HTML Kısmına;
Kod:
  <footer class="footer">
     <div class="container-fluid">
       <p class="text-muted" style="color:#DFD366;font-family: Tahoma,Arial;padding-top:5px;">Sticky Footer TEST!</p>
     </div>
   </footer>
]]>
Kod:
/* Sticky footer styles
-------------------------------------------------- */
html {
 position: relative;
 min-height: 100%;
}
body {
 /* Margin bottom by footer height */
 margin-bottom: 30px;
}
.footer {
 position: absolute;
 bottom: 0;
 width: 100%;
 /* Set the fixed height of the footer here */
 height: 35px;
 background-color: #f5f5f5;
 opacity: 0.5;
filter: alpha(opacity=50);
background-color:#5E9955;
border-bottom:1px solid #666;
box-shadow:0px -1px 4px #666;
}


HTML Kısmına;
Kod:
  <footer class="footer">
     <div class="container-fluid">
       <p class="text-muted" style="color:#DFD366;font-family: Tahoma,Arial;padding-top:5px;">Sticky Footer TEST!</p>
     </div>
   </footer>
]]> <![CDATA[Ekran çözünürlüğüne göre CSS]]> https://forum.turkishcode.com/konu-ekran-cozunurlugune-gore-css.html Tue, 24 Nov 2015 14:54:18 +0000 Administrator]]> https://forum.turkishcode.com/konu-ekran-cozunurlugune-gore-css.html
Ekran çözünürlüğüne göre nasıl CSS oluşturabileceğimize ilişkin küçük bir örnek hazırladım.

Ekran çözünürlüğüne göre CSS uygulamak için @media komutundan faydalanabiliriz.


Örnek HTML dosyası (index.html);
Kod:
<!Doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ekran Çözünürlüğüne Göre CSS Denemesi</title>
<link rel="stylesheet" type="text/css" media="all" href="index.css" />
</head>
<body>
<div class="stilim" style="width:%100">www.turkishcode.com</div>
<br>
<div class="KucukEkrandaGizle">Bu metin küçük ekranlarda gözükmeyecek...</div>
</body>
</html>

CSS Dosyamız(index.css);
Kod:
.stilim
{
background-color:red;
padding:10px;
border:1px solid #333;
}

@media only screen and (max-width:1230px) and (min-width:990px){
.stilim
{
background-color:blue;
}
}
@media only screen and (min-width: 480px) and (max-width: 990px) {
.stilim
{
background-color:yellow;
}
}
@media only screen and (max-width: 479px) {
.stilim
{
background-color:green;
}
.KucukEkrandaGizle{
visibility:hidden;
}

}


Örneğimizde ekran genişliği küçüldükçe yazımızın arkaplan rengi değişecektir. Yani Bilgisayarda gözüken arkaplan rengiyle, tablette ve telefonda gözüken arkaplan rengi aynı olmayacaktır. Tabi bu sadece mantığını kavramak için bir örnek... Siz ihtiyaca göre istediğiniz gibi tasarımlar yapıp, kullanabilrsiniz.

* Dikkat, link rel="stylesheet" ile sayfaya css dosyamızı eklerken media="all" seçeneğini de eklememiz gerekmektedir...]]>
Ekran çözünürlüğüne göre nasıl CSS oluşturabileceğimize ilişkin küçük bir örnek hazırladım.

Ekran çözünürlüğüne göre CSS uygulamak için @media komutundan faydalanabiliriz.


Örnek HTML dosyası (index.html);
Kod:
<!Doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ekran Çözünürlüğüne Göre CSS Denemesi</title>
<link rel="stylesheet" type="text/css" media="all" href="index.css" />
</head>
<body>
<div class="stilim" style="width:%100">www.turkishcode.com</div>
<br>
<div class="KucukEkrandaGizle">Bu metin küçük ekranlarda gözükmeyecek...</div>
</body>
</html>

CSS Dosyamız(index.css);
Kod:
.stilim
{
background-color:red;
padding:10px;
border:1px solid #333;
}

@media only screen and (max-width:1230px) and (min-width:990px){
.stilim
{
background-color:blue;
}
}
@media only screen and (min-width: 480px) and (max-width: 990px) {
.stilim
{
background-color:yellow;
}
}
@media only screen and (max-width: 479px) {
.stilim
{
background-color:green;
}
.KucukEkrandaGizle{
visibility:hidden;
}

}


Örneğimizde ekran genişliği küçüldükçe yazımızın arkaplan rengi değişecektir. Yani Bilgisayarda gözüken arkaplan rengiyle, tablette ve telefonda gözüken arkaplan rengi aynı olmayacaktır. Tabi bu sadece mantığını kavramak için bir örnek... Siz ihtiyaca göre istediğiniz gibi tasarımlar yapıp, kullanabilrsiniz.

* Dikkat, link rel="stylesheet" ile sayfaya css dosyamızı eklerken media="all" seçeneğini de eklememiz gerekmektedir...]]> <![CDATA[CSS Bulanıklık Efekti]]> https://forum.turkishcode.com/konu-css-bulaniklik-efekti.html Thu, 19 Nov 2015 11:53:09 +0000 Administrator]]> https://forum.turkishcode.com/konu-css-bulaniklik-efekti.html
Sizlerle, CSS ile bulanıklık efekti vermeye ilişkin ufak bir örnek paylaşmak istiyorum.
Bulanıklık efekti için filter: blur kullanmamız yeterli.

Kod:
<style>
.bulanik{
filter: blur(4px);
-webkit-filter: blur(4px);
}
</style>

Kullanım:
Kod:
<div class="bulanik" style="font-size:50px">
Turkishcode.com
</div>


Resme bulanıklık vermeyi içeren bir örnek:
Kod:
<!Doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Bulanıklık Efekti</title>
<style>
.bulanik{
filter: blur(4px);
-webkit-filter: blur(4px);
}

.bulanikImgKutu
{
border:1px solid #333;
width:200px;
height:75px;
padding-top:5px;
}

.bulanikImgKutu:hover img
{
filter: blur(5px);
-webkit-filter: blur(5px);
}

.bulanikImgKutu:hover > .Aciklama
{
visibility:visible;
}

.Aciklama {
position: absolute;
margin-top:20px;
margin-left:65px;
color:#0072C6;
font-weight:bold;
visibility:hidden;
z-index:999;
}
</style>
</head>
<body>
<center>
<div class="bulanik" style="font-size:50px">
Turkishcode.com
</div>
<br>
<div class="bulanikImgKutu">
<a href="http://www.turkishcode.com" class="Aciklama">TurkishCode</a>
<img src="http://turkishcode.com/tema/TCode/images/logo.png" />
</div>
</center>
</body>
</html>
]]>
Sizlerle, CSS ile bulanıklık efekti vermeye ilişkin ufak bir örnek paylaşmak istiyorum.
Bulanıklık efekti için filter: blur kullanmamız yeterli.

Kod:
<style>
.bulanik{
filter: blur(4px);
-webkit-filter: blur(4px);
}
</style>

Kullanım:
Kod:
<div class="bulanik" style="font-size:50px">
Turkishcode.com
</div>


Resme bulanıklık vermeyi içeren bir örnek:
Kod:
<!Doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Bulanıklık Efekti</title>
<style>
.bulanik{
filter: blur(4px);
-webkit-filter: blur(4px);
}

.bulanikImgKutu
{
border:1px solid #333;
width:200px;
height:75px;
padding-top:5px;
}

.bulanikImgKutu:hover img
{
filter: blur(5px);
-webkit-filter: blur(5px);
}

.bulanikImgKutu:hover > .Aciklama
{
visibility:visible;
}

.Aciklama {
position: absolute;
margin-top:20px;
margin-left:65px;
color:#0072C6;
font-weight:bold;
visibility:hidden;
z-index:999;
}
</style>
</head>
<body>
<center>
<div class="bulanik" style="font-size:50px">
Turkishcode.com
</div>
<br>
<div class="bulanikImgKutu">
<a href="http://www.turkishcode.com" class="Aciklama">TurkishCode</a>
<img src="http://turkishcode.com/tema/TCode/images/logo.png" />
</div>
</center>
</body>
</html>
]]> <![CDATA[Css ile 3 Boyutlu (3d) Yazı]]> https://forum.turkishcode.com/konu-css-ile-3-boyutlu-3d-yazi.html Wed, 18 Nov 2015 07:34:57 +0000 Administrator]]> https://forum.turkishcode.com/konu-css-ile-3-boyutlu-3d-yazi.html
Css ile 3d yazı yazmak için güzel bir stil örneği...

[Resim: 5l3l6nnj.png]

Kod:
<style>
.UcDtext{
 color: #FFF;
 font: 900 100px/1 'Source Sans Pro', Arial, sans-serif;
 text-align:center;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}
</style>

Kullanım:


Kod:
<div class="UcDtext">
Turkishcode.com
</div>



Örnek Sayfa :


Kod:
<!Doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Css 3D Text</title>
<style>
.UcDtext{
 color: #FFF;
 font: 900 100px/1 'Source Sans Pro', Arial, sans-serif;
 text-align:center;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}
</style>
</head>
<body>
<div class="UcDtext">
Turkishcode.com
</div>
</body>
</html>
]]>
Css ile 3d yazı yazmak için güzel bir stil örneği...

[Resim: 5l3l6nnj.png]

Kod:
<style>
.UcDtext{
 color: #FFF;
 font: 900 100px/1 'Source Sans Pro', Arial, sans-serif;
 text-align:center;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}
</style>

Kullanım:


Kod:
<div class="UcDtext">
Turkishcode.com
</div>



Örnek Sayfa :


Kod:
<!Doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Css 3D Text</title>
<style>
.UcDtext{
 color: #FFF;
 font: 900 100px/1 'Source Sans Pro', Arial, sans-serif;
 text-align:center;
 text-shadow: 0 1px 0 #ccc,
 0 2px 0 #c9c9c9,
 0 3px 0 #bbb,
 0 4px 0 #b9b9b9,
 0 5px 0 #aaa,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
}
</style>
</head>
<body>
<div class="UcDtext">
Turkishcode.com
</div>
</body>
</html>
]]> <![CDATA[Bootstrap ile Responsive Site Tasarımı]]> https://forum.turkishcode.com/konu-bootstrap-ile-responsive-site-tasarimi.html Thu, 05 Nov 2015 14:53:56 +0000 Administrator]]> https://forum.turkishcode.com/konu-bootstrap-ile-responsive-site-tasarimi.html
Bu konuda sizlere CSS Bootstrap Framework'ünden ve bize sağladığı kolaylıklardan bahsetmek istiyorum.
Günümüzde teknolojiyle uğraşanlar için, zaman oldukça önemlidir. Çünkü teknoloji sürekli kendini yeniler ve sizde buna ayak uydurmak zorunda kalırsınız.
Bu durum web tasarımıyla uğraşanlar için de böyledir. Eğer bir web sitesi yada web uygulaması tasarlıyorsanız, geçeceğiniz aşamalardan biri de arayüz tasarımıdır.
Her geçen gün mobil cihazların yani telefonların, tabletlerin ve diğer taşınabilir cihazların hayatımıza iyice girmesi sonucunda web sitelerine erişilen cihaz farklılığı artmaktadır. Hatta yeni nesil televizyonlarla bile internete erişim sağlanabilmektedir. Hâl böyle olunca web tasarımcılar için her cihaza uygun tasarımlar geliştirmek bir gereklilik hâline geldi.
CSS kullanarak değişik çözünürlüklerde ve cihazlarda sorunsuzca çalışabilecek sayfalar üretmek mümkün olsa da bunu kendimiz yapmaya çalıştığımızda gerçekten zahmetli bir iş. İşte tam da bu noktada imdadımıza bootstrap yetişiyor. Bootstrap bu işi kolayca yapabileceğimiz bir CSS Framework'ü. Hem zamandan tasarruf sağlamamızı sağlıyor hemde responsive sayfa tasarlamamıza yardımcı oluyor.
Bunların yanı sıra bünyesinde bulundurduğu birçok component ve özellik sayesinde site geliştirirken ihtiyacımız olabilecek birçok şeyi zahmetsizce elde etmiş oluyoruz.
Bootsrap ile birlikte kendi CSS sınıflarımızı da entegre edip kullanabiliyoruz.
Bootsrap ile site geliştirirken bilmemiz gereken en önemli husus iskelet mantığı; yani satırlar ve sütunlar.
Bootstrap bir satırı varsayılan olarak, 1 satıra 12 sütun olacak şekilde bölüyor. Biz ihtiyacımıza göre ayarlamaları yapabiliyoruz. Bu başlangıçta biraz karışık geliyor fakat biraz kurcalayınca çok basit olduğunu görüyoruz.
Özellikler ve bileşenler için sitesinden kopyala yapıştır ile istediğimiz şeyi alabiliyoruz. Yani geliştirme süresinde ihtiyacımız olan şeyleri web sitesinden alıyoruz.

Sözü fazla uzatmadan;
Detaylı bilgi ve bootstrap için :  http://getbootstrap.com/]]>
Bu konuda sizlere CSS Bootstrap Framework'ünden ve bize sağladığı kolaylıklardan bahsetmek istiyorum.
Günümüzde teknolojiyle uğraşanlar için, zaman oldukça önemlidir. Çünkü teknoloji sürekli kendini yeniler ve sizde buna ayak uydurmak zorunda kalırsınız.
Bu durum web tasarımıyla uğraşanlar için de böyledir. Eğer bir web sitesi yada web uygulaması tasarlıyorsanız, geçeceğiniz aşamalardan biri de arayüz tasarımıdır.
Her geçen gün mobil cihazların yani telefonların, tabletlerin ve diğer taşınabilir cihazların hayatımıza iyice girmesi sonucunda web sitelerine erişilen cihaz farklılığı artmaktadır. Hatta yeni nesil televizyonlarla bile internete erişim sağlanabilmektedir. Hâl böyle olunca web tasarımcılar için her cihaza uygun tasarımlar geliştirmek bir gereklilik hâline geldi.
CSS kullanarak değişik çözünürlüklerde ve cihazlarda sorunsuzca çalışabilecek sayfalar üretmek mümkün olsa da bunu kendimiz yapmaya çalıştığımızda gerçekten zahmetli bir iş. İşte tam da bu noktada imdadımıza bootstrap yetişiyor. Bootstrap bu işi kolayca yapabileceğimiz bir CSS Framework'ü. Hem zamandan tasarruf sağlamamızı sağlıyor hemde responsive sayfa tasarlamamıza yardımcı oluyor.
Bunların yanı sıra bünyesinde bulundurduğu birçok component ve özellik sayesinde site geliştirirken ihtiyacımız olabilecek birçok şeyi zahmetsizce elde etmiş oluyoruz.
Bootsrap ile birlikte kendi CSS sınıflarımızı da entegre edip kullanabiliyoruz.
Bootsrap ile site geliştirirken bilmemiz gereken en önemli husus iskelet mantığı; yani satırlar ve sütunlar.
Bootstrap bir satırı varsayılan olarak, 1 satıra 12 sütun olacak şekilde bölüyor. Biz ihtiyacımıza göre ayarlamaları yapabiliyoruz. Bu başlangıçta biraz karışık geliyor fakat biraz kurcalayınca çok basit olduğunu görüyoruz.
Özellikler ve bileşenler için sitesinden kopyala yapıştır ile istediğimiz şeyi alabiliyoruz. Yani geliştirme süresinde ihtiyacımız olan şeyleri web sitesinden alıyoruz.

Sözü fazla uzatmadan;
Detaylı bilgi ve bootstrap için :  http://getbootstrap.com/]]> <![CDATA[Firefox ile renk kodu alma]]> https://forum.turkishcode.com/konu-firefox-ile-renk-kodu-alma.html Thu, 26 Mar 2015 18:32:35 +0000 Administrator]]> https://forum.turkishcode.com/konu-firefox-ile-renk-kodu-alma.html
[Resim: 46o983o7.png]

"Araçlar >> Web Geliştirici >> Damlalık" yolunu izleyerek Damlalığı açmak ve çıkan büyüteçi almak istediğimiz rengin üzerine getirerek tıklatmak.

[Resim: 6l2ft7ml.png]]]>
[Resim: 46o983o7.png]

"Araçlar >> Web Geliştirici >> Damlalık" yolunu izleyerek Damlalığı açmak ve çıkan büyüteçi almak istediğimiz rengin üzerine getirerek tıklatmak.

[Resim: 6l2ft7ml.png]]]>