Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

1Beğeni

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > PHP

Reponsive yapma konusunda yardım

  #1  
Okunmamış 08 Kasım 2019, 20:11
FixMakale Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 17 Aralık 2018
Yaş / Cinsiyet: 29 / Erkek
Konum: Konya
Ad, Soyad: Va... Ek...
Mesajlar: 33
Beğeniler: 9 / 1
Ticaret: 0, 0%
Arkadaşlar Merhabalar,

Aşağıda ki görselde ki gibi tek sayfa yapmak istiyorum. Maalesef kod bilgim yetersiz. Zor olmayacaksa ve müsait olan bir arkadaş aşağıda ki görseli repsonsive olarak koda dökebilir mi? Maddi olarak şuan sıkışığım. Ücretsiz olarak yardımcı olursanız çok sevinirim. Ama ücretsiz yardımcı olamam diyen varsa uygun fiyata yapacaksa ayın 22'sinde ödeme yapabilirim. Video playerin kodu aşağıdadır. Şimdiden çok teşekkür ederim.

PHP- Kodu:
<div class="player"><video controls autoplay preload="metadata" style=" width:320px;  height:180px;"
poster="http://3.bp.blogspot.com/-fl2Pth06vjs/VpgLC03vKpI/AAAAAAAANqQ/pjKFu4LGeBw/s1600/trt1hd.jpg">
<
source src="http://trtcanlitv-lh.akamaihd.net/i/TRT1HD_1<span class="userTag">@181842/master.m3u8"</spantype="video/mp4"></video></div
  #2  
Okunmamış 08 Kasım 2019, 20:36
vkonca Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 12 Ağustos 2013
Yaş / Cinsiyet: 23 / Erkek
Meslek: Web Developer
Konum: Tekirdağ
Ad, Soyad: Vo... Ko...
Mesajlar: 276
Beğeniler: 56 / 67
Ticaret: 0, 0%
Dediğini tam anlayamadım ama sanırım bu işini görür. Yazı tipi vs sen ayarlarsın.
HTML Kodu:
<style type="text/css">
	@media(max-width:768px){
	
	body{background:#390708;}
	.player {
		text-align: center;
		color: #fff;
	}
	.player video {
		width: 100%;
	}
}
</style>
<div class="player">
		<h1>TRT 1</h1>
	<video controls autoplay preload="metadata" poster="http://3.bp.blogspot.com/-fl2Pth06vjs/VpgLC03vKpI/AAAAAAAANqQ/pjKFu4LGeBw/s1600/trt1hd.jpg">
	<source src="http://trtcanlitv-lh.akamaihd.net/i/TRT1HD_1"> <span class="userTag">@181842/master.m3u8"</span> type="video/mp4"></video>
</div>
https://wmaraci.com/forum/domain-satisi/egitim-ilgili-kacirilmayacak-domainler-566235.html
  #3  
Okunmamış 08 Kasım 2019, 20:43
FixMakale Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 17 Aralık 2018
Yaş / Cinsiyet: 29 / Erkek
Konum: Konya
Ad, Soyad: Va... Ek...
Mesajlar: 33
Beğeniler: 9 / 1
Ticaret: 0, 0%
Alıntı:
vkonca Adlı Üyeden Alıntı
Dediğini tam anlayamadım ama sanırım bu işini görür. Yazı tipi vs sen ayarlarsın.
HTML Kodu:
<style type="text/css">
	@media(max-width:768px){
	
	body{background:#390708;}
	.player {
		text-align: center;
		color: #fff;
	}
	.player video {
		width: 100%;
	}
}
</style>
<div class="player">
		<h1>TRT 1</h1>
	<video controls autoplay preload="metadata" poster="http://3.bp.blogspot.com/-fl2Pth06vjs/VpgLC03vKpI/AAAAAAAANqQ/pjKFu4LGeBw/s1600/trt1hd.jpg">
	<source src="http://trtcanlitv-lh.akamaihd.net/i/TRT1HD_1"> <span class="userTag">@181842/master.m3u8"</span> type="video/mp4"></video>
</div>
Hocam öncelikle elinize sağlık. İstediğim yukarıda ki görselde bulunan sayfanın aynısını çıkartabilmek. Yayın, ekranın tam ortasında olup, aşağıda adsense reklam kimlik nosunu girebileceğim ve repsonsive yani mobil uyumlu olmasını istiyorum sayfanın Elinize sağlık istediğime çok yaklaşmış ama bu dediğim şekilde size zahmet olmaz ise yapabilir misiniz? İlginiz alakanız için çok teşekkür ederim.
  #4  
Okunmamış 08 Kasım 2019, 20:44
vkonca Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 12 Ağustos 2013
Yaş / Cinsiyet: 23 / Erkek
Meslek: Web Developer
Konum: Tekirdağ
Ad, Soyad: Vo... Ko...
Mesajlar: 276
Beğeniler: 56 / 67
Ticaret: 0, 0%
tamam zaten yukardaki kodlar direkt genişlik 768'den sonra otomatik olarak istediğin biçime döner. Mobil olarak görüntüle tarayıcıda görüceksin

https://i.hizliresim.com/zGZZD9.png
https://wmaraci.com/forum/domain-satisi/egitim-ilgili-kacirilmayacak-domainler-566235.html
  #5  
Okunmamış 08 Kasım 2019, 20:49
Mfa Adlı Üyenin Avatarı
Mfa Mfa şuan çevrimiçidir.
WM Aracı
 
Üyelik Tarihi: 18 Haziran 2019
Cinsiyet: Erkek
Meslek: Mezun
Konum: Ankara
Ad, Soyad: Mu... Ak...
Mesajlar: 637
Beğeniler: 196 / 188
Ticaret: 0, 0%
O kadar anlaşılmaz yazmışsınız ki ne yaptığınız ne istediğiniz belli değil. Bu gorseldeki site sizin mi? Yoksa başka bir siteden atıp bunun aynısını baştan yapmayı mı söylüyorsunuz? Sayfayı yaptınız sadece responsiveye mi çevirmek istiyorsunuz? Hiç bir şey anlaşılmıyor.

Bunu yazmazsan çalışmaz:
Alıntı:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
vkonca bunu beğendi.
Konu Mfa tarafından (08 Kasım 2019, 20:53 ) değiştirilmiştir.
  #6  
Okunmamış 08 Kasım 2019, 20:57
FixMakale Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 17 Aralık 2018
Yaş / Cinsiyet: 29 / Erkek
Konum: Konya
Ad, Soyad: Va... Ek...
Mesajlar: 33
Beğeniler: 9 / 1
Ticaret: 0, 0%
Alıntı:
Mfa Adlı Üyeden Alıntı
O kadar anlaşılmaz yazmışsınız ki ne yaptığınız ne istediğiniz belli değil. Bu gorseldeki site sizin mi? Yoksa başka bir siteden atıp bunun aynısını baştan yapmayı mı söylüyorsunuz? Sayfayı yaptınız sadece responsiveye mi çevirmek istiyorsunuz? Hiç bir şey anlaşılmıyor
Aşağıda ki görselde bulunan tek sayfayı koda dökmek demenin neresi karmaşık ve anlamsız onu anlamadım? Görselde tek bir sayfa var. Arka planı bordo. Üstte kanal ismi yazıyor. Ortasına verdiğim player eklenecek. Altta adsense kodu yerleştirilecek hocam. Böyle mi anlatmam gerekiyor?
  #7  
Okunmamış 09 Kasım 2019, 01:09
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 12 Mart 2013
Yaş / Cinsiyet: 27 / Erkek
Meslek: ...
Konum: Adana
Ad, Soyad: Me... Ça...
Mesajlar: 394
Beğeniler: 167 / 144
Ticaret: 1, 100%
Yukarıdaki arkadaşların kodlarını birleştirip tam bir sayfa yaptım. Ama arkadaşlar haklı, ne istediğiniz ve ne kadar istediğiniz tam belli değil. Ben de bu kadar yeter diye düşünüyorum en basitinden ama SEO ile uyumlu olmaz bu da, google'dan hit beklemeyin bu sayfaya

Alıntı:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Video izle</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
@media(max-width:768px){

body{background:#390708;}
.player {
text-align: center;
color: #fff;
}
.player video {
width: 100%;
}
}
</style>
<head>
<body>
<div class="player">
<h1>TRT 1</h1>
<video controls autoplay preload="metadata" poster="http://3.bp.blogspot.com/-fl2Pth06vjs/VpgLC03vKpI/AAAAAAAANqQ/pjKFu4LGeBw/s1600/trt1hd.jpg">
<source src="http://trtcanlitv-lh.akamaihd.net/i/TRT1HD_1"> <span class="userTag">@181842/master.m3u8"</span> type="video/mp4"></video>
</div>
</body>
</html>
  #8  
Okunmamış 09 Kasım 2019, 08:11
FixMakale Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 17 Aralık 2018
Yaş / Cinsiyet: 29 / Erkek
Konum: Konya
Ad, Soyad: Va... Ek...
Mesajlar: 33
Beğeniler: 9 / 1
Ticaret: 0, 0%
@mehmet01
Hocam öncelikle çok teşekkürler. Emeğinize sağlık. Bir arkadaş sağolsun istediğmn şekilde ayarlama yaptı. Ben hala söylüyorum. Ne istediğim çok açık. Görselde bulunan tek sayfa koda dökülecek. Zaten mantıken düşünüldüğünde kapsamlı birşey isteyecek olsam, SEO uyumlu bir sayfa, tema, script isteyecek olsam ücretsiz yardımcı olur musunuz demem😊 Halı hazırda günlük 10k ziyaretcim var benim. Bir projede çok ufak bir eksiklik vardı. Onun için istedim. Bu sayfanın amacı Google da hit çekmek değil yani 😊
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > PHP


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 14:39.