Kategorileri Aç / Kapat
CSS ile İçinden Çizgi Geçen Yazı Yapımı (Responsive)

CSS ile İçinden Çizgi Geçen Yazı Yapımı (Responsive)

CSS ile İçinden Çizgi Geçen Yazı Yapımı (Responsive)
Bir süredir sadece CSS ve HTML kullanarak içerisinden çizgi geçen yazı yapımı ile ilgili birçok kaynak araştırıyorum. JavaScript versiyonu da var, jQuery versiyonu da. Ancak ben tam Responsive olan ve küçük ekranlarda da sorunsuz çalışan bir kodlama yapmak istiyordum. Bu yüzden sizler için bir kod dizisi derledim ve hemen paylaşıyorum. Aşağıdaki kodları kullanarak siz de farklı bir başlık kullanımı elde edebilirsiniz. Tamamen Responsive.

CSS ile İçinden Çizgi Geçen Yazı Yapımı (Responsive)


1) CSS kodlarımız aşağıdaki gibidir.

.sidebar h2{
margin-right:0!important;
padding-left:0!important;
position:relative;
text-align:left;
overflow:hidden;
margin-left:0!important;
}
.sidebar h2:after{
content: "";
display: block;
border-top: 2px solid #374760;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
z-index: 0;
}
.sidebar h2 span {
padding-right:10px!important;
background: #fff!important;
display: inline-block;
position: relative!important;
z-index: 1!important;
}

2) HTML kodumuz ise aşağıdaki gibidir.

<h2 class='title'><span>Arama</span></h2>

Örnek Görünüm

CSS ile İçinden Çizgi Geçen Yazı Yapımı (Responsive)
Blogger'da Gadget Başlığı Eklememe Yöntemi (İpucu)

Blogger'da Gadget Başlığı Eklememe Yöntemi (İpucu)

Blogger'da Gadget Başlığı Eklememe Yöntemi (İpucu)
Bildiğiniz gibi Blogger'da Resim ekleme ve İletişim formu gadget'larını eklerken, bir başlık eklenmesi zorunlu kılınmıştır. Ancak tasarımınıza göre bu gadget'lara bir title belirtmek istemeyebilirsiniz. Ben de öyle düşünüyorum çünkü. Bunun için aşağıdaki kodu, muhtemelen dünyadaki en kolay ancak faydalı ipucu olacak ama, başlık kısmına eklemeniz yeterli olacaktır. Ardından gadget kayıt ederek, başlık eklenmeden, boş bir şekilde ekleme yapabilirsiniz.

AYRICA: Blogger için 125x125 Banner Alanları Oluşturmak

Blogger'da Gadget Başlığı Eklememe Yöntemi (İpucu)


Blogger'da Gadget Başlığı Eklememe Yöntemi (İpucu)

<!– –>
Blogger Tema Sıkıştırma Nasıl Yapılır? Öğrenelim!

Blogger Tema Sıkıştırma Nasıl Yapılır? Öğrenelim!

Blogger Tema Sıkıştırma Nasıl Yapılır? Öğrenelim!
Blogger'ın tema yapısı bildiğiniz gibi XML. Dolayısı ile arzu ederseniz teker teker CSS veya JavaScript kodlarını minimize edebilirsiniz. Ancak bunlarla uğraşmak yerine, direkt Blogger temanızdaki tüm XML yapısındaki kodları sıkıştırabilmeniz de mümkündür. Bunun için ise HTML Compressor adlı sitesine giriş yapın. Code type adlı açılır menüden Blogger seçeneğini aktive edin. Ardından tema kodlarını ekleyerek, sıkıştırmayı tamamlayabilirsiniz.

AYRICA: Blogger için Yönetici Kontrol Paneli Yapalım

Blogger Tema Sıkıştırma Nasıl Yapılır? Öğrenelim!


Blogger Tema Sıkıştırma Nasıl Yapılır? Öğrenelim!
Yandex Browser'daki "Dosya Daha Önce İndirildiyse Uyar" Nedir? Ne İşe Yarar?

Yandex Browser'daki "Dosya Daha Önce İndirildiyse Uyar" Nedir? Ne İşe Yarar?

Yandex Browser'daki "Dosya Daha Önce İndirildiyse Uyar" Nedir? Ne İşe Yarar?
Sanırım Yandex Browser'ı her geçen gün daha da çok seviyorum. Çünkü birçok tarayıcıda olmayan özellikleri ile oldukça ilgi çekici bir tarayıcı hâline geldiği bir gerçek. Yandex Browser, daha önce indirdiğiniz aynı dosyaları tekrar indirmemeniz için sizleri uyaran bir özelliğe sahip. Bu özelliği aktif etmenizi öneriyorum. Bu şekilde aynı dosyaları birden fazla indirmenize gerek kalmayacak, daha doğrusu yanlışlıkla aynı dosyayı birden fazla kez indirmemiş olacaksınız. Görsel hemen aşağıda.

AYRICA: Yandex Browser Uygunsuz Reklam Engelleme Nasıl Yapılır?

Yandex Browser'daki Dosya Daha Önce İndirildiyse Uyar Nedir?


Yandex Browser'daki "Dosya Daha Önce İndirildiyse Uyar" Nedir? Ne İşe Yarar?
Opera Yeni Tasarım Güncellemesi ile Adeta Yeniden Doğdu

Opera Yeni Tasarım Güncellemesi ile Adeta Yeniden Doğdu

Opera Yeni Tasarım Güncellemesi ile Adeta Yeniden Doğdu
Chrome, Vivaldi, Safari ve Firefox... Birçok alternatif tarayıcı mevcut. Ancak son yıllarda kendisini sürekli geliştiren ve Chromium altyapısına sahip olan Opera, Reborn 3 (R3) adlı geliştirme sürümü ile adeta yeniden doğmuş oldu. Yeni tasarım ile daha sade ve minimal bir dizayna sahip olan Opera, birçok özelliği de beraberinde getiriyor. Örnek bir görünüme aşağıdan göz atabileceğiniz gibi, buraya tıklayarak ilgili geliştirici sürümünü indirebilir, detaylı olarak bilgi alabilirsiniz.

Opera Yeni Tasarım Güncellemesi ile Adeta Yeniden Doğdu


Opera Yeni Tasarım Güncellemesi ile Adeta Yeniden Doğdu
Online Favicon Oluşturma Uygulaması (Ücretsiz)

Online Favicon Oluşturma Uygulaması (Ücretsiz)

Online Favicon Oluşturma Uygulaması (Ücretsiz)
Favicon, tarayıcıda görüntülenen küçük (16x16) site ikonu olarak tanımlanabilir. Photoshop veya benzeri uygulamalar ile favicon yapmak çok kolay. Ancak çok yoğunsanız, bunun için vaktiniz olmayabilir. Bu yüzden sizlerle tamamen online ve ücretsiz olarak favicon olarak hazırlayabileceğiniz bir uygulama sitesini paylaşmak istiyorum. Favicon.io adlı bu web sitesi ile birkaç tıklama ile .ico veya .png uzantılı favicon dosyanızı indirebilirsiniz. Yer imlerinizde bulunmasını tavsiye ederim.

Online Favicon Oluşturma Uygulaması (Ücretsiz)


Online Favicon Oluşturma Uygulaması (Ücretsiz)
Trello ile Organize Etmek Daha da Kolay

Trello ile Organize Etmek Daha da Kolay

Trello ile Organize Etmek Daha da Kolay
Zaman zaman projelerinizi organize etmek, notlar almak, ortak çalışmak ve anlık olarak güncelleme yapmak gibi işlemler için ihtiyacınız olan bir yazılım arıyor olabilirsiniz. Tüm bu yazılımları unutun. Çünkü hem ücretsiz hem de Türkçe dil desteği olan online bir uygulama olan Trello size yeterli gelecektir. İçerisindeki birçok özellik sayesinde sizlere tam bir organizasyon bazında kolaylık sağlıyor. Trello'yu incelemek ve üye olmak için buraya tıklamanız yeterli olacaktır. Mutlaka deneyin.

Trello ile Organize Etmek Daha da Kolay


Trello ile Organize Etmek Daha da Kolay
Facebook Arkadaş Listemi Kimse Görmesin İstiyorum

Facebook Arkadaş Listemi Kimse Görmesin İstiyorum

Facebook Arkadaş Listemi Kimse Görmesin İstiyorum
Facebook'ta bildiğiniz gibi eklediğiniz arkadaşlarınız, diğer arkadaşlarınız tarafından görüntülenebiliyor. Ancak elbette, Facebook arkadaş listemi kimse görmesin, gibi bir düşünceniz olabilir. Bu mümkündür. Yani arkadaş listenizi sadece siz görebilirsiniz. Bunun için Ayarlar bölümüne girdikten sonra, soldaki Gizlilik sekmesine tıklayın. Ardından "Arkadaş listeni kimler görebilir?" seçeneğindeki açılır menüden, Sadece ben'i seçin. Tüm işlemler bu kadar.

AYRICA: Facebook Kalıcı Sayfa Silme Nasıl Yapılır?

Facebook Arkadaş Listenizi Kimse Görmesin!


Facebook Arkadaş Listemi Kimse Görmesin İstiyorum
Windows 10'da Masaüstü Simgelerini Büyütme Nasıl Yapılır?

Windows 10'da Masaüstü Simgelerini Büyütme Nasıl Yapılır?

Windows 10'da Masaüstü Simgelerini Büyütme
Geçtiğimiz zamanlarda Windows 10 masaüstü simgelerini küçültme ile ilgili bir içerik paylaşmıştık sizler için. Şimdi ise Windows 10 masaüstü simgelerini büyütme konusunda bir içerik paylaşacağız. Eğer ki masaüstü simgelerinizin daha büyük ve daha net görünmesini istiyorsanız, maksimum seviyede büyütmeniz mümkündür. Bunun için ise masaüstünde sağ tıklayın, ardından aşağıdaki görseli incelemeniz yeterli olacaktır.


Windows 10'da Masaüstü Simgelerini Büyütme
Yandex Browser Uygunsuz Reklam Engelleme Nasıl Yapılır?

Yandex Browser Uygunsuz Reklam Engelleme Nasıl Yapılır?

Yandex Browser Uygunsuz Reklam Engelleme Nasıl Yapılır?
Yandex Browser'ı uzun süredir kullanıyorum ve varsayılan olarak gelen birçok özelliği ile kesinlikle başarılı bir tarayıcı olduğunu düşünüyorum. Örneğin, Yandex Browser'ı kullanarak eklenti kullanmadan, rahatsız edici reklamları ve sayfa içeriğini kapatan reklamları engellemeniz mümkündür. Bu anlamda filtreleme imkânı da bulunuyor. Bunun için aşağıdaki görselde yer alan özelliklere onay vermeniz yeterli olacaktır.

AYRICA: Yandex Browser Gizli Mod Açma Nasıl Yapılır?

Yandex Browser Uygunsuz Reklam Engelleme Nasıl Yapılır?


Yandex Browser Uygunsuz Reklam Engelleme Nasıl Yapılır?