Hitskin.comهذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
انشاء منتدى مجانيمشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول
من طرف عبدو حسن الخميس 28 يوليو 2016 - 21:45
السلام عليكم احبتي
كان عندي مشكلة و هي ان قائمة الموبايل لا تعمل عند اضافتها في نسخة الجوال مع اني جربتها في صفحة html لوحدها و على اكثر من محرر و كانت القائمة تعمل بشكل ممتاز و لكن عند اضافتها في قالب الهيدر الخاص بنسخة المحمول لا تعمل و اعتقد ان كود الجافا سكريبت هو السبب
و هذه صورة للقائمة
و هذا هو رابط الصفحة التجريبية للقائمة http://www.koutstore.com/h10-page
و هذا قالب الهيدر الخاص بنسخة الجوال
اتمنى لو حد يقدر يحل لي المشكلة دي
كان عندي مشكلة و هي ان قائمة الموبايل لا تعمل عند اضافتها في نسخة الجوال مع اني جربتها في صفحة html لوحدها و على اكثر من محرر و كانت القائمة تعمل بشكل ممتاز و لكن عند اضافتها في قالب الهيدر الخاص بنسخة المحمول لا تعمل و اعتقد ان كود الجافا سكريبت هو السبب
و هذه صورة للقائمة
و هذا هو رابط الصفحة التجريبية للقائمة http://www.koutstore.com/h10-page
و هذا قالب الهيدر الخاص بنسخة الجوال
- الكود:
<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META}
{META_FAVICO}
{T_HEAD_STYLESHEET}
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="{GG_THEME_COLOR}" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,500,700,700italic,900&subset=greek,greek-ext,latin,vietnamese,cyrillic-ext,latin-ext,cyrillic" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="//code.jquery.com/jquery-2.2.3.min.js" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
var _gaq=_gaq||[];_gaq.push(["_setAccount","{G_ANALYTICS_ID}"]),_gaq.push(["_trackPageview"]),_gaq.push(["b._setAccount","{G_ANALYTICS_ID_BIS}"]),_gaq.push(["b._trackPageview"]),function(){var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)}();
</script>
<!-- END google_analytics_code -->
<style type="text/css">
header {
color: #fff;
background: RGBA(12,72,143,0.9);
height: 44px;
width: 100%;
padding: 0 10px;
position: fixed;
top: 0;
transition: top 0.2s ease-in-out;
z-index: 11;
}
.nav-hide {
top: -44px;
}
.float-left { float: left; }
.float-right { float: right; }
footer {
color: #f5f5f5;
background: #3c3c3c;
}
ul, li {
display: block;
list-style: none;
}
ul {
margin: 10px 5px 15px;
padding: 5px;
}
li {
margin: 2px 0;
padding: 6px 8px;
}
h1, h2, h3, h4, h5, h6 {
color: #555;
padding: 5px 10px 10px;
}
header [class*="menu-"] {
cursor: pointer;
font-size: 22px;
height: initial;
padding: 5px;
width: initial;
}
[id*="menu-"] {
background: #252525;
bottom: 0;
color: #858585;
height: 100%;
position: fixed;
top: 0;
width: 205px;
z-index: 99;
}
[id*="menu-"] .box {
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
}
[id*="menu-"] .box::-webkit-scrollbar {
height: 4px;
width: 4px;
}
[id*="menu-"] ul {
margin: 0;
padding: 0;
}
[id*="menu-"] li {
border-bottom: 1px solid #1F1F1F;
font-size: 12px;
line-height: 28px;
margin: 0;
overflow: hidden;
padding: 5px;
position: relative;
}
[id*="menu-"] li:last-child {
border: 0;
}
#menu-left {
border-right: 1px solid #161616;
left: -205px;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#menu-left .profile {
background: #222;
border-bottom: 5px solid #151515;
padding: 8px 5px;
}
#menu-left .profile img {
border: 1px solid #111;
border-radius: 5px;
display: inline-block;
height: 32px;
vertical-align: middle;
width: 32px;
}
#menu-left .content {
position: relative;
height: initial;
width: 100%;
}
#menu-left .content h5 {
background: #353535;
color: #CCC;
font-weight: 400;
}
#menu-left .content .fa {
padding: 0 8px 0 4px;
}
#menu-left .content ul:last-child {
color: #656565;
}
#menu-left .content ul:last-child .fa {
color: #151515;
}
#menu-left .profile span, #menu-right li span {
*font-weight: bold;
padding-left: 8px;
}
header.active, #menu-left.active {
-webkit-transform: translate3d(205px,0,0);
-moz-transform: translate3d(205px,0,0);
transform: translate3d(205px,0,0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
</style>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>
</br> </br> </br> </br> </br>
<header>
<span class="menu-left"><i class="fa fa-navicon"></i></span>
<div class="ks-mob">
<a href="/">
<img title="koutstore" src="http://i35.servimg.com/u/f35/13/76/93/58/mob11.png">
</a>
</div>
</header>
<script type="text/javascript">
(function(){
$('.menu-left').click(function(){
$('header').toggleClass('active')
$('#menu-left').toggleClass('active')
$('footer').toggleClass('active')
})
$('.menu-right').click(function(){$('#menu-right').toggleClass('active')})
})()
</script>
<div id="menu-left">
<div class="box">
<div class="profile">
<img src="http://goo.gl/yP1jzp" alt="" /><span>Parian Developers</span>
</div>
<div class="content">
<h5>Favorite</h5>
<ul>
<li><a href=""><i class="fa fa-newspaper-o"></i> Newspaper</a></li>
<li><a href=""><i class="fa fa-calendar"></i> Events</a></li>
<li><a href=""><i class="fa fa-users"></i> Friends</a></li>
<li><a href=""><i class="fa fa-comment"></i> Messages</a></li>
</ul>
<h5>App</h5>
<ul>
<li><a href=""><i class="fa fa-search"></i> Search Friend</a></li>
<li><a href=""><i class="fa fa-image"></i> Images</a></li>
<li><a href=""><i class="fa fa-music"></i> Music</a></li>
<li><a href=""><i class="fa fa-film"></i> Videos</a></li>
</ul>
<h5>Set & Help</h5>
<ul>
<li><a href=""><i class="fa fa-info-circle"></i> Help</a></li>
<li><a href=""><i class="fa fa-list"></i> Activity Register</a></li>
<li><a href=""><i class="fa fa-cog"></i> Configure Count</a></li>
<li><a href=""><i class="fa fa-lock"></i> Access Private</a></li>
<li><a href=""><i class="fa fa-bug"></i> Problem Report</a></li>
<li><a href=""><i class="fa fa-power-off"></i> Sign Out</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
<!-- END html_validation -->
اتمنى لو حد يقدر يحل لي المشكلة دي
عبدو حسن-
-
عدد المساهمات : 995
معدل النشاط : 7451
السُمعة : 3 -
رد: مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول
من طرف JoryAbdallah الجمعة 29 يوليو 2016 - 15:38
القالب محذوف منه وسم القائمة التي تريدها
من عمل لك التحويل حذف هذة الاوامر
من عمل لك التحويل حذف هذة الاوامر
JoryAbdallah-
-
عدد المساهمات : 3029
معدل النشاط : 8410
السُمعة : 295 -
رد: مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول
من طرف عبدو حسن الجمعة 29 يوليو 2016 - 18:19
JAR7 كتب:القالب محذوف منه وسم القائمة التي تريدها
من عمل لك التحويل حذف هذة الاوامر
ممكن توضيح انا مفهمتش !!
دا بالاضافة ان القالب اللي وضعته في صفحة html هو نفس القالب الموجود في overall_header الخاص بنسخة المحمول و مع ذلك فالقائمة تعمل في الصفحة و لا تعمل في قالب الهيدر
عبدو حسن-
-
عدد المساهمات : 995
معدل النشاط : 7451
السُمعة : 3 -
رد: مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول
من طرف omarpop23 الجمعة 29 يوليو 2016 - 21:29
مرحباً عزيزي
المشكلة كانت في كود الجافا الخاص بالقائمة
استبدل القالب بهذا
المشكلة كانت في كود الجافا الخاص بالقائمة
استبدل القالب بهذا
- الكود:
<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META}
{META_FAVICO}
{T_HEAD_STYLESHEET}
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="{GG_THEME_COLOR}" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,500,700,700italic,900&subset=greek,greek-ext,latin,vietnamese,cyrillic-ext,latin-ext,cyrillic" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="//code.jquery.com/jquery-2.2.3.min.js" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
{HOSTING_JS}
<style type="text/css">
header {
color: #fff;
background: RGBA(12,72,143,0.9);
height: 44px;
width: 100%;
padding: 0 10px;
position: fixed;
top: 0;
transition: top 0.2s ease-in-out;
z-index: 11;
}
.nav-hide {
top: -44px;
}
.float-left { float: left; }
.float-right { float: right; }
footer {
color: #f5f5f5;
background: #3c3c3c;
}
ul, li {
display: block;
list-style: none;
}
ul {
margin: 10px 5px 15px;
padding: 5px;
}
li {
margin: 2px 0;
padding: 6px 8px;
}
h1, h2, h3, h4, h5, h6 {
color: #555;
padding: 5px 10px 10px;
}
header [class*="menu-"] {
cursor: pointer;
font-size: 22px;
height: initial;
padding: 5px;
width: initial;
float: left;
}
[id*="menu-"] {
background: #252525;
bottom: 0;
color: #858585;
height: 100%;
position: fixed;
top: 0;
width: 205px;
z-index: 99;
}
[id*="menu-"] .box {
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
}
[id*="menu-"] .box::-webkit-scrollbar {
height: 4px;
width: 4px;
}
[id*="menu-"] ul {
margin: 0;
padding: 0;
}
[id*="menu-"] li {
border-bottom: 1px solid #1F1F1F;
font-size: 12px;
line-height: 28px;
margin: 0;
overflow: hidden;
padding: 5px;
position: relative;
}
[id*="menu-"] li:last-child {
border: 0;
}
#menu-left {
border-right: 1px solid #161616;
left: -205px;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#menu-left .profile {
background: #222;
border-bottom: 5px solid #151515;
padding: 8px 5px;
}
#menu-left .profile img {
border: 1px solid #111;
border-radius: 5px;
display: inline-block;
height: 32px;
vertical-align: middle;
width: 32px;
}
#menu-left .content {
position: relative;
height: initial;
width: 100%;
}
#menu-left .content h5 {
background: #353535;
color: #CCC;
font-weight: 400;
}
#menu-left .content .fa {
padding: 0 8px 0 4px;
}
#menu-left .content ul:last-child {
color: #656565;
}
#menu-left .content ul:last-child .fa {
color: #151515;
}
#menu-left .profile span, #menu-right li span {
*font-weight: bold;
padding-left: 8px;
}
header.active, #menu-left.active {
-webkit-transform: translate3d(205px,0,0);
-moz-transform: translate3d(205px,0,0);
transform: translate3d(205px,0,0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
</style>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
</head>
<body>
<header class="">
<span class="menu-left"><i class="fa fa-navicon"></i></span>
<div class="ks-mob">
<a href="/">
<img title="koutstore" src="http://i35.servimg.com/u/f35/13/76/93/58/mob11.png" />
</a>
</div>
</header>
<script type="text/javascript">
(function(){
$('.menu-left').click(function(){
$('header').toggleClass('active'),
$('#menu-left').toggleClass('active'),
$('footer').toggleClass('active')
});
$('.menu-right').click(function(){$('#menu-right').toggleClass('active')});
})();
</script>
<div id="menu-left">
<div class="box">
<div class="profile">
<img src="http://goo.gl/yP1jzp" alt="" /><span>Parian Developers</span>
</div>
<div class="content">
<h5>Favorite</h5>
<ul>
<li><a href=""><i class="fa fa-newspaper-o"></i> Newspaper</a></li>
<li><a href=""><i class="fa fa-calendar"></i> Events</a></li>
<li><a href=""><i class="fa fa-users"></i> Friends</a></li>
<li><a href=""><i class="fa fa-comment"></i> Messages</a></li>
</ul>
<h5>App</h5>
<ul>
<li><a href=""><i class="fa fa-search"></i> Search Friend</a></li>
<li><a href=""><i class="fa fa-image"></i> Images</a></li>
<li><a href=""><i class="fa fa-music"></i> Music</a></li>
<li><a href=""><i class="fa fa-film"></i> Videos</a></li>
</ul>
<h5>Set & Help</h5>
<ul>
<li><a href=""><i class="fa fa-info-circle"></i> Help</a></li>
<li><a href=""><i class="fa fa-list"></i> Activity Register</a></li>
<li><a href=""><i class="fa fa-cog"></i> Configure Count</a></li>
<li><a href=""><i class="fa fa-lock"></i> Access Private</a></li>
<li><a href=""><i class="fa fa-bug"></i> Problem Report</a></li>
<li><a href=""><i class="fa fa-power-off"></i> Sign Out</a></li>
</ul>
</div>
</div>
</div>
<div id="wrap">
<div id="header" class="mobile_title">
{NAV_CAT_DESC}
</div>
<main>
<!-- BEGIN html_validation -->
</main>
</div>
</body>
</html>
<!-- END html_validation -->
omarpop23-
-
عدد المساهمات : 1522
معدل النشاط : 6838
السُمعة : 218 -
رد: مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول
من طرف عبدو حسن السبت 30 يوليو 2016 - 5:42
ما شاء الله عليك اخي عمر شكرا لك يا غالي المشكلة اتحلت ... 
عبدو حسن-
-
عدد المساهمات : 995
معدل النشاط : 7451
السُمعة : 3 -
مواضيع مماثلة» مشكلة في تجديدات نسخة المحمول رجاء المساعده
» مشكلة بخصوص نسخة المحمول لا تقبل اضافة قيم عرض معلومات الاعضاء
» طلب المساعدة في نسخة المحمول
» طلب كود الغاء نسخة المحمول
» اقتراح حول نسخة الهاتف المحمول
» مشكلة بخصوص نسخة المحمول لا تقبل اضافة قيم عرض معلومات الاعضاء
» طلب المساعدة في نسخة المحمول
» طلب كود الغاء نسخة المحمول
» اقتراح حول نسخة الهاتف المحمول
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى