wmaraci reklam
lidertakipci

İki Hr Arasına Nasıl Yazı Ortalarım?

12 Mesajlar 6.112 Okunma
advertseo
wmaraci reklam

Csulu Csulu Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 16.11.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek Adwords And Adsense
  • Konum İstanbul Anadolu
  • Ad Soyad B** K**
  • Mesajlar 259
  • Beğeniler 14 / 79
  • Ticaret 0, (%0)
Merhaba;

şöyle bir şey yapmak istiyorum




başlık
yaptığım zaman alt alta alıyor

dediğim gibi iki hr arasına nasıl h1 yazı yazabilirim ?

Teşekkürler.
 

 

wmaraci
reklam

KadirKC KadirKC WORDPRESS Kullanıcı
  • Üyelik 04.11.2014
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad K** K**
  • Mesajlar 1290
  • Beğeniler 0 / 208
  • Ticaret 27, (%100)


YAZI





bunumu yapmak istedin anlamadım foto atabilir misin ?
 

 

Csulu Csulu Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 16.11.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek Adwords And Adsense
  • Konum İstanbul Anadolu
  • Ad Soyad B** K**
  • Mesajlar 259
  • Beğeniler 14 / 79
  • Ticaret 0, (%0)
KadirKC malesef o işler öyle olmuyor hocam :)
 

 

KadirKC KadirKC WORDPRESS Kullanıcı
  • Üyelik 04.11.2014
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad K** K**
  • Mesajlar 1290
  • Beğeniler 0 / 208
  • Ticaret 27, (%100)
Csulu hocam siz ne yapmak istediğinizi söyleyin ben yapayım ?
 

 

wmaraci
wmaraci

Csulu Csulu Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 16.11.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek Adwords And Adsense
  • Konum İstanbul Anadolu
  • Ad Soyad B** K**
  • Mesajlar 259
  • Beğeniler 14 / 79
  • Ticaret 0, (%0)



resimdeki gibi iki hr(çizgi) arasına resim veya yazı yazmak istiyorum

KadirKC
 

 

KadirKC KadirKC WORDPRESS Kullanıcı
  • Üyelik 04.11.2014
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad K** K**
  • Mesajlar 1290
  • Beğeniler 0 / 208
  • Ticaret 27, (%100)
Csulu buyur o zaman bunun üzerinden düzenleme yapabilirsin.
http://www.kodbul.org/kod_test.htm kodu burda deneyebilirsin.




YAZI



 

 

Csulu Csulu Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 16.11.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek Adwords And Adsense
  • Konum İstanbul Anadolu
  • Ad Soyad B** K**
  • Mesajlar 259
  • Beğeniler 14 / 79
  • Ticaret 0, (%0)
1.olarak hocam yazı aşşağıya indi olmadı yani

2. span kullanarak bende yapabiliyorum sizin yaptığınız şekilde bana span yerine h1 lazım onu arıyorum varmı bir çaresi ?

KadirKC
 

 

KadirKC KadirKC WORDPRESS Kullanıcı
  • Üyelik 04.11.2014
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad K** K**
  • Mesajlar 1290
  • Beğeniler 0 / 208
  • Ticaret 27, (%100)
Csulu hocam üsteki kodu düzenledim ordan alın kodu düzeltim.
 

 

hataman hataman WM Aracı Kullanıcı
  • Üyelik 20.03.2014
  • Yaş/Cinsiyet 50 / E
  • Meslek web programlama
  • Konum Balıkesir
  • Ad Soyad H** A**
  • Mesajlar 158
  • Beğeniler 12 / 40
  • Ticaret 3, (%100)
Biraz hızlı yazdım ama belki işinize yarar

https://jsfiddle.net/hataman/g8e3j1Lu/
erenroma

kişi bu mesajı beğendi.

http://hataman.com
Skype : ha.taman

MOmerAlpi MOmerAlpi WM Aracı Kullanıcı
  • Üyelik 22.04.2014
  • Yaş/Cinsiyet 25 / E
  • Meslek Arayüz Geliştirici
  • Konum İstanbul Avrupa
  • Ad Soyad M** A**
  • Mesajlar 306
  • Beğeniler 76 / 67
  • Ticaret 26, (%100)



ortada olacak şey





.x{
height: 40px;
line-height: 40px;
position: relative;
text-align: center;
}
hr{
display: inline-block;
width: 100%;
position: absolute;
top: 50%;
margin-top: -1px;
left: 0;
z-index: 1;
}
h1.hr{
display: inline-block;
margin: 0;
padding: 0;
background-color: #FFFFFF;
z-index: 2;
position: relative;
}


Notlar:
.x{} içinde bulunan height: ve line-height: değerlerini değiştirerek yazının yüksekliğini değiştirebilirsiniz (iki değerinde aynı olmasına dikkat edin).
h1.hr{} içinde bulunan background-color: değeri ile sitenizin arkaplan renginin uyumlu olmasına dikkat edin.

Önizleme:


 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al