lostyazilim
tr.link

Mobil Sürümde Farklı CSS Gösterme

7 Mesajlar 2.284 Okunma
acebozum
tr.link

Ticari Ticari WM Aracı Kullanıcı
  • Üyelik 19.03.2014
  • Yaş/Cinsiyet 33 / E
  • Meslek Web Tasarımcı
  • Konum Tekirdağ
  • Ad Soyad S** Ş**
  • Mesajlar 18
  • Beğeniler 0 / 3
  • Ticaret 0, (%0)
Merhaba arkadaşlar,

Masaüstünden girildiğinde style.css , telefondan girildiğinde mobile.css 'yi nasıl çağırabiliriz?
 

 

Ticari.com.tr
elektronikssl
webimgo

CoLLeR CoLLeR WM Aracı Kullanıcı
  • Üyelik 31.01.2014
  • Yaş/Cinsiyet 37 / E
  • Meslek Webmaster
  • Konum Kayseri
  • Ad Soyad M** A**
  • Mesajlar 69
  • Beğeniler 5 / 21
  • Ticaret 0, (%0)

$user_agent = strtolower ( $_SERVER['HTTP_USER_AGENT'] );
if ( preg_match ( "/phone|iphone|itouch|ipod|symbian|android|htc_|htc-|palmos|blackberry|opera mini|iemobile|windows ce|nokia|fennec|hiptop|kindle|mot |mobile|pda;|avantgo|eudoraweb|minimo|netfront|brew|teleca|lg;|lge |wap;| wap |mot-|webos\/|samsung|sonyericsson|^sie-|nintendo/", $user_agent ) ) {
echo 'mobile.css';
} else {
echo 'style.css';
}
idea

kişi bu mesajı beğendi.

PHP, Python, Javascript, C#, React-Native

ShaiyaPazar ShaiyaPazar Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 10.11.2014
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilgisayar Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad E** G**
  • Mesajlar 99
  • Beğeniler 0 / 11
  • Ticaret 1, (%100)
Buyrunuz;

http://wmaraci.com/forum/php-dersleri/php-mobil-kontrolu-css-yonlendirme-215030.html
 

 

idea idea WM Aracı Kullanıcı
  • Üyelik 27.04.2011
  • Yaş/Cinsiyet 37 / E
  • Meslek Yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad M** S**
  • Mesajlar 448
  • Beğeniler 165 / 44
  • Ticaret 4, (%75)
Ek bilgi:

O şekilde bir yönlendirme yapmak yerine style.css dosyasına mobil cihazlar için kodlar da yazabilirsiniz.

Responsive design (duyarlı tasarım) konusunu bir araştırın. Cihazın ekran boyutuna göre tasarım yapabiliyorsunuz. Görsel örnek doküman: https://www.ibm.com/developerworks/community/blogs/bobleah/entry/code_example_of_responsive_web_design_using_css3_media_queries13?lang=en
CoLLeR

kişi bu mesajı beğendi.

wmaraci
wmaraci

BrutalStar BrutalStar Yazılımcı Kullanıcı
  • Üyelik 26.02.2013
  • Yaş/Cinsiyet 31 / E
  • Meslek Yazılımcı
  • Konum İstanbul Avrupa
  • Ad Soyad U** C**
  • Mesajlar 697
  • Beğeniler 149 / 137
  • Ticaret 0, (%0)
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
 

 

BLOG | http://safkaninsan.blogspot.com/

27207 27207 WM Aracı Anonim Üyelik
  • Üyelik 02.01.2014
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 1852
  • Beğeniler 346 / 707
  • Ticaret 5, (%100)
Şuan en gelişmiş mobil dedektör bu. Bende bunu kullanıyorum.
https://github.com/serbanghita/Mobile-Detect/blob/master/Mobile_Detect.php

Ayrıca geliştirmeye de açık bir kod. Cihazların agent numaralarını yazıp kendin de model model cihaz ekleyebilirsin.

'NecTablet' => '\bN-06D|\bN-08D',

gibi.
 

 

Ticari Ticari WM Aracı Kullanıcı
  • Üyelik 19.03.2014
  • Yaş/Cinsiyet 33 / E
  • Meslek Web Tasarımcı
  • Konum Tekirdağ
  • Ad Soyad S** Ş**
  • Mesajlar 18
  • Beğeniler 0 / 3
  • Ticaret 0, (%0)

CoLLeR adlı üyeden alıntı


$user_agent = strtolower ( $_SERVER['HTTP_USER_AGENT'] );
if ( preg_match ( "/phone|iphone|itouch|ipod|symbian|android|htc_|htc-|palmos|blackberry|opera mini|iemobile|windows ce|nokia|fennec|hiptop|kindle|mot |mobile|pda;|avantgo|eudoraweb|minimo|netfront|brew|teleca|lg;|lge |wap;| wap |mot-|webos\/|samsung|sonyericsson|^sie-|nintendo/", $user_agent ) ) {
echo 'mobile.css';
} else {
echo 'style.css';
}



Cevaplarınız için teşekkürler bu kod bayağı kolay halletmemi sağladı. Teşekkür ederim.
CoLLeR

kişi bu mesajı beğendi.

Ticari.com.tr
wmaraci
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