Sayfa html-css... Mobil ve masaüstü tema arkaplanı olarak mobil için farklı bir görsel masaüstü için farklı bir görsel olmak üzere 2 adet css dosyası oluşturmadan bu nasıl çözülebilir?
Teşekkürler.
Mobil - Masaüstü Site Farklı arkaplan kullanımı |
9 Mesajlar | 2.614 Okunma | ||
- Üyelik 05.06.2012
- Yaş/Cinsiyet 34 / E
- Meslek Web Master
- Konum Antalya
- Ad Soyad E** A**
- Mesajlar 434
- Beğeniler 58 / 84
- Ticaret 4, (%100)
- Üyelik 25.07.2014
- Yaş/Cinsiyet 30 / E
- Meslek Elektrik Teknisyeni
- Konum Fransa
- Ad Soyad C** E**
- Mesajlar 3510
- Beğeniler 488 / 1190
- Ticaret 1, (%100)
Aşağıdaki gibi çoğalta bilirsin.
Ekran çözünürlüğü 480px den küçük cihazlar için.
Ekran çözünürlüğü 720px den küçük cihazlar için.
Ekran çözünürlüğü 1024px den küçük cihazlar için.
Ekran çözünürlüğü 480px den küçük cihazlar için.
@media screen and (max-width: 480px) {
body {
background: lightgreen;
}
}
Ekran çözünürlüğü 720px den küçük cihazlar için.
@media screen and (max-width: 720px) {
body {
background: lightgreen;
}
}
Ekran çözünürlüğü 1024px den küçük cihazlar için.
@media screen and (max-width: 1024px) {
body {
background: lightgreen;
}
}
- Üyelik 05.06.2012
- Yaş/Cinsiyet 34 / E
- Meslek Web Master
- Konum Antalya
- Ad Soyad E** A**
- Mesajlar 434
- Beğeniler 58 / 84
- Ticaret 4, (%100)
Mantıklı dostum ama kullanmak istediğim arka planlar sadece sabit pixel değil örneğin bir video, .fla da olabilir..
Şuan aşağıdaki gibi bir şey yapmaya çalıştığım.. kullanmıştım bir işimde çok işlevseldi fakat mobil de istediğimi alamamıştım tam, yine fikri olan arkadaşlar belirtirse sevinirim konu hakkında, kod;
Şuan aşağıdaki gibi bir şey yapmaya çalıştığım.. kullanmıştım bir işimde çok işlevseldi fakat mobil de istediğimi alamamıştım tam, yine fikri olan arkadaşlar belirtirse sevinirim konu hakkında, kod;
var tag = document.createElement('script');
tag.src = 'https://www.youtube.com/player_api';
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var tv,
playerDefaults = {autoplay: 0, autohide: 1, modestbranding: 0, rel: 0, showinfo: 0, controls: 0, disablekb: 1, enablejsapi: 0, iv_load_policy: 3};
var vid = [
{'video*ver3': 'xxx', 'startSeconds': 0, 'endSeconds': x0, 'suggestedQuality': 'hd720'},
{'video*ver3': 'xxx', 'startSeconds': 0, 'endSeconds': x0, 'suggestedQuality': 'hd720'},
{'video*ver3': 'xxx', 'startSeconds': 0, 'endSeconds': x0, 'suggestedQuality': 'hd720'},
{'video*ver3': 'x', 'startSeconds': 0, 'endSeconds': x0, 'suggestedQuality': 'hd720'}
],
randomvid = Math.floor(Math.random() * (vid.length - 1 + 1));
function onYouTubePlayerAPIReady(){
tv = new YT.Player('tv', {events: {'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange}, playerVars: playerDefaults});
} - Üyelik 25.07.2014
- Yaş/Cinsiyet 30 / E
- Meslek Elektrik Teknisyeni
- Konum Fransa
- Ad Soyad C** E**
- Mesajlar 3510
- Beğeniler 488 / 1190
- Ticaret 1, (%100)
Demek istediğinizi tam anlayamadım fakat verdiğim kodların sabit piksel ile alakası yok RESPONSİVE dediğimiz tasarımlar bu şekilde kodlanır ve ziyaretçinin ekranına özel tasarım gösterilir. telefonda ayrı bir tasarım, tablette ayrı bir tasarım bilgisayarda ayrı bir tasarım gösterebilmek için global olarak kullanılan standart sistem budur.
Eğer siz flash içerikten bahsediyorsanız zaten android sistemler de flash desteklenmediği için öyle kafaya göre videoyu ölçüp biçme olmaz.
Eğer siz flash içerikten bahsediyorsanız zaten android sistemler de flash desteklenmediği için öyle kafaya göre videoyu ölçüp biçme olmaz.
- Üyelik 05.06.2012
- Yaş/Cinsiyet 34 / E
- Meslek Web Master
- Konum Antalya
- Ad Soyad E** A**
- Mesajlar 434
- Beğeniler 58 / 84
- Ticaret 4, (%100)
Tamam responsive tema'yı açıkladığın teşekkür ederim @cihaneken .fla ya bakmışsın sanırım flash olduğunu düşünüyorsun haklısın ölçüp biçme olmaz diyorsun kafaya göre bencede. (ama çok farklı şeyler den bahsediyoruz siz telefon çözünürlüğüne göre bg: cover fixed w-h : auto dan bahsediyorsunuz flaş desteklemez telefon diyorsunuz bende diyorum zaten adobe .fla html5 uyumlu hale getirdi oda pes etti ben onu kullanıyorum siz responsive tema diyorsunuz, ben diyorum başka birşey)
Konumuza dönücek olursak canvas flash içerikler ile video, oyun, VR destekli artalan yapmak istiyorum :) html5 ile yapıyorumda.
Arkaplan yapma kısmı tamamdır , kafama göre ölçüp biçmede tamamdır :) mobil de gözüküyor.
Bunların hepsini main css dosyam da index'ime js çekerek tek mobil de dahil tek dosya da nasıl birleştirebilirim, deneyen oldu mu?
[Yani wordpress de gelişmiş arkaplan changer lar varya o plugin içinde bir çok css ve js dosyaları var onlardan bahsediyorum onları kendi yapanlar var mı?]
Konumuza dönücek olursak canvas flash içerikler ile video, oyun, VR destekli artalan yapmak istiyorum :) html5 ile yapıyorumda.
Arkaplan yapma kısmı tamamdır , kafama göre ölçüp biçmede tamamdır :) mobil de gözüküyor.
Bunların hepsini main css dosyam da index'ime js çekerek tek mobil de dahil tek dosya da nasıl birleştirebilirim, deneyen oldu mu?
[Yani wordpress de gelişmiş arkaplan changer lar varya o plugin içinde bir çok css ve js dosyaları var onlardan bahsediyorum onları kendi yapanlar var mı?]
- Üyelik 14.05.2016
- Yaş/Cinsiyet 31 / E
- Meslek What do you do exactly ?
- Konum İstanbul Avrupa
- Ad Soyad T** T**
- Mesajlar 562
- Beğeniler 171 / 208
- Ticaret 0, (%0)
yorumları okumadım sorun güncelse yarın çözümünü yazarım pm pls
- Üyelik 29.06.2011
- Yaş/Cinsiyet 37 / E
- Meslek Vip Tema Web Tasarım A.Ş.
- Konum Tekirdağ
- Ad Soyad Ö** I**
- Mesajlar 1381
- Beğeniler 703 / 702
- Ticaret 21, (%100)
Sayfa html-css... Mobil ve masaüstü tema arkaplanı olarak mobil için farklı bir görsel masaüstü için farklı bir görsel olmak üzere 2 adet css dosyası oluşturmadan bu nasıl çözülebilir?
Soru tam olarak buysa @cihaneken in verdiği cevap fazlasıyla tatmin edicidir.
Ancak ikinci mesajınızdan zaten bunları bildiğinizi anladım. Sorunuzu da yanlış sorduğunuzu düşündüm. Üçüncü mesajınızda beynim yandı hiç bir halt anlamadım. Özellikle şu kısmını,
Bunların hepsini main css dosyam da index'ime js çekerek tek mobil de dahil tek dosya da nasıl birleştirebilirim, deneyen oldu mu?
Rastık çekerekten bade süzerekten tek düm tek tek sjdvdbsksjdkd error...
Soru tam olarak buysa @cihaneken in verdiği cevap fazlasıyla tatmin edicidir.
Ancak ikinci mesajınızdan zaten bunları bildiğinizi anladım. Sorunuzu da yanlış sorduğunuzu düşündüm. Üçüncü mesajınızda beynim yandı hiç bir halt anlamadım. Özellikle şu kısmını,
Bunların hepsini main css dosyam da index'ime js çekerek tek mobil de dahil tek dosya da nasıl birleştirebilirim, deneyen oldu mu?
Rastık çekerekten bade süzerekten tek düm tek tek sjdvdbsksjdkd error...
Vip Tema Web Tasarım A.Ş.
- Üyelik 05.06.2012
- Yaş/Cinsiyet 34 / E
- Meslek Web Master
- Konum Antalya
- Ad Soyad E** A**
- Mesajlar 434
- Beğeniler 58 / 84
- Ticaret 4, (%100)
Arkadaşlar forumda elimden geldiğince yardımcı olmaya çalıştım ilk defa yardım istedim onu da sanırım beceremedim, benim hatam :) (yardımlarınız için teşekkürler).
Sorunu codpen de bulduğum .js uygulaması ile çözdüm sayılır şimdilik.
Teşekkürler.
Sorunu codpen de bulduğum .js uygulaması ile çözdüm sayılır şimdilik.
Teşekkürler.
- Üyelik 14.05.2016
- Yaş/Cinsiyet 31 / E
- Meslek What do you do exactly ?
- Konum İstanbul Avrupa
- Ad Soyad T** T**
- Mesajlar 562
- Beğeniler 171 / 208
- Ticaret 0, (%0)
Yandexer hocam sorun sende değil sorun olayın daha nasıl bişey olduğunu bile bilmeyen insanların kafalarına göre yorum yapmalarında.
sorunu çözdüysen çözümü paylaşırsanız sevinirim
iyi çalışmalar.
sorunu çözdüysen çözümü paylaşırsanız sevinirim
iyi çalışmalar.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)