انشاء منتدى مجانيتعديل على صورة الهيدر نسخة الجوال
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
تعديل على صورة الهيدر نسخة الجوال
من طرف Anas 1657 الخميس 29 سبتمبر 2016 - 18:37
السلام عليكم
أريد التعديل على صورة الهيدر في في نسخة الجوال على قالب overall_header , بحيث يتناسب الحجم مع كل الموبايل تلقائيا
لانها تظهر بحجم كبير جدا , صورة توضح المشكلة
هام جدا جدا
أريد التعديل على القالب بحيث تتناسب صورة الهيدر مع كل جهاز: ايباد , ايفون , جالكسي... اوتوماتيكيا (تلقائيا) وليس بتحديد حجم (height & weight)
أريد التعديل على صورة الهيدر في في نسخة الجوال على قالب overall_header , بحيث يتناسب الحجم مع كل الموبايل تلقائيا
لانها تظهر بحجم كبير جدا , صورة توضح المشكلة
هام جدا جدا
أريد التعديل على القالب بحيث تتناسب صورة الهيدر مع كل جهاز: ايباد , ايفون , جالكسي... اوتوماتيكيا (تلقائيا) وليس بتحديد حجم (height & weight)
- الكود:
<!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>
#wrap {
min-width: 0px; !important
}
#wrap {
background:#444a5f url(http://i35.servimg.com/u/f35/19/23/51/91/free-l12.jpg);
background-repeat: repeat;
}
main, #header {
opacity: 0.9;
z-index: 9999;
}
#new-topic {
float: left;
}
#prv-btns {
padding-bottom: 30px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header" class="mobile_title">
{NAV_CAT_DESC}
</div>
<div id="logo"><a href="/"><img src="http://i35.servimg.com/u/f35/19/23/51/91/746b1710.png"/></a></div>
<main>
<!-- BEGIN html_validation -->
</main>
</div>
</body>
</html>
<!-- END html_validation -->
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف DeLeTe الخميس 29 سبتمبر 2016 - 19:00
وعليكم السلام ورحمة الله وبركاته, اهلاً بك
ينقل الى القسم المناسب
قم بتجربة الكود التالي:
مع التحية
ينقل الى القسم المناسب
قم بتجربة الكود التالي:
- الكود:
<!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>
#wrap {
min-width: 0px; !important
}
#wrap {
background:#444a5f url(http://i35.servimg.com/u/f35/19/23/51/91/free-l12.jpg);
background-repeat: repeat;
}
main, #header {
opacity: 0.9;
z-index: 9999;
}
#new-topic {
float: left;
}
#prv-btns {
padding-bottom: 30px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header" class="mobile_title">
{NAV_CAT_DESC}
</div>
<div id="logo"><a href="/"><img src="http://i97.servimg.com/u/f97/15/18/10/29/746b1711.png"/></a></div>
<main>
<!-- BEGIN html_validation -->
</main>
</div>
</body>
</html>
<!-- END html_validation -->
مع التحية
DeLeTe-
-
عدد المساهمات : 2752
معدل النشاط : 9565
السُمعة : 75 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف Anas 1657 الخميس 29 سبتمبر 2016 - 21:49
DeLeTe كتب:وعليكم السلام ورحمة الله وبركاته, اهلاً بك
ينقل الى القسم المناسب
قم بتجربة الكود التالي:
- الكود:
<!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>
#wrap {
min-width: 0px; !important
}
#wrap {
background:#444a5f url(http://i35.servimg.com/u/f35/19/23/51/91/free-l12.jpg);
background-repeat: repeat;
}
main, #header {
opacity: 0.9;
z-index: 9999;
}
#new-topic {
float: left;
}
#prv-btns {
padding-bottom: 30px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header" class="mobile_title">
{NAV_CAT_DESC}
</div>
<div id="logo"><a href="/"><img src="http://i97.servimg.com/u/f97/15/18/10/29/746b1711.png"/></a></div>
<main>
<!-- BEGIN html_validation -->
</main>
</div>
</body>
</html>
<!-- END html_validation -->
مع التحية
أهلا أخي @DeLeTe
هذه هي النتيجة
لقد تحسن في العرض
و أتمنى أن يتحسن في الارتفاع أيضا
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف DeLeTe الخميس 29 سبتمبر 2016 - 21:51
ضع الارتفاع المطلوب اخي الكريم..
فهذا هو الارتفاع الافتراضي للصورة نفسها
فهذا هو الارتفاع الافتراضي للصورة نفسها
DeLeTe-
-
عدد المساهمات : 2752
معدل النشاط : 9565
السُمعة : 75 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف Anas 1657 الخميس 29 سبتمبر 2016 - 21:54
DeLeTe كتب:ضع الارتفاع المطلوب اخي الكريم..
فهذا هو الارتفاع الافتراضي للصورة نفسها
اتمنى ان تكون صورة الهيدر اوتوماتيكا (تلقائيا) تتغير في الحجم مع كل جهاز
فمثلا حجم شاشه الايباد مختلفة عن الايفون 6 وحجم شاشه ايفون 5 مختلفه ف اتمنى ان تظهر بهذا الشكل في الاجهزه
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف DeLeTe الخميس 29 سبتمبر 2016 - 22:15
قم بتجربة الكود التالي:
- الكود:
<!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>
#wrap {
min-width: 0px; !important
}
#wrap {
background:#444a5f url(http://i35.servimg.com/u/f35/19/23/51/91/free-l12.jpg);
background-repeat: repeat;
}
main, #header {
opacity: 0.9;
z-index: 9999;
}
#new-topic {
float: left;
}
#prv-btns {
padding-bottom: 30px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header" class="mobile_title">
{NAV_CAT_DESC}
</div>
<style type="text/css">
img.logo {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
</style>
<a href="/"><img class="logo" src="http://i97.servimg.com/u/f97/15/18/10/29/746b1711.png"/></a>
<main>
<!-- BEGIN html_validation -->
</main>
</div>
</body>
</html>
<!-- END html_validation -->
DeLeTe-
-
عدد المساهمات : 2752
معدل النشاط : 9565
السُمعة : 75 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف Anas 1657 الخميس 29 سبتمبر 2016 - 22:20
DeLeTe كتب:قم بتجربة الكود التالي:
- الكود:
<!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>
#wrap {
min-width: 0px; !important
}
#wrap {
background:#444a5f url(http://i35.servimg.com/u/f35/19/23/51/91/free-l12.jpg);
background-repeat: repeat;
}
main, #header {
opacity: 0.9;
z-index: 9999;
}
#new-topic {
float: left;
}
#prv-btns {
padding-bottom: 30px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header" class="mobile_title">
{NAV_CAT_DESC}
</div>
<style type="text/css">
img.logo {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
</style>
<a href="/"><img class="logo" src="http://i97.servimg.com/u/f97/15/18/10/29/746b1711.png"/></a>
<main>
<!-- BEGIN html_validation -->
</main>
</div>
</body>
</html>
<!-- END html_validation -->
للاسف لم تتغير النتيجة
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف DeLeTe الخميس 29 سبتمبر 2016 - 22:23
قمت بالتجربة على الايباد , ايفون 6 , ايفون 6 بلس , جالكسي اس 5. وتتغير المقاسات بدون اي مشاكل
ما نوع الأجهزة التي قمت بتجربتها؟
ما نوع الأجهزة التي قمت بتجربتها؟
DeLeTe-
-
عدد المساهمات : 2752
معدل النشاط : 9565
السُمعة : 75 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف Anas 1657 الخميس 29 سبتمبر 2016 - 22:26
DeLeTe كتب:قمت بالتجربة على الايباد , ايفون 6 , ايفون 6 بلس , جالكسي اس 5. وتتغير المقاسات بدون اي مشاكل
ما نوع الأجهزة التي قمت بتجربتها؟
نعم المقاسات تتغير فعلا وهو يعمل بشكل جيد
ولكن المشكلة هي في ارتفاع الصورة فهو يظهر بشكل ضخم جدا
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف DeLeTe الخميس 29 سبتمبر 2016 - 22:36
نعم صحيح, قم بتحديد اقصى ارتفاع تريده حتى اقوم بالتعديل
DeLeTe-
-
عدد المساهمات : 2752
معدل النشاط : 9565
السُمعة : 75 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف Anas 1657 الخميس 29 سبتمبر 2016 - 23:13
اريد ان تظهر الصورة بهذا الشكل
حيث تظهر في نصف صورة الهيدر و نصف الشاشه المنتديات والاقسام
[url=http://www.m5zn.com/out.php?code=16465045][/url
حيث تظهر في نصف صورة الهيدر و نصف الشاشه المنتديات والاقسام
[url=http://www.m5zn.com/out.php?code=16465045]
[/url
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف JoryAbdallah الجمعة 30 سبتمبر 2016 - 5:40
اهلا وسهلا بك
لما ﻻ تقوم بتصغير حجم اللوغو بدل من تصغيرها من الاكواد
صغرة بالفوتوشوب بحجم مناسب يتناسب حجم الشاشات مختلفة
لما ﻻ تقوم بتصغير حجم اللوغو بدل من تصغيرها من الاكواد
صغرة بالفوتوشوب بحجم مناسب يتناسب حجم الشاشات مختلفة
JoryAbdallah-
-
عدد المساهمات : 3029
معدل النشاط : 8415
السُمعة : 295 -
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0 -
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0 -
رد: تعديل على صورة الهيدر نسخة الجوال
من طرف Anas 1657 الجمعة 30 سبتمبر 2016 - 10:31
شكرا للاخ @DeLeTe
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0 -
مواضيع مماثلة» تعديل نسخة الجوال
» شرح تعديل نسخة الجوال وتغير لونها الى لون أخر
» اواجه مشكله في نسخة الجوال وهي التحويل الاجباري الي صفحات غير مرغوب فيها من علي نسخة الجوال
» المطلوب حل مشكله نسخة مظهر نسخة الجوال و كود الكلمات الدلالية
» المطلوب حل ايقونة صورة مركز الرفع على نسخة الجوال للنسخة الاخيرة
» شرح تعديل نسخة الجوال وتغير لونها الى لون أخر
» اواجه مشكله في نسخة الجوال وهي التحويل الاجباري الي صفحات غير مرغوب فيها من علي نسخة الجوال
» المطلوب حل مشكله نسخة مظهر نسخة الجوال و كود الكلمات الدلالية
» المطلوب حل ايقونة صورة مركز الرفع على نسخة الجوال للنسخة الاخيرة
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى