هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
تعديل على صورة الهيدر نسخة الجوال
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
تعديل على صورة الهيدر نسخة الجوال
السلام عليكم
أريد التعديل على صورة الهيدر في في نسخة الجوال على قالب 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 -->
رد: تعديل على صورة الهيدر نسخة الجوال
وعليكم السلام ورحمة الله وبركاته, اهلاً بك
ينقل الى القسم المناسب
قم بتجربة الكود التالي:
مع التحية
ينقل الى القسم المناسب
قم بتجربة الكود التالي:
- الكود:
<!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 كتب:وعليكم السلام ورحمة الله وبركاته, اهلاً بك
ينقل الى القسم المناسب
قم بتجربة الكود التالي:
- الكود:
<!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
هذه هي النتيجة
لقد تحسن في العرض
و أتمنى أن يتحسن في الارتفاع أيضا
رد: تعديل على صورة الهيدر نسخة الجوال
ضع الارتفاع المطلوب اخي الكريم..
فهذا هو الارتفاع الافتراضي للصورة نفسها
فهذا هو الارتفاع الافتراضي للصورة نفسها
رد: تعديل على صورة الهيدر نسخة الجوال
قم بتجربة الكود التالي:
- الكود:
<!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 كتب:قم بتجربة الكود التالي:
- الكود:
<!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 -->
للاسف لم تتغير النتيجة
رد: تعديل على صورة الهيدر نسخة الجوال
قمت بالتجربة على الايباد , ايفون 6 , ايفون 6 بلس , جالكسي اس 5. وتتغير المقاسات بدون اي مشاكل
ما نوع الأجهزة التي قمت بتجربتها؟
ما نوع الأجهزة التي قمت بتجربتها؟
رد: تعديل على صورة الهيدر نسخة الجوال
DeLeTe كتب:قمت بالتجربة على الايباد , ايفون 6 , ايفون 6 بلس , جالكسي اس 5. وتتغير المقاسات بدون اي مشاكل
ما نوع الأجهزة التي قمت بتجربتها؟
نعم المقاسات تتغير فعلا وهو يعمل بشكل جيد
ولكن المشكلة هي في ارتفاع الصورة فهو يظهر بشكل ضخم جدا
رد: تعديل على صورة الهيدر نسخة الجوال
اريد ان تظهر الصورة بهذا الشكل
حيث تظهر في نصف صورة الهيدر و نصف الشاشه المنتديات والاقسام
[url=http://www.m5zn.com/out.php?code=16465045][/url
حيث تظهر في نصف صورة الهيدر و نصف الشاشه المنتديات والاقسام
[url=http://www.m5zn.com/out.php?code=16465045][/url
رد: تعديل على صورة الهيدر نسخة الجوال
اهلا وسهلا بك
لما ﻻ تقوم بتصغير حجم اللوغو بدل من تصغيرها من الاكواد
صغرة بالفوتوشوب بحجم مناسب يتناسب حجم الشاشات مختلفة
لما ﻻ تقوم بتصغير حجم اللوغو بدل من تصغيرها من الاكواد
صغرة بالفوتوشوب بحجم مناسب يتناسب حجم الشاشات مختلفة
مواضيع مماثلة
» تعديل نسخة الجوال
» شرح تعديل نسخة الجوال وتغير لونها الى لون أخر
» اواجه مشكله في نسخة الجوال وهي التحويل الاجباري الي صفحات غير مرغوب فيها من علي نسخة الجوال
» المطلوب حل مشكله نسخة مظهر نسخة الجوال و كود الكلمات الدلالية
» المطلوب حل ايقونة صورة مركز الرفع على نسخة الجوال للنسخة الاخيرة
» شرح تعديل نسخة الجوال وتغير لونها الى لون أخر
» اواجه مشكله في نسخة الجوال وهي التحويل الاجباري الي صفحات غير مرغوب فيها من علي نسخة الجوال
» المطلوب حل مشكله نسخة مظهر نسخة الجوال و كود الكلمات الدلالية
» المطلوب حل ايقونة صورة مركز الرفع على نسخة الجوال للنسخة الاخيرة
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى