CSS Öğreniyorum - CSS'de Kısaltmalar

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0L_XbaUv-2L_KZOQ3NJTp2Ncd1lmcgP1a1BIOhxKhsfTTbjxS6vV-5-Za-PjFJzwUOasMrm0DcUgyiXM9DAysniwxzA7zFCnReVhAZYczzL_of5KukGH1zSDdKIxr6fgLRElfczYGITY/s1600/css.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0L_XbaUv-2L_KZOQ3NJTp2Ncd1lmcgP1a1BIOhxKhsfTTbjxS6vV-5-Za-PjFJzwUOasMrm0DcUgyiXM9DAysniwxzA7zFCnReVhAZYczzL_of5KukGH1zSDdKIxr6fgLRElfczYGITY/s1600/css.png" width="320" /></a></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">CSS; kodlama yaparken bizim bazı kısaltmaları kullanmamıza izin verir. Böylece hem fazla kod yığınından kurtulmuş oluruz, hemde sayfa boyutlarını en aza indirmiş oluruz.</div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><u><span style="color: #134f5c;"><br /></span></u></h2><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><u><span style="color: #134f5c;"><br /></span></u></h2><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><u><span style="color: #134f5c;"><br /></span></u></h2><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><u><span style="color: #134f5c;"><br /></span></u></h2><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><u><span style="color: #134f5c;">1. Font</span></u></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Normalde bir font tanımlarken 4 adet CSS kodu kullanılır: </div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font-weight</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">bold</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font-family</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">verdana</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">,</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">sans-serif</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font-size</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">11px</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">line-height</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">15px</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /></pre></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Kısaltma olarak kullanlan kod ise tek satır: </div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">font</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">bold</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">11px</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/</span><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">15px</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">verdana</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">,</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">sans-serif</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /></pre></div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><u><span style="color: #cc0000;">2. Background</span></u></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Background tanımlarken 5 adet atama yapmamız gerekirken kısaltma kullanarak tek tanıma indirebilriz. </div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-color</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nf" style="background-color: transparent; border: 0px; color: #a6e22e; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#000</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-image</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">url</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ard</span><span class="nc" style="background-color: transparent; border: 0px; color: #a6e22e; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.jpg</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">);</span><br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-repeat</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">no-repeat</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-attachment</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">fixed</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-position</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">50px</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">50px</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /></pre></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Kısaltırsak: </div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span> <br /> <span class="m" style="background-color: transparent; border: 0px; color: #ae81ff; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#000</span> <span class="sx" style="background-color: transparent; border: 0px; color: #e6db74; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">url(ard.jpg)</span> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">no-repeat</span> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">fixed</span> <span class="m" style="background-color: transparent; border: 0px; color: #ae81ff; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">50px</span> <span class="m" style="background-color: transparent; border: 0px; color: #ae81ff; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">50px</span><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span><br /></pre></div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><span style="color: #783f04;"><u>3. Renkler(Hex-decimal)</u></span></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">CSS stillerinde renkler genelde hex-decimal renk kodu ile tanımlanır örneğin <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color: #ff0000;</strong> kırmızı. Renkler 6 karakterle gösterilsede bir çok renk(web tabanlı) 3 karakterin tekrarlanması ile oluşturulur. Örneğin, kırmızı'nın hex-decimal kodunun kısaltırsak <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color: #f00;</strong>. Buradaki her karakter hex-decimal koddaki iki karaktere karşılık gelmektedir. Mesela, beyaz renk kullanacağınızda, <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color: white;</strong> veya <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color: #ffffff;</strong> kulanımı önermeyiz. Kısaltılmış olanı <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color: #fff;</strong> kullanmanız daha avantajlıdır.</div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><u><span style="color: #660000;">4. Border</span></u></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Kenarklık tanımlamalarında her özellik için bir tanımlama yapılır. örnek olarak bir elementin üst kenarına atama yapmak için: </div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">border-top-width</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2px</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">border-top-style</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">dashed</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">border-top-color</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nf" style="background-color: transparent; border: 0px; color: #a6e22e; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#f00</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /></pre></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Kısaltırsak: </div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">border-top</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2px</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">dashed</span> <span class="nf" style="background-color: transparent; border: 0px; color: #a6e22e; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#f00</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /></pre></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Bu özellikleri tüm kenarlara uygulmak için: </div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">border</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2px</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">dashed</span> <span class="nf" style="background-color: transparent; border: 0px; color: #a6e22e; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">#f00</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /></pre></div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><span style="color: #4c1130;"><u>5. Margin ve Padding'ler</u></span></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Margin ve paddingler de normal tanımlama şöyledir:</div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin-top</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">10px</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin-right</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">5px</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin-bottom</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">20px</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin-left</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">15px</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /></pre></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">kıslatılmış hali: </div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">10px</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">5px</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">20px</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">15px</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /></pre></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Burada öznitelikler sağdan başlayarak saat yönünde devam eder. Aşağıda çeşitli kısaltma yöntemleri birlikte verilmiştir:</div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">4 Değer:</strong> (<em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin: 20px 15px 10px 5px;</em>) birinci - üst, ikinci - sağ, üçüncü - alt, dördüncü - sol.</div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">3 Değer:</strong> (<em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin: 20px 15px 10px;</em>) birinci - üst, ikinci - sol ve sağ, üçüncü - alt. <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2 Değer:</strong>(<em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin: 20px 15px;</em>) birinci - üst ve alt, ikinci - sol ve sağ. <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">1 Değer:</strong> (<em style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">margin: 10px;</em>) birinci - üst, sağ, alt ve sol</div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><span style="color: #0c343d;"><u>6. Listeler</u></span></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Liste tanılmalrında da kısaltmalar mümkündür </div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ul</span> <span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span> <br /> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">list-style-type</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">square</span><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">list-style-position</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">inside</span><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">list-style-image</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="sx" style="background-color: transparent; border: 0px; color: #e6db74; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">url(image.png)</span><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span><br /></pre></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Kısaltırsak;</div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ul</span> <span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">li</span> <span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span> <br /> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">list-style</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">square</span> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">inside</span> <span class="sx" style="background-color: transparent; border: 0px; color: #e6db74; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">url(image.png)</span><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="c" style="background-color: transparent; border: 0px; color: #75715e; font-style: italic; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/* burda özel bir durum vardır eğer resim yoksa yedek olarak square özelliği gösterilecektir. */</span><br /></pre></div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><span style="color: #274e13;"><u>7. Sıfır '0' ın Kısaltma Olarak Kullanılması</u></span></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Kısaltmalarda son olarak '0' ın kullanımına değineceğiz. Normalde bir elemente değer ataması yapılırken değerin yanına birimi de yazılır(örn: 3px, 0.2em vd.), Ancak sıfır '0' için bu zorunlu değilidir. </div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">padding</span><span class="nd" style="background-color: transparent; border: 0px; color: #a6e22e; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:0</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /></pre></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Bu durumun bir istisnası mevcuttur oda yüzde değerlerinde atama yapılırken <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">0% </strong>olarak atama yapılmalıdır.</div><div class="rmzndgn">Benzer Aramalar: CSS Öğreniyorum, CSS'de Kısaltmalar, Kısaltmalar, Css 2.0, CSS Kodları,</div>

CSS Öğreniyorum - CSS'de Kısaltmalar

CSS; kodlama yaparken bizim bazı kısaltmaları kullanmamıza izin verir. Böylece hem fazla kod yığınından kurtulmuş oluruz, hemde sayfa boyutl...

Devamı »

CSS Öğreniyorum - CSS Birimleri

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlpm9MdsdOWlmi6gzsXhdq4MBmvdcHiRdkqqNA2UZ4NMhEmL9jyNte_bmaZSxiO8O2Yf-bKcAlfYEiMK9iMbyyxrSvVhwKfPJjhLM2n8RMSM4l98ga-NjE2vbzA8ytAsBlFGLjn_6Y59k/s1600/css.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlpm9MdsdOWlmi6gzsXhdq4MBmvdcHiRdkqqNA2UZ4NMhEmL9jyNte_bmaZSxiO8O2Yf-bKcAlfYEiMK9iMbyyxrSvVhwKfPJjhLM2n8RMSM4l98ga-NjE2vbzA8ytAsBlFGLjn_6Y59k/s1600/css.png" width="200" /></a></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: x-small;">Birimler genelde mesafe ve renkleri tanımlamak için kullanılır.</span><span style="font-size: x-small;">Birimleri dört gruba ayırabiliriz.</span><span style="font-size: x-small;"> </span><strong style="background-color: transparent; border: 0px; font-size: small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">uzunluk</strong><span style="font-size: x-small;"> </span><span style="font-size: x-small;">birimleri,</span><span style="font-size: x-small;"> </span><strong style="background-color: transparent; border: 0px; font-size: small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">yüzde</strong><span style="font-size: x-small;"> </span><span style="font-size: x-small;">birimleri,</span><span style="font-size: x-small;"> </span><strong style="background-color: transparent; border: 0px; font-size: small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">renk</strong><span style="font-size: x-small;"> </span><span style="font-size: x-small;">birimleri ve </span><strong style="background-color: transparent; border: 0px; font-size: small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">URL</strong><span style="font-size: x-small;"> </span><span style="font-size: x-small;">birimleri</span></div><h2 style="background-color: white; border: 0px; color: #000305; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"></h2><h2 style="background-color: white; border: 0px; color: #000305; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"></h2><div><br /><br /><br /><br /></div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><span style="color: #660000;"><br /></span></h2><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><span style="color: #660000;">Uzunluk Birimleri</span></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">CSS'de tanımlanan 8 uzunluk birimi vardır. Bunların üç tanesi göreceli(relative) uzunluklar ve kalan beş tanesi kesin(absolute) uzunluklardır.</div><h3 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 1.529em; font-weight: 400; line-height: 1.1; margin: 0.8em 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #38761d;">Göreceli Uzunluklar</span></h3><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Bu birimler diğer uzunluk birimlerine göre görecelidir. Sayfalarımızın ölçeğinin değiştiği ve çıktısının alındığı durumlarda bu uzunluk birimlerini kullanmamız bize avantaj sağlayacaktır.</div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><b><span style="font-size: large;">em:</span></b></span><span style="font-size: 19px;"> Ana elementin font boyunun (font-size) değerine göre hesaplanarak bulunur. Yani body elemanında varsayılan yazı tipi büyüklüğünüze (font-size) bağlı büyüme-küçülme gösteren ölçülerdir. em varsayılan font büyüklüğünde ve font ailesinde (font-family) yer alan "M" harfinin genişliğini baz almasıdır.</span></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">ex:</span></strong><span style="font-size: 19px;"> Elementin "x" harfinin yüksekliğidir. Atanmış olan fontun küçük "x" değeri yüksekliğidir.</span></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">px:</span></strong><span style="font-size: 19px;"> piksel değeri. Eğer monitörünüze yeterince yakından bakarsanız, çok küçük kutulardan oluşmuş bir ızgaraya benzer. Burdaki her kutu bir pikseldir. Bu da her monitöre göre farklı değer demektir.</span></div><h3 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 1.529em; font-weight: 400; line-height: 1.1; margin: 0.8em 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #990000;">Kesin Uzunluklar</span></h3><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Bu uzunluklar gerçek hayatta kullanılan birimlerdir.</div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">in:</span></strong><span style="font-size: 19px;"> inç. 1 inch=2,54 cm'dir. Örn: line-height:0.5in</span></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">cm:</span></strong><span style="font-size: 19px;"> Santimetre. Bizim gerçek hayatta kullandığımız santimetere değeridir. Örnek: margin:2cm</span></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">mm:</span></strong><span style="font-size: 19px;"> Milimetre. Bizim gerçek hayatta kullandığımız milimetere değeridir. Örnek: letter-spacing:1mm</span></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">pt:</span></strong><span style="font-size: 19px;"> Point. Standart baskı birimidir. (1pt = 1/72in) Örn: font-size:14pt</span></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">pc:</span></strong><span style="font-size: 19px;"> Pika. Bir inçin altıda birine eşit olan bir baskı ölçü birimi. Bir pika 12 noktaya bölünür. Örnek: font-size:2pc</span></div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><span style="color: #990000;">Yüzde Birimleri</span></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Yüzde değerleri her zaman diğer elementlere göre göreceli değerlerdir.</div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"> <span class="c" style="background-color: transparent; border: 0px; color: #75715e; font-style: italic; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/* elementin font-size değerinin %150 si dir */</span><br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">h4</span> <span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span> <br /> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">line-height</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="m" style="background-color: transparent; border: 0px; color: #ae81ff; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">150</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">%</span> <br /><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span><br /><span class="c" style="background-color: transparent; border: 0px; color: #75715e; font-style: italic; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/* satır genişliğinin 10% nu */</span><br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">p</span> <span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span> <br /> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">text-indent</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="m" style="background-color: transparent; border: 0px; color: #ae81ff; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">10</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">%</span> <br /><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span><br /></pre></div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><span style="color: #990000;">Renk Birimleri</span></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">CSS'de renk değerleri isim olarak ve RGB değeri olarak tanımlanabilir. RGB tanımlamasıda dört çeşittir.</div><h3 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 1.529em; font-weight: 400; line-height: 1.1; margin: 0.8em 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #0c343d;">Renk İsimleri</span></h3><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Renklerin ingilizce isimleri kullanılarak tanımlama yapılabilir.</div><div class="codehilite" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; color: white; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">p</span> <span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span><br /> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span><span class="nb" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">black</span><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span> <br /><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="c" style="background-color: transparent; border: 0px; color: #75715e; font-style: italic; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/* renk tanımı siyah olarak yapılıyor*/</span><br /><br /><span class="nt" style="background-color: transparent; border: 0px; color: #f92672; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">h1</span><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">{</span> <br /> <span class="k" style="background-color: transparent; border: 0px; color: #66d9ef; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">background-color</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">:</span> <span class="nb" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">red</span><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">;</span><br /><span class="p" style="background-color: transparent; border: 0px; color: #f8f8f2; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">}</span> <span class="c" style="background-color: transparent; border: 0px; color: #75715e; font-style: italic; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/* h1 başlığının ardalanı kırmızı tanımlanıyor */</span><br /></pre></div><h3 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 1.529em; font-weight: 400; line-height: 1.1; margin: 0.8em 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #cc0000;">RGB Renk Değerleri</span></h3><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">CSS'de renk tanımlamak için kullanılan asıl yöntem budur. RGB tanımlamanında dört çeşidi vardır.</div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">#RRGGBB :</span></strong><span style="font-size: 19px;"> Burada, </span><strong style="background-color: transparent; border: 0px; font-size: 19px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">RR</strong><span style="font-size: 19px;">, </span><strong style="background-color: transparent; border: 0px; font-size: 19px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">GG</strong><span style="font-size: 19px;">, ve </span><strong style="background-color: transparent; border: 0px; font-size: 19px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">BB,</strong><span style="font-size: 19px;">sırasıylakırmızı (red), yeşil (green) ve mavi (blue) renklerin toplam renk içindeki yoğunluğunu gösteren hekzadesimal sayılardır. Örnek: color:#ff0000; (kırmızı)</span></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">#RGB:</span></strong><span style="font-size: 19px;"> Yukardaki yöntemin kısaltmasıdır. Aynı değerleri taşıyan grup değerleri birleştirilir. Örnek: color:f00; (kırmızı)</span></div><div color:="color:" rgb="" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">rgb(R,G,B):</span><span style="font-size: 19px;"> </span></strong><span style="font-size: 19px;">Bu RGB renklerinin ondalık sayma düzeninde 0 ile 255 arasında bir tanımı vardır. Buna göre tanımlama yapılabilir. Örnek h1</span></div><div color:="color:" rgb="" style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">rgb(R%,G%,B%):</span><span style="font-size: 19px;"> </span></strong><span style="font-size: 19px;">Bu RGB renklerinin yüzdesel olarak %0 ile %100 arasında bir tanımı vardır. Buna göre tanımlama yapılır. Örnek: h1</span></div><h2 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 2em; font-weight: 400; line-height: 1.1; margin: 0px 0px 0.2em; outline: 0px; padding: 0.3em 0px 0px; vertical-align: baseline;"><span style="color: #cc0000;">URL Değerleri</span></h2><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">URL tanımlaması için aşağıdaki gib bir tanımlama yapılır.</div><div class="codehilite" style="background-color: white; border: 0px; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin: 0px 0px 12px; outline: 0px; padding: 0px; vertical-align: baseline;"><pre style="background-color: #333333; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 0px; outline: 0px; overflow: auto; padding: 10px; vertical-align: baseline;"><span style="color: #3d85c6;"><span class="nt" style="background-color: transparent; border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">url</span><span class="o" style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">(/</span><span class="nt" style="background-color: transparent; border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">images</span><span class="o" style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">/</span><span class="nt" style="background-color: transparent; border: 0px; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">kucuk</span></span><span class="nc" style="background-color: transparent; border: 0px; color: #a6e22e; font-weight: bold; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">.gif</span><span class="o" style="background-color: transparent; border: 0px; color: #f92672; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">)</span><span style="color: white;"><br /></span></pre></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Burada tırnaksız ve tek tırnaklı kullanımları da standarda uygundur.</div><div style="background-color: white; border: 0px; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: Cuprum, arial, serif; font-size: 1.529em; line-height: 1.1;"><span style="color: #274e13;">Açı Değerleri :</span></span></div><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">deg</strong>(derece), <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">grad</strong>(gradyen) ve <strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">rad</strong>(radyan) Örnek: -90deg, 100grad ve 1.57rad</div><h3 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 1.529em; font-weight: 400; line-height: 1.1; margin: 0.8em 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #274e13;">Zaman Değerleri:</span></h3><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">milisaniye (<strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ms</strong>) ve saniye (<strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">s</strong>) Örnek : 100ms ve 0.1s</div><h3 style="background-color: white; border: 0px; font-family: Cuprum, arial, serif; font-size: 1.529em; font-weight: 400; line-height: 1.1; margin: 0.8em 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="color: #073763;">Frekans Değerleri:</span></h3><div style="background-color: white; border: 0px; color: #000305; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 19px; line-height: 27px; margin-bottom: 1.143em; outline: 0px; padding: 0px; vertical-align: baseline;">Herz(<strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Hz</strong>) ve MegaHerz(<strong style="background-color: transparent; border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">mHz</strong>) Örnek: 10mHz</div><div class="rmzndgn">Benzer Aramalar: CSS Birimleri, CSS, CSS 2.0, Renkler, Css Kodları,</div>

CSS Öğreniyorum - CSS Birimleri

Birimler genelde mesafe ve renkleri tanımlamak için kullanılır. Birimleri dört gruba ayırabiliriz.   uzunluk   birimleri,   yüzde   birimler...

Devamı »

Turbobit-Letitbit-Upload ve +100 den Fazla Premium Linkleri Ücretsiz Çevir

<div class="separator" style="clear: both; text-align: center;"></div><br /><div class="separator" style="clear: both; text-align: center;"></div><img alt="Ücretsiz Turbobit Premium Hesabı" height="172" src="http://2.bp.blogspot.com/-Bnu57WfREYI/UmqTLxYLrBI/AAAAAAAAHMI/0dEPGJQ3nFE/s1600/ucretsiz-turbobit-premium-hesabi.png" style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid rgb(221, 221, 221); font-family: Tahoma; font-size: 12px; line-height: 24px; margin: 5px 0px 0px; padding: 2px; vertical-align: baseline;" title="Ücretsiz Turbobit Premium Hesabı" width="320" />        <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHk6UlecRjOW9W8hHAf3kZ1zyyx7UGgzzKjA88ZnT0TfNjWSZLDad7rCX-A3CYZ8-jQ7n_JY5WGA7k1N-HRMwIjrrB9W4t9cVxDpNUmR6X6d-USKCzAUUArUWnnSuQEXUOggeAQBq0MtA/s1600/image-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHk6UlecRjOW9W8hHAf3kZ1zyyx7UGgzzKjA88ZnT0TfNjWSZLDad7rCX-A3CYZ8-jQ7n_JY5WGA7k1N-HRMwIjrrB9W4t9cVxDpNUmR6X6d-USKCzAUUArUWnnSuQEXUOggeAQBq0MtA/s1600/image-2.png" width="200" /></a><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCD_eC8TDXa1bezJCKTH7hxvb2FIlzc13yR0nYfVOEnb5qIvWxsA6FzBuj0AphfWCo0QUxZc4He9fV4J9wqtdpaUAH4FaFHhoFpIQVycdeUe6sfP4BnAHLKTmjh8hpwiJgSjVmsCJlF_4/s1600/Uploaded_NET+Logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCD_eC8TDXa1bezJCKTH7hxvb2FIlzc13yR0nYfVOEnb5qIvWxsA6FzBuj0AphfWCo0QUxZc4He9fV4J9wqtdpaUAH4FaFHhoFpIQVycdeUe6sfP4BnAHLKTmjh8hpwiJgSjVmsCJlF_4/s1600/Uploaded_NET+Logo.jpg" width="320" /></a><br /><br /><span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 24px;">Hepimiz biliyoruz ki internet üzerinden bir program veya oyun indireceğimizde açılan sayfada dosyanın ne kadar zamanda indirileceği hakkında bir zaman yazmakta. Biz tabiki o kadar süre internette kalamıyoruz ve torrent aramak zorunda kalıyoruz. Artık torrent aramaya gerek kalmayacak ve 7 gün olmak üzere turbobit premium hesabı yapacağız. </span><br /><span style="background-color: white;"><br /></span><br /><ul style="font-family: Tahoma; font-size: 12px; line-height: 24px; margin: 0px; padding: 0px;"><li style="list-style: none inside url(http://4.bp.blogspot.com/-04J2SaK9pT8/UjXNn0DimzI/AAAAAAAAG5M/xWIJjB49_Nc/s1600/3.png); margin: 0px; padding: 2px;"><span style="background-color: white;"><a href="http://premiumize.me/" rel="nofollow" style="border: 0px; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"><b style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: red;">Buraya</span></b></a> adrese tıklayarak siteye girelim.</span></li><li style="list-style: none inside url(http://4.bp.blogspot.com/-04J2SaK9pT8/UjXNn0DimzI/AAAAAAAAG5M/xWIJjB49_Nc/s1600/3.png); margin: 0px; padding: 2px;"><span style="background-color: white;">Siteye girdikten sonra üstte bulunan <b style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: red;">Create New Account</span> </b>adında ki linke tıklayalım.</span></li><li style="list-style: none inside url(http://4.bp.blogspot.com/-04J2SaK9pT8/UjXNn0DimzI/AAAAAAAAG5M/xWIJjB49_Nc/s1600/3.png); margin: 0px; padding: 2px;"><span style="background-color: white;">Açılan sayfada gerekli tüm alanları kendinize göre doldurun yalnız e-mail adresiniz kullandığınız bir mail olsun. (onay kodu mail adresinize gelecek.)</span></li><li style="list-style: none inside url(http://4.bp.blogspot.com/-04J2SaK9pT8/UjXNn0DimzI/AAAAAAAAG5M/xWIJjB49_Nc/s1600/3.png); margin: 0px; padding: 2px;"><span style="background-color: white;">Formu tamamladıktan sonra mailimize gelen onay işleminide tamamladıktan sonra hesabımıza giriş yapalım ve <b style="border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: red;">Buy Premium</span></b> yazısına tıklayalım.</span></li><li style="list-style: none inside url(http://4.bp.blogspot.com/-04J2SaK9pT8/UjXNn0DimzI/AAAAAAAAG5M/xWIJjB49_Nc/s1600/3.png); margin: 0px; padding: 2px;"><span style="background-color: white;">Açılan sayfa da karşınıza 7 günlük ücretsiz premium yazısı gelecek ve altında telefon numaranızı yazabileceğiniz boş bir alan olacak oraya telefon numaranızı yazın ve telefon numaranıza gelen onay kodunu da ilgili kutucuğa yazıktan sonra 7 günlük ücretsiz olarak turbobit premium linklerinizi çevirebilirsiniz.</span></li></ul><br /><div class="rmzndgn">Benzer Aramalar: Turbobit, Letitbit, Upload, Link Çeviri, Premium Link Oluşturma,</div>

Turbobit-Letitbit-Upload ve +100 den Fazla Premium Linkleri Ücretsiz Çevir

         Hepimiz biliyoruz ki internet üzerinden bir program veya oyun indireceğimizde açılan sayfada dosyanın ne kadar zamanda indirileceği...

Devamı »

İnternet Download Manager 6.18 Tam Sürüm İndir

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVezEYvklGKwYum5szXUwy4pzQlt3_R15R6tyD95RZvONzTs1e-hqRBf-cuUousz15hiXcpTn7pnLFMrh3QLHOc1f0JNjS9VNn6LVSokmUZGbO62LJs6b9b16zbcPKtTsdadJscQp0wgw/s1600/idman.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVezEYvklGKwYum5szXUwy4pzQlt3_R15R6tyD95RZvONzTs1e-hqRBf-cuUousz15hiXcpTn7pnLFMrh3QLHOc1f0JNjS9VNn6LVSokmUZGbO62LJs6b9b16zbcPKtTsdadJscQp0wgw/s1600/idman.gif" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both;"><span style="color: #990000; font-size: large;"><b>1)</b></span> <span style="color: #0c343d;">Bilgisayarınızda IDM kurulu ise kaldırınız ve bilgisayarınızı yeniden başlatınız.</span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="color: #990000; font-size: large;"><b>2)</b></span> <span style="color: #073763;">Programı kurun, sahte serial hatası verir önemsemeyin. </span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="color: #990000; font-size: large;"><b>3)</b></span> <span style="color: #073763;">Programı kapatın, saatin oradada kapalı olduğundan emin olun.</span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="color: #990000; font-size: large;"><b>4)</b></span> <span style="color: #073763;">Patch dosyasını programın kurulu olduğu yere kopya edin ve çalıştırın.</span> </div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="color: #990000; font-size: large;"><b>5)</b></span> <span style="color: #073763;">Patch ad ve soyadı sorar onları girin (sallasanızda olur ama birşeyler yazın IDM Hakkında</span></div><div class="separator" style="clear: both;"><span style="color: #073763;"><br /></span></div><div class="separator" style="clear: both;"><span style="color: #073763;">alanında görünür) </span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b><span style="color: #783f04; font-size: large;">Not :</span></b><span style="color: #4c1130;"><b>Windows 7, Vista veya Windows 8 kullanıyorsanız bu işlemi yönetici olarak yapın.</b></span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><br /></div><a class="button big gray" href="http://adf.ly/ZMJLQ" target="_blank">Alternatif 1</a><a class="button big blue" href="http://adf.ly/ZMJXn" target="_blank">Alternatif 2</a><a class="button big orange" href="http://adf.ly/ZMJom" target="_blank">Alternatif 3</a><br /><div class="rmzndgn">Benzer Aramalar: İnternet Download Manager 6.18 Tam Sürüm İndir, 6,18 İDM, İDM, Tam Sürüm Programlar,</div>

