Css derken hocam bu scripti mobil görünüme sokan bu kodlar
<script>
$(function(){
$(".validateform").validationEngine('attach',{promptPosition : "topRight"});
$("<select id='home-menu'/>").appendTo(".mobilemenu");
$("<option />", {
"selected" : "selected",
"value" : "",
"text" : "MENÜYÜ AÇMAK İÇİN TIKLAYIN..."
}).appendTo(".mobilemenu select");
$("ul.navigation li a").each(function() {
var el = $(this);
$("<option />", {
"value" : el.attr("href"),
"text" : el.text()
}).appendTo(".mobilemenu select");
});
$(".mobilemenu select").change(function() {
window.location = $(this).find("option:selected").val();
$(".mobilemenu").slideUp(200);
$("a.showc").html('<em class="fa fa-fw fa-align-justify"></em>');
$(".header-middle").fadeIn(200);
});
var wSize = $(window).width();
if( wSize < 994 ){
$(".page").each(function(){
var html = $(".pageContentRight",this).html();
if(html=="null" || html=="" || html==null){
}else{
$(".pageContentLeft",this).append('<div class="cls">' + html + '</div><br><br>');
}
$(".pageContentLeft",this).addClass("content");
$(".pageContentRight",this).hide();
});
}
$("a.showc").click(function(){
if( $(".mobilemenu").is(":hidden") ){
$(".mobilemenu").slideDown(200);
$(this).html('<em class="fa fa-fw fa-times"></em>');
$(".header-middle").fadeOut(200);
}else{
$(".mobilemenu").slideUp(200);
$(this).html('<em class="fa fa-fw fa-align-justify"></em>');
$(".header-middle").fadeIn(200);
}
return false;
});
$(window).hashchange(function(){
var hash = location.hash;
var urlSplit;
urlSplit = hash.split('/');
pageName = urlSplit[1];
cavusoglu.Run(pageName);
})
$(window).hashchange();
$(".page").each(function(){
$(".pageInner",this).append('<a href="#!/Anasayfa" class="pageClose"><em class="fa fa-fw fa-times"></em></a>');
});
var search_button = $(".search-toggle-buttton");
var searchBG = $(".searchBG");
var body = $("body");
var supersizedWrapper = $(".supersizedWrapper");
searchBG.fadeIn(200);
body.fadeIn(200);
$(".iletisim_formu").agitForm();
supersizedWrapper.hide(100).fadeIn(500);
search_button.click(function(){
if($(".searchBG:hidden")){
searchBG.show(200);
}else{
searchBG.hide(200);
}
return false;
});
$.supersized({
slide_interval : 5000,
transition : 1,
transition_speed : 700,
slide_links : 'false',
slides : [
<?php $sliderSorgu = mysql_query("SELECT * FROM slider WHERE durum = '1' ORDEr BY sira ASC");
while($sliderSonuc = mysql_fetch_object($sliderSorgu)){?>
{image : 'images/slides/<?php echo $sliderSonuc->resim; ?>'},
<?php } ?>
]
});
$(".content").perfectScrollbar({
suppressScrollX : true,
wheelSpeed : 15
});
$(".prettyPhoto").prettyPhoto();
$(".Button").each(function(){
$(this).append('<em class="fa fa-fw fa-angle-right"></em>');
})
$('.tipb').tooltip({placement:'bottom',html:true});
$('.tipt').tooltip({placement:'top',html:true});
$('.tipl').tooltip({placement:'left',html:true});
$('.tipr').tooltip({placement:'right',html:true});
var fontSize = [];
var j = 0;
var pageContent = $(".pageContentLeft");
pageContent.find('*').each(function(){
if($(this).children().not('br').length==0){fontSize[j] = $(this).css('font-size'); ++j;}
});
$('.button-font-minus').click(function(){
pageContent.find('*').each(function(){
if($(this).children().not('br').length==0){$(this).css('font-size', (parseInt($(this).css('font-size').substring(0,2)) - 1) + 'px');}
});
return false;
});
$('.button-font-plus').click(function(){
pageContent.find('*').each(function(){
if($(this).children().not('br').length==0){$(this).css('font-size', (parseInt($(this).css('font-size').substring(0,2)) + 1) + 'px');}
});
return false;
});
$('.button-font-normal').click(function(){
j = 0;
pageContent.find('*').each(function(){
if($(this).children().not('br').length==0){$(this).css('font-size', fontSize[j]); ++j;}
});
return false;
});
$(".button-print").click(function(){
window.print();
return false;
});
});
</script>kodlar bütün mobil tema benzerinde sıtabildir diye düşündük ama iPhone marka telefonlarda mobil görünüm hata verdi.
css ile alakalı ise bir arkadaşımız su şekilde olur bu şekilde olur gibisinden bir fikir beyan edebilirmi.