| تعديل على صورة الهيدر نسخة الجوال | |
|
|
كاتب الموضوع | رسالة |
---|
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: تعديل على صورة الهيدر نسخة الجوال الخميس 29 سبتمبر 2016 - 19:37 | |
| السلام عليكم أريد التعديل على صورة الهيدر في في نسخة الجوال على قالب 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 -->
| |
|
| |
DeLeTe
عدد المساهمات : 2752 معدل النشاط : 9563 السُمعة : 75
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الخميس 29 سبتمبر 2016 - 20: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 -->
مع التحية | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الخميس 29 سبتمبر 2016 - 22: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هذه هي النتيجة لقد تحسن في العرض و أتمنى أن يتحسن في الارتفاع أيضا | |
|
| |
DeLeTe
عدد المساهمات : 2752 معدل النشاط : 9563 السُمعة : 75
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الخميس 29 سبتمبر 2016 - 22:51 | |
| ضع الارتفاع المطلوب اخي الكريم.. فهذا هو الارتفاع الافتراضي للصورة نفسها | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الخميس 29 سبتمبر 2016 - 22:54 | |
| - DeLeTe كتب:
- ضع الارتفاع المطلوب اخي الكريم..
فهذا هو الارتفاع الافتراضي للصورة نفسها اتمنى ان تكون صورة الهيدر اوتوماتيكا (تلقائيا) تتغير في الحجم مع كل جهاز فمثلا حجم شاشه الايباد مختلفة عن الايفون 6 وحجم شاشه ايفون 5 مختلفه ف اتمنى ان تظهر بهذا الشكل في الاجهزه | |
|
| |
DeLeTe
عدد المساهمات : 2752 معدل النشاط : 9563 السُمعة : 75
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الخميس 29 سبتمبر 2016 - 23: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 -->
| |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الخميس 29 سبتمبر 2016 - 23: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 -->
للاسف لم تتغير النتيجة | |
|
| |
DeLeTe
عدد المساهمات : 2752 معدل النشاط : 9563 السُمعة : 75
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الخميس 29 سبتمبر 2016 - 23:23 | |
| قمت بالتجربة على الايباد , ايفون 6 , ايفون 6 بلس , جالكسي اس 5. وتتغير المقاسات بدون اي مشاكل ما نوع الأجهزة التي قمت بتجربتها؟ | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الخميس 29 سبتمبر 2016 - 23:26 | |
| - DeLeTe كتب:
- قمت بالتجربة على الايباد , ايفون 6 , ايفون 6 بلس , جالكسي اس 5. وتتغير المقاسات بدون اي مشاكل
ما نوع الأجهزة التي قمت بتجربتها؟ نعم المقاسات تتغير فعلا وهو يعمل بشكل جيد ولكن المشكلة هي في ارتفاع الصورة فهو يظهر بشكل ضخم جدا | |
|
| |
DeLeTe
عدد المساهمات : 2752 معدل النشاط : 9563 السُمعة : 75
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الخميس 29 سبتمبر 2016 - 23:36 | |
| نعم صحيح, قم بتحديد اقصى ارتفاع تريده حتى اقوم بالتعديل | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الجمعة 30 سبتمبر 2016 - 0:13 | |
| اريد ان تظهر الصورة بهذا الشكل حيث تظهر في نصف صورة الهيدر و نصف الشاشه المنتديات والاقسام [url=http://www.m5zn.com/out.php?code=16465045] [/url | |
|
| |
JoryAbdallah
عدد المساهمات : 3029 معدل النشاط : 8413 السُمعة : 295
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الجمعة 30 سبتمبر 2016 - 6:40 | |
| اهلا وسهلا بك لما ﻻ تقوم بتصغير حجم اللوغو بدل من تصغيرها من الاكواد صغرة بالفوتوشوب بحجم مناسب يتناسب حجم الشاشات مختلفة
| |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الجمعة 30 سبتمبر 2016 - 11:20 | |
| | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الجمعة 30 سبتمبر 2016 - 11:21 | |
| | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: تعديل على صورة الهيدر نسخة الجوال الجمعة 30 سبتمبر 2016 - 11:31 | |
| | |
|
| |
| تعديل على صورة الهيدر نسخة الجوال | |
|