İnternet Download Manager 6.18 Tam Sürüm İndir

1) Bilgisayarınızda IDM kurulu ise kaldırınız ve bilgisayarınızı yeniden başlatınız. 2) Programı kurun, sahte serial hatası verir önemseme...

Devamı »

HTML5 Resimli Slider - Jquery Slider

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBScLM7tLdoWDa7UoP609RxW_MqAnzk5u_gMWLZdUjF6wPf5cejLVlpSksIvz1527hRL0cs3Z3fQW1ISvjr1dhHEzG_qh9Q4CwHXPKm5X4XMIy5SHQugbdtTV-_XoGhgkr-Y2SALJCUeQ/s1600/832798dc465b1bf6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBScLM7tLdoWDa7UoP609RxW_MqAnzk5u_gMWLZdUjF6wPf5cejLVlpSksIvz1527hRL0cs3Z3fQW1ISvjr1dhHEzG_qh9Q4CwHXPKm5X4XMIy5SHQugbdtTV-_XoGhgkr-Y2SALJCUeQ/s1600/832798dc465b1bf6.jpg" width="320" /></a></div><br /><a class="button big blue" href="http://thecodeplayer.com/walkthrough/css3-image-slider-with-stylized-thumbnails" target="_blank">Demo</a> <br /><br />Blogger Şablon Menüsünden HTML'i Düzenleye  tıklayınız. Sonra  <span style="color: red;">]]></b:skin></span> kodunun üzerine aşagıdaki CSS kodlarını oraya yapıştırınız.<br /><br /><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 6px; overflow: auto; padding: 5px; width: 100%;"><span style="color: #888888;"><span style="font-size: 12px; line-height: 14px;">/*Time for the CSS*/<br />* {margin: 0; padding: 0;}<br />body {background: #ccc;}<br /> <br />.slider{<br /> width: 640px; /*Same as width of the large image*/<br /> position: relative;<br /> /*Instead of height we will use padding*/<br /> padding-top: 320px; /*That helps bring the labels down*/<br /> <br /> margin: 100px auto;<br /> <br /> /*Lets add a shadow*/<br /> box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);<br />}<br /> <br /> <br />/*Last thing remaining is to add transitions*/<br />.slider>img{<br /> position: absolute;<br /> left: 0; top: 0;<br /> transition: all 0.5s;<br />}<br /> <br />.slider input[name='slide_switch'] {<br /> display: none;<br />}<br /> <br />.slider label {<br /> /*Lets add some spacing for the thumbnails*/<br /> margin: 18px 0 0 18px;<br /> border: 3px solid #999;<br /> <br /> float: left;<br /> cursor: pointer;<br /> transition: all 0.5s;<br /> <br /> /*Default style = low opacity*/<br /> opacity: 0.6;<br />}<br /> <br />.slider label img{<br /> display: block;<br />}<br /> <br />/*Time to add the click effects*/<br />.slider input[name='slide_switch']:checked+label {<br /> border-color: #666;<br /> opacity: 1;<br />}<br />/*Clicking any thumbnail now should change its opacity(style)*/<br />/*Time to work on the main images*/<br />.slider input[name='slide_switch'] ~ img {<br /> opacity: 0;<br /> transform: scale(1.1);<br />}<br />/*That hides all main images at a 110% size<br />On click the images will be displayed at normal size to complete the effect<br />*/<br />.slider input[name='slide_switch']:checked+label+img {<br /> opacity: 1;<br /> transform: scale(1);<br />}<br />/*Clicking on any thumbnail now should activate the image related to it*/<br /> <br />/*We are done :)*/<br /></span></span><span style="color: #888888; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;"><span style="font-size: 12px; line-height: 14px;"><br /></span></span></pre><br />Blogger <span style="color: red;">Yerleşim</span> Menüsünden <span style="color: red;">Gadget Ekle</span> ' ye tıklayınız. Sonra  <span style="color: red;">HTML/Java Script</span> ' i seçiniz. Aşağıdaki kodları oraya yapıştırınız.<br /><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 6px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><span style="color: #888888;"><!--<br />We will make a slider with stylized thumbnails using CSS3<br />The markup is very simple:<br />Radio Inputs<br />Labels with thumbnails to detect click event<br />Main Image<br />--><br /><div class="slider"><br /> <input type="radio" name="slide_switch" id="id1"/><br /> <label for="id1"><br /> <img src="</span><span style="color: red;">http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg</span><span style="color: #888888;">" width="100"/><br /> </label><br /> <img src="</span><span style="color: red;">http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg</span><span style="color: #888888;">"/><br /> <br /> <!--Lets show the second image by default on page load--><br /> <input type="radio" name="slide_switch" id="id2" checked="checked"/><br /> <label for="id2"><br /> <img src="</span><span style="color: red;">http://thecodeplayer.com/uploads/media/40Ly3VB.jpg</span><span style="color: #888888;">" width="100"/><br /> </label><br /> <img src="</span><span style="color: red;">http://thecodeplayer.com/uploads/media/40Ly3VB.jpg</span><span style="color: #888888;">"/><br /> <br /> <input type="radio" name="slide_switch" id="id3"/><br /> <label for="id3"><br /> <img src="</span><span style="color: red;">http://thecodeplayer.com/uploads/media/00kih8g.jpg</span><span style="color: #888888;">" width="100"/><br /> </label><br /> <img src="</span><span style="color: red;">http://thecodeplayer.com/uploads/media/00kih8g.jpg</span><span style="color: #888888;">"/><br /> <br /> <input type="radio" name="slide_switch" id="id4"/><br /> <label for="id4"><br /> <img src="</span><span style="color: red;">http://thecodeplayer.com/uploads/media/2rT2vdx.jpg</span><span style="color: #888888;">" width="100"/><br /> </label><br /> <img src="</span><span style="color: red;">http://thecodeplayer.com/uploads/media/2rT2vdx.jpg</span><span style="color: #888888;">"/><br /> <br /> <input type="radio" name="slide_switch" id="id5"/><br /> <label for="id5"><br /> <img src="</span><span style="color: red;">http://thecodeplayer.com/uploads/media/8k3N3EL.jpg</span><span style="color: #888888;">" width="100"/><br /> </label><br /> <img src="</span><span style="color: red;">http://thecodeplayer.com/uploads/media/8k3N3EL.jpg</span><span style="color: #888888;">"/><br /></div><br /> <br /><!-- We will use PrefixFree - a script that takes care of CSS3 vendor prefixes<br />You can download it from http://leaverou.github.com/prefixfree/ --><br /><script src="http://thecodeplayer.com/uploads/js/prefixfree.js" type="text/javascript"></script></span></code><span style="color: #888888;"><br /></span></pre><br /><span style="color: red;"><b>Kırmızı</b></span> renkle yazılmış olan kodlar resim linkleridir.<br /><br /><div class="rmzndgn">Benzer Aramalar: HTML5 Resimli Slider, Jquery Slider, HTML5, Blogger Eklentileri,</div>

HTML5 Resimli Slider - Jquery Slider

Demo Blogger Şablon Menüsünden HTML'i Düzenleye  tıklayınız. Sonra   ]]></b:skin> kodunun üzerine aşagıdaki CSS kodlarını ora...

Devamı »

Kaspersky İnternet Security 2014 - İngilizce

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBHLod7cMNq8R3pKbACH8fEZAkR5F-uUScg0N9gC-idN1zVR5ktDAff9vNFbKDHjOzaA1q4-A_XYYOe4E5ikUsXmJ8TcIk6g4toeqpErcUbR5-N6-DU3W-UJBYBpcdfbfe0dkBJmE0PgU/s1600/kas_2014.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBHLod7cMNq8R3pKbACH8fEZAkR5F-uUScg0N9gC-idN1zVR5ktDAff9vNFbKDHjOzaA1q4-A_XYYOe4E5ikUsXmJ8TcIk6g4toeqpErcUbR5-N6-DU3W-UJBYBpcdfbfe0dkBJmE0PgU/s1600/kas_2014.png" width="128" /></a></div><br />       Merhaba Arkadaşlar sizlere daha kaspersky şirketinin piyasaya sürmememiş olduğu Kaspersky İnternet Securty 2014 programını paylaşacağım.Sizinde bildiğiniz gibi kaspersky güvenilir bir marka olduğudan dolayı tercih ediliyor.<br /><br />       Bizzat ben dahi kaspersky kullanıyorum. Benim bilgisayarımı daha iyi koruduğunu iddaa ediyorum sizlere internet üzerinde olabilecek saldırılara karşı, bilgisayarınızda ki herşeyi koruyabilen bir program olduğunu söyleyebilirim.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG47KFxPdjukg1sTqYIi8vlmYFLdIZmc1-Pu8hKrdFTyZ23fzbTPAXI_xXAXZYU1M1vgmEi8o_TRsGS6Tf8vlFeBVNDz0e73xQQV_7CUEeso9UKVbcLug0mmoHlicRDDK0dNmf2y_TtQY/s1600/kaspersky-internet-security-2014.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG47KFxPdjukg1sTqYIi8vlmYFLdIZmc1-Pu8hKrdFTyZ23fzbTPAXI_xXAXZYU1M1vgmEi8o_TRsGS6Tf8vlFeBVNDz0e73xQQV_7CUEeso9UKVbcLug0mmoHlicRDDK0dNmf2y_TtQY/s1600/kaspersky-internet-security-2014.png" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK5STeztqaIhq1-mQupDxlhOZdVPGCP9NdklFpWh95OahP-1hTteMvR9jffBreHTS94NpBlGOJ6j5bTIOoukuLoclUCPCB6ary29xKffT7w1N3fFMRRLZGejtXNihf9rkDZC8jfUki1fw/s1600/kaspersky_internet_security_2014.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK5STeztqaIhq1-mQupDxlhOZdVPGCP9NdklFpWh95OahP-1hTteMvR9jffBreHTS94NpBlGOJ6j5bTIOoukuLoclUCPCB6ary29xKffT7w1N3fFMRRLZGejtXNihf9rkDZC8jfUki1fw/s1600/kaspersky_internet_security_2014.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: large;"><span style="background-color: white;"><span style="color: #990000;"><a href="http://www.propaylasim.com/2013/10/kaspersky-antivirus-internet-security.html" rel="nofollow" target="_blank">>>>2014 Keylerine Buradan Bakabilirsiniz...<<< </a></span></span> </span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="abt-button"><a href="http://adf.ly/Ytkow">Download</a> <br /><div class="up">SkyDrive</div><div class="down">238 MB.rar</div></div><br /><br /><div class="rmzndgn">Benzer Aramalar: Kaspersky İnternet Security 2014 - İngilizce, İnternet Security 2014, 2014,  Kaspersky,</div>

Kaspersky İnternet Security 2014 - İngilizce

       Merhaba Arkadaşlar sizlere daha kaspersky şirketinin piyasaya sürmememiş olduğu Kaspersky İnternet Securty 2014 programını paylaşacağ...

Devamı »

Android Cihazınızı Hızlandırmanın 5 Yolu

<section class="mainArticleContent" style="background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px;"><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Android akıllı telefonunuz ya da tabletinizle ilişkinizin üç aşaması vardır. Birinci aşama, telefonunuzu ilk aldığınız ve aşık olduğunuz zamandır. Onu keşfetmek gününüzün en keyifli aktivitesidir. Hatta karşılıklı rakı sofrasına bile oturmak isteyebilirsiniz. İkinci aşama, telefonunuzla ruh ikizi olduğunuz anlardır. Telefonunuz sizi anlar, siz onu anlarsınız, en yakın arkadaşınızdır ve sizi yolda bırakmaz. Üçüncü aşamada aranız yavaş yavaş bozulmaya başlar. A<span class="adtext" id="adtext_2" style="border-left-color: transparent; border-right-color: transparent; border-style: solid; border-top-color: transparent; border-width: 1px; color: #0000d5; cursor: pointer; display: inline !important; float: none; list-style: none; margin: 0px; outline: 0px; padding: 0px; text-decoration: underline; vertical-align: baseline;">rtı</span>k eskisi gibi hızlı değildir. Bir uygulamadan diğerine geçişte, hatta ana pencereye dönüşte bile sizi üzer. Olmadık zamanlarda uygulamalarınız donar. Bir süre sonra yavaş yavaş yaşam sevincinizi emmeye başlar; ya kırıp parçalamayı ya da satmayı düşünürsünüz. Sizin de, bir zamanlar sular seller gibi akan Android cihazınız, şu günlerde yamuk mu yapıyor? O kadar ki, cihazı satsam mı ne yapsam diye mi düşünüyorsunuz? Bu böyle devam etmek zorunda değil. Boşu boşuna bir iki sene önce aldığınız cihazı satmayın. Bu basit adımları izleyerek cihazınızı hızlandırın; hatta yepyeni gibi olsun.</div><figure style="border: 0px; margin: 1.8rem 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="xperia sp l 13" src="http://fs01.androidpit.info/userfiles/4155894/image/xperia-sp-l-13.jpg" style="border: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /><figcaption style="color: #666666; font-size: 1.2rem; margin-bottom: 1.4rem;"><br /></figcaption></figure></section><section class="mainArticleContent" style="background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px;"><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Kullanmadığınız uygulamaları silin ya da deaktive edin</strong></div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Cihazınızın dahili belleğinde bir depolama sınırı var ve ne kadar az yeriniz kalırsa, cihazınız o kadar yavaşlayacaktır. Eğer cihazınızı fotoğraflar, müzik, uygulamalar ile doldurduysanız, kullanmadığınız uygulamaları, fotoğrafları ya da ses dosyalarını silmek, yer açacaktır. Ya da dosyalarınızı Dropbox ve ya Google Drive gibi cloud depolama servislerine taşıyabilirsiniz.</div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Cihazınızın Ayarlar menüsünden Uygulamalar menüsüne girip, silmek istediğiniz uygulamayı silerek ya da deaktive ederek yer açabilirsiniz. Üreticinin ya da mobil operatörünün en baştan cihaza koyduğu uygulamalar silinemez ancak deaktive edilebilir ya da uygulama çekmecisine saklanabilir. Bunları silmek istiyorsanız, cihazınızı root etmeniz gerekir ki bu riskli bir işlemdir. Ancak root işlemi telefonunuzun hızını ve performansını inanılmaz derecede arttırır. Hatalı yaparsanız da, ne yazık ki telefonunuz ölebilir.</div><figure style="border: 0px; margin: 1.8rem 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="uygulamasilme" src="http://fs02.androidpit.info/userfiles/5026594/image/uygulamasilme.jpg" style="border: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></figure><figure style="border: 0px; margin: 1.8rem 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><br /><figcaption style="color: #666666; font-size: 1.2rem; margin-bottom: 1.4rem;">Hızı arttırmak için kullanmadığınız uygulamaları silin</figcaption></figure><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Bazı akıllı telefonlar ve tabletlerin, ekstra depolama yapabilecekleri micro SD kartı oluyor. Telefonunuzdaki uygulamaları ya da dosyaları SD kartınıza da taşıyabilirsiniz. Bunu Ayarlar’dan Uygulama Menü’süne girip, taşımak istediğiniz uygulamanın üzerine basıp, “SD’e karta taşı” seçeneği ile yapabilirsiniz.</div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Uygulama cachelerini silin</strong></div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Cache verileri zamanla uygulamalarınızda birikir ve cihazınızın performansını kötü yönde etkiler. Teker teker cacheleri silmek, Uygulama Menüsü’nden yapılabilir ancak Google Play Store’da bunu sizin için yapabilecek bir sürü ücretsiz uygulama var. Bunların popüler olanlarından ikisi <a href="http://www.androidpit.com.tr/tr/android/piyasa/uygulamalar/uygulamalar/com.gn.cleanmaster/Android-Cleaner-Clean" sl-processed="1" style="border: 0px; color: #769c11; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_top">Android Cleaner (Clean)</a> ve <a href="http://www.androidpit.com.tr/tr/android/piyasa/uygulamalar/uygulamalar/com.cleanmaster.mguard/Clean-Master" sl-processed="1" style="border: 0px; color: #769c11; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_top">Clean Master</a>.</div><figure style="border: 0px; margin: 1.8rem 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="idil2" src="http://fs01.androidpit.info/userfiles/5026594/image/idil2.jpg" style="border: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /></figure><figure style="border: 0px; margin: 1.8rem 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><br /><figcaption style="color: #666666; font-size: 1.2rem; margin-bottom: 1.4rem;">Clean Master'ın kullanımı oldukça kolay</figcaption></figure><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Widgetları ve canlı duvar kağıtlarını sınırlandırın</strong></div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Bir sürü kullanıcı, bir Android cihaza sahip olmanın en keyifli yanlarından birinin widgetlar olduğunu savunacaktır. Widgetlar bir uygulamayı açmaya gerek kalmadan hemen bilgiye ulaşmanız sağlar. Ancak aynı zamanda pil ömrünüzü yer ve cihazınızı yavaşlatır.</div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Widgetlarınızın sayısını düşürmek, özellikle de Facebook gibi datayı yoğun kullanan uygulamaların, akıllı telefon ya da tabletinizin daha hızlı çalışmasını ve pilinin daha çok dayanmasını sağlar. Bu silmek istediğiniz widgetları, ana ekranda, üzerine uzunca basıp çöp kutusuna taşıyarak yapabilirsiniz.</div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Bir diğer keyifli Android özelliği de arka plana canlı duvar kağıdı kullanabiliyor olmanız. Ancak aynen widgetlar gibi, duvar kağıtları da cihazınızı yavaşlatır ve pil ömründen yer. Duvar kağıdınızı da ana ekrana uzunca basarak değiştirebilirsiniz.</div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Animasyonları iptal edin</strong></div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Android’de gizli saklı olan bu özellik, daha önce cebinizde olduğunu bilmediğiniz fonksiyonlara bile izinler verir. Geliştirici Seçenekleri’nden yapılan bu özel ayarlar birçok özelliği değiştirmenizi sağlar ancak sadece ileri seviyedeki kullanıcılar bunları değiştirmelidir. Eğer ne yaptığınızı bilmiyorsanız, bu ayarlara dokunmayın.</div><figure style="border: 0px; margin: 1.8rem 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><img alt="animasyonkapama" src="http://fs02.androidpit.info/userfiles/5026594/image/animasyonkapama.jpg" style="border: 0px; height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" /><figcaption style="color: #666666; font-size: 1.2rem; margin-bottom: 1.4rem;">Siz farketmeden telefonunuzu yavaşlatan özelliklerden bir tanesi / © AndroidPIT</figcaption></figure><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Cihazınızı hızlandırabilecek bir güzellik, animasyonları deaktive etmektir. Bunu yapmak için, Geliştirici Seçenekleri’ndeki Pencere Animasyonu Ölçeği, Geçiş Animasyonu Ölçeği ve Animatör Süre Ölçeği seçeneklerinin durumunu Animasyon Kapalı haline getirin. İlk bu ayarların değiştirilmesine izin verilmeyebilir. Onu Geliştirici seçeneklerinin tam yanındaki tuşu açarak, düzenlenebilir hale getirebilirsiniz. Çıkarken bunu kapamayın. Animasyonları deaktive ettiğinizde belki cihazınızın arayüzü çok çılgın animasyonlara sahip olmayacak ancak donmalar ve gecikmeler çok daha azalacak.</div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Yazılım güncellemelerini yaptığınızdan emin olun</strong></div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Yazılım güncellemelerini gözardı etmeyin. Üreticiler bu güncellemeleri cihazılara boşuna koymuyor. Bazı güvenlik ayarlarını ya da hata çözümlerini kullanıcılara kavuşturmak için bile güncelleme koyuyorlar ve cihazınızın daha dengeli çalışması için uğraşıyorlar. Bu güncellemeleri görmek için, Ayarlar’dan, Telefon Hakkında’ya gidip, Sistem Güncellemeleri seçeneklerine bakabilirsiniz.</div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Risk almayı sevenler ve ileri derecedeki Android kullanıcıları aynı zamanda telefonlarını root da edebilirler ve bunu yapmak Android evreninde size tamamen yeni kapılar açar. Yepyeni özellikler ve harika performans arttırıcılar arasında kendinizi kaybedebilirsiniz. Root yapmak cihazınızın oldukça hızlanmasını sağlar, custom ROM yükleyebilir ve daha birçok şey yapabilirsiniz. Ancak güvenliğiniz azalır, telefonunuza virüs girmesi daha kolay olur ve tam ne yaptığınızı bilmiyorsanız, cihazınıza zarar verebilirsiniz; hatta cebiniz tamamen ölüp, elinizde bile kalabilir. Onun için Android’e yeni başlayanlara ya da internet, arama, mesaj atma, oyun oynama, uygulama kullanma gibi gündelik ihtiyaçlar için cihazını kullananlara önermiyoruz.</div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;">Android cihazların hızını ve performansını arttırma konusunda başka yöntemler biliyorsanız bizimle paylaşın. Sorunlarınız varsa forum’dan bize ve diğer AndroidPIT takipçilerine sorabilirsiniz. Eğer yararlı uygulamalar biliyorsanız da bilginizi bizden esirgemeyin. Artık yepyeni gibi çalışan Android cihazınızla mutluluklar.</div><div style="border: 0px; line-height: 1.5; margin-bottom: 1.4rem; margin-top: 1.4rem; outline: 0px; padding: 0px; vertical-align: baseline;"><a href="http://www.androidpit.com.tr/android-cihazinizi-hizlandirmanin-5-yolu" rel="nofollow" target="_blank">KAYNAK:</a></div></section><div class="rmzndgn">Benzer Aramalar: Android Cihazınızı Hızlandırmanın 5 Yolu, Android Cihazı Hızlandırma, Android,</div>

Android Cihazınızı Hızlandırmanın 5 Yolu

Android akıllı telefonunuz ya da tabletinizle ilişkinizin üç aşaması vardır. Birinci aşama, telefonunuzu ilk aldığınız ve aşık olduğunuz zam...

Devamı »