CSS ile Zemin resmini değiştirme
Bu yazımızda CSS ile zemin rengini değiştirmeyi inceleyeceğiz. Web tasarım işlemlerinde çok sık rastladığımız bir olayı yapacağız, logoyu zeminde tekrarlattıracağız. Bu işlem için aşağıdaki kod satırını kullanacağız.
background-image: url('logo.png');

Yukarıdaki kod satırı ile logo.png dosyasını web sitemizin zemininde yatayda ve dikeyde tekrarlattırıyoruz. Sadece yatayda tekrarlatmak için aşağıdaki kod satırını yazıyoruz.
background-repeat:repeat-x;

Sadece dikeyde tekrarlatmak için aşağıdaki kod satırını yazıyoruz.
background-repeat:repeat-y;

Tüm kodları aşağıda bulabilirsiniz, bu kodları kopyalayıp kaydedebilirsiniz, dosya uzantısını htm veya html kaydetmeyi unutmayınız.
<!DOCTYPE html>
<html>
<head>
<title>Zemin Logo Örneği</title>
<style type="text/css">
body{
background-image: url('logo.png');
}
.beyaz{color:#FFF;}
</style>
</head>
<body>
<h1 class="beyaz">Zemine Logo</h1>
</body>
</html>
Mutlu kodlamalar,
Oğuzhan TAŞ
Aralık, 2017
Aşağıdaki kodlarda ise logomuzun no-repeat ile tekrarlanmasını önleyip sonra yatayda ve dikeyde ortalıyoruz. İlk parametre dikeyde hizalamak için kullanılır, bu parametre top(üst), bottom(alt), center(merkez) olabilir. İkinci parametre ise yatayda hizalamak için kullanılır, bu parametre left(sol), right(sağ), center(merkez) olabilir.
background-image: url('logo.png');
background-repeat : no-repeat;
background-position:center center;
Mutlu kodlamalar,
Oğuzhan TAŞ
Aralık, 2017

Dil Değiştir(Change Language)
Kategoriler
- Csharp(58)
- Csharp Formlar(23)
- Web Tasarım(9)
- CSS(27)
- JavaScript(37)
- PHP(50)
- Laravel(3)
- ASP.net(38)
- Excel(15)
- Güvenlik(4)
- E-Ticaret(3)
- Kariyer(5)
- SQL Server(29)
- MySQL(16)
- Linux(17)
- MacOSX(8)
- Ayarlar(12)
- Bilgisayar Ağları(3)
- Symfony(1)
- Teknoloji(7)
- VBS(1)
- Arduino(6)
- RaspberryPi(1)
- Algoritmalar(15)
- HTML(3)
- Python(2)
- Bash Script(7)
- C Programlama(10)
- Flutter - Dart(11)
- Bootstrap(1)
En çok Okunan 18 Makale
- :: Excelde EĞER Fonksiyonu Kullanımı...
- :: Csharp ile Access Veritabanı Bağlan...
- :: SQL nedir, Temel SQL Komutları nele...
- :: Hangi Linux Dağıtımı?
- :: OSX İşletim Sistemine PHP, MySQL, A...
- :: Excel Hesap tablosunda EĞERSAY Fonk...
- :: PHP dilini kullanarak MySQLi tekniğ...
- :: Excel Hesap tablosunda ÇOKETOPLA Fo...
- :: Excel Hesap tablosunda ETOPLA Fonks...
- :: Excel Hesap tablosunda ÇOKEĞERSAY F...
- :: Hangi Programlama Dilini Öğrenmeliy...
- :: Mac Bilgisayarınıza Windows 7 Yükle...
- :: PHP ile Basit Dosya Yükleme
- :: Excel hücrelerinde yıldız koyarak b...
- :: C# Programlama Dili ile İlgili Örne...
- :: PHP Dili kullanarak MySQLi Tekniği ...
- :: PhpMyAdmin Şifresi Nasıl Değiştiril...
- :: Hangisi acaba, PHP mi ASP.NET mi ?