انشاء منتدى مجانيتغيير استايل الجوال
5 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 2
صفحة 1 من اصل 2 • 1, 2 
تغيير استايل الجوال
من طرف Anas 1657 الثلاثاء 21 يونيو 2016 - 18:31
اريد تغير استايل نسخة الجوال (النسخة المتطورة)
من الاستايل العادي , الموجود بكل المنتديات
إلى هذا الشكل:
لقد قمت انا بصنع الاستايل ولكن به بعض الاخطاء , لان (خبرتي بسيطه في التكويد)
لذلك اريد من الخبراء تكويد مثله تماما , وياليت تكون الاكواد تركب في CSS فقط
رابط المنتتدى الذي عليه الاستايل:
http://778816572.forumarabia.com/
الصور المستخدمة(الهيدر + الخلفيه):
https://i.servimg.com/u/f68/19/23/51/91/oia_o_12.png
https://i.servimg.com/u/f84/19/23/51/91/img_1410.jpg
من الاستايل العادي , الموجود بكل المنتديات
إلى هذا الشكل:
لقد قمت انا بصنع الاستايل ولكن به بعض الاخطاء , لان (خبرتي بسيطه في التكويد)
لذلك اريد من الخبراء تكويد مثله تماما , وياليت تكون الاكواد تركب في CSS فقط
رابط المنتتدى الذي عليه الاستايل:
http://778816572.forumarabia.com/
الصور المستخدمة(الهيدر + الخلفيه):
https://i.servimg.com/u/f68/19/23/51/91/oia_o_12.png
https://i.servimg.com/u/f84/19/23/51/91/img_1410.jpg
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف omarpop23 الأربعاء 22 يونيو 2016 - 0:52
لا ارى اخطاء في المنتدي من فضلك قم بتصوير الخطأ وارسلة لنا ليسهل علينا ايجاد حل له
omarpop23-
-
عدد المساهمات : 1522
معدل النشاط : 6837
السُمعة : 218 -
رد: تغيير استايل الجوال
من طرف Anas 1657 الأربعاء 22 يونيو 2016 - 2:53
0marp0p23 كتب:لا ارى اخطاء في المنتدي من فضلك قم بتصوير الخطأ وارسلة لنا ليسهل علينا ايجاد حل له
نعم صحيح , هذا لان ورقة css لايوجد بها أي أكواد , غير الاكواد الخاصه بنسخة الجوال
لان المنتدى للتجربه
ولكن عن اضافة ورقة css الخاصة بمنتداي الاصلي ( الذي يتحوي على اكواد كثيره)
واضافة ايضا التومبلايتات , يحدث مشكله بالتصميم في نسخة الجوال:
الان اضفت ورقة css التابعه (لمنتداي الاصلي)
www.anas16572.com
الى ورقة css (المنتدى التجريبي)
http://778816572.forumarabia.com/
واضفت أيضا التومبلايتات
ستجد اختلاف كبير عن السابق
ومشاكل كثيرة
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف JoryAbdallah الثلاثاء 28 يونيو 2016 - 8:03
ابحث بقالب الهيدر لنسخة الجوال عن الاتي
</header>
وضع اعلاة الاتي
<style>
هنا اكواد css لنسخة الجوال
</style>
واضيف بينهما اكواد css التابعه لنسخة الجوال وسجل وانشر
</header>
وضع اعلاة الاتي
<style>
هنا اكواد css لنسخة الجوال
</style>
واضيف بينهما اكواد css التابعه لنسخة الجوال وسجل وانشر
JoryAbdallah-
-
عدد المساهمات : 3029
معدل النشاط : 8409
السُمعة : 295 -
رد: تغيير استايل الجوال
من طرف omarpop23 الثلاثاء 28 يونيو 2016 - 9:30
اين مشكلتك بالتحديد
ان كانت ان وجهة المنتدي تظهر اسفل الاعلانات فهذا خطأ بسيط في كود الcss
قم بالتعديل علي كود ال css التالي الموجود في منتداك
ان كانت ان وجهة المنتدي تظهر اسفل الاعلانات فهذا خطأ بسيط في كود الcss
قم بالتعديل علي كود ال css التالي الموجود في منتداك
- الكود:
.banniere, #m_dcontentglobal_ad_id1 {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll center;
height:200px;
max-width: 100%
}
- الكود:
.banniere:before {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll center;
height:200px;
max-width: 100%
}
omarpop23-
-
عدد المساهمات : 1522
معدل النشاط : 6837
السُمعة : 218 -
رد: تغيير استايل الجوال
من طرف Anas 1657 الثلاثاء 28 يونيو 2016 - 17:53
JAR7 كتب:ابحث بقالب الهيدر لنسخة الجوال عن الاتي
</header>
وضع اعلاة الاتي
<style>
هنا اكواد css لنسخة الجوال
</style>
واضيف بينهما اكواد css التابعه لنسخة الجوال وسجل وانشر
لقد بحث في قالب الهيدر الخاص بنسخة الجوال
ولم أجد :
</header>
هذا قالب (overall_header) الخاص بنسخة الجوال أخي @JAR7
- الكود:
<!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,user-scalable=no,maximum-scale=1" />
<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="{JQUERY_PATH}" 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}
</head>
<body>
<!--div class="mobile_title">
<div class="mobile_title_content">{PAGE_TITLE}</div>
</div-->
<div id="mpage-body">
<div id="top">
<div class="mobile_title application_header">
{NAV_CAT_DESC}
</div> <div class="navbar"><a href="/"> </a> <a href="/privmsg?folder=inbox"> </a> <a href="/register"> </a> <a href="/index.forum?mobile&redirect=%2F"> </a> <a href="/login?logout"> </a>
</div><div class="head"></div><a class="navc" href="javascript:history.go(-1)"> </a>
<div style="padding-top:33px;">
<!-- BEGIN html_validation -->
</div>
</div>
</div>
</body>
</html>
<!-- END html_validation -->
<center><script type="text/javascript">
google_ad_client = "ca-pub-2118468146748282";
google_ad_slot = "9539024858";
google_ad_width = 320;
google_ad_height = 50;
</script>
<!-- نسخة الجوال _ اعلى الصفحة -->
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف Anas 1657 الجمعة 1 يوليو 2016 - 5:18
أين أنتم
هذا هو مظهر المنتدى قبل تفعيل التومبلايتات + وقبل إضافة ورقة CSS الخاصة بي
وهذا مظهر المنتدى بعد تفعيل التومبلايتات + وبعد إضافة ورقة CSS الخاصة بي
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف Anas 1657 الجمعة 1 يوليو 2016 - 5:24
كما تلاحظون:
هناك مشاكل عند اضافة أكواد ورقة CSS الخاصة بي
و تفعيل التومبلايتات.
عارضة المنتدى إختفت . وصورة الهيدر غير مرتبه
وعند فتح الموضوع , لا يمكنك قرائه المحتوى بوضوح , وعدة مشاكل
هناك مشاكل عند اضافة أكواد ورقة CSS الخاصة بي
و تفعيل التومبلايتات.
عارضة المنتدى إختفت . وصورة الهيدر غير مرتبه
وعند فتح الموضوع , لا يمكنك قرائه المحتوى بوضوح , وعدة مشاكل
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف assemDz الجمعة 1 يوليو 2016 - 23:22
السلام عليكم
جرب هذا القالب ورد علي :
overall_header
+ احذف اكواد الخاصة التي وضعتها ( اكواد استايل الجوال )
- الكود:
<!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}
<style>
#wrap {
background: url("http://i84.servimg.com/u/f84/19/23/51/91/img_1410.jpg");
background-size: cover;
}
#assemDz img {
min-width: 100px;
}
</style>
<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}
</head>
<body>
<div id="wrap">
<div id="header" class="mobile_title">
{NAV_CAT_DESC}
</div>
<section id="assemDz">
<img src="http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png">
</section>
<main>
<!-- BEGIN html_validation -->
</main>
</div>
</body>
</html>
<!-- END html_validation -->
assemDz-
-
عدد المساهمات : 159
معدل النشاط : 5755
السُمعة : 15 -
رد: تغيير استايل الجوال
من طرف Anas 1657 السبت 2 يوليو 2016 - 0:36
assemDz كتب:السلام عليكمجرب هذا القالب ورد علي :overall_header+ احذف اكواد الخاصة التي وضعتها ( اكواد استايل الجوال )
- الكود:
<!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}
<style>
#wrap {
background: url("http://i84.servimg.com/u/f84/19/23/51/91/img_1410.jpg");
background-size: cover;
}
#assemDz img {
min-width: 100px;
}
</style>
<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}
</head>
<body>
<div id="wrap">
<div id="header" class="mobile_title">
{NAV_CAT_DESC}
</div>
<section id="assemDz">
<img src="http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png">
</section>
<main>
<!-- BEGIN html_validation -->
</main>
</div>
</body>
</html>
<!-- END html_validation -->
وعليكم السلام ورحمة الله وبركاته
هذه هي النتيجة:
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف assemDz السبت 2 يوليو 2016 - 1:07
ممكن رابط المنتدى اللي ركبت عليه الاستايل ..
assemDz-
-
عدد المساهمات : 159
معدل النشاط : 5755
السُمعة : 15 -
رد: تغيير استايل الجوال
من طرف Anas 1657 السبت 2 يوليو 2016 - 3:44
الرابط:assemDz كتب:ممكن رابط المنتدى اللي ركبت عليه الاستايل ..
http://778816572.forumarabia.com/
ملاحظة: لقد أرجعت الاكواد السابقة كما كانت
اذا اردت أن اضيف قالب overall_header مرة أخرى ف أخبرني
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف omarpop23 السبت 2 يوليو 2016 - 9:55
1- قم بأضافة اكواد ال CSS الاصلية للمنتدى
2- يبدو ان القوالب التي قمت بتركيبها جميعها توجد بها اخطاء من فضلك قم بحذفها واخبرنا بالتعديلات التي تريدها في نسخة الجوال
و سوف نقوم بالتعديل علي القوالب الأصلية لنسخة المنتدي لتظهر بالشكل الذي تريده.
2- يبدو ان القوالب التي قمت بتركيبها جميعها توجد بها اخطاء من فضلك قم بحذفها واخبرنا بالتعديلات التي تريدها في نسخة الجوال
و سوف نقوم بالتعديل علي القوالب الأصلية لنسخة المنتدي لتظهر بالشكل الذي تريده.
omarpop23-
-
عدد المساهمات : 1522
معدل النشاط : 6837
السُمعة : 218 -
رد: تغيير استايل الجوال
من طرف Anas 1657 السبت 2 يوليو 2016 - 16:16
0marp0p23 كتب:1- قم بأضافة اكواد ال CSS الاصلية للمنتدى
2- يبدو ان القوالب التي قمت بتركيبها جميعها توجد بها اخطاء من فضلك قم بحذفها واخبرنا بالتعديلات التي تريدها في نسخة الجوال
و سوف نقوم بالتعديل علي القوالب الأصلية لنسخة المنتدي لتظهر بالشكل الذي تريده.
أخي العزيز @0marp0p23
1- هذا هو الشكل الذي أرغب أن يكون عليه:
2- هذه ورقة CSS الخاصة بالمنتدى :
https://drive.google.com/open?id=0B7xCbZ7xVvp8cTF1TlEzS3FIWXM
3- هذا قالب viewtopic_body (نسخة الجوال)
لقد تم تعديله سابقا (لنسخة الجوال الكلاسيكيه) , لاجل إضافة ازرار ( التالي) + ( السابق ) في أسفل الموضوع
- الكود:
<script type="text/javascript">
//<![CDATA[
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}">
<!-- BEGIN hidden -->
<div class="post {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<p style="text-align:center">{postrow.hidden.MESSAGE}</p>
</div>
<!-- END hidden -->
<!-- BEGIN displayed -->
<div id="p{postrow.displayed.U_POST_ID}" class="style2 post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<div class="postbody">
<div class="post_header">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</div>
<div class="content">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<div class="attachbox">
<p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
<dl class="attachments">
<!-- BEGIN switch_post_attachments -->
<dt>
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<dd>
<!-- BEGIN switch_no_comment -->
<p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
<!-- END switch_no_dl_att -->
<p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
</dd>
<!-- END switch_post_attachments -->
</dl>
</div>
<!-- END switch_attachments -->
</div>
{postrow.displayed.EDITED_MESSAGE}
</div>
</div>
<!-- BEGIN first_post_br -->
<hr id="first-post-br" />
<!-- END first_post_br -->
<!-- END displayed -->
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{INLINE_MESSAGE}
{QUICK_REPLY_FORM}
<!-- BEGIN switch_user_authreply -->
<div id="mobileActionBar">
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="navbar">
<div class="mobileActionLabel">{L_POST_REPLY_TOPIC}</div>
</a>
</div>
<!-- END switch_user_authreply -->
<div class="smallfont" align="center">
<a href="{U_VIEW_NEWER_TOPIC}" rel="nofollow"><img alt="الموضوع السابق" src="http://i68.servimg.com/u/f68/19/23/51/91/oi11.png" style="float: right;" border="0" /></a> <a href="{U_VIEW_OLDER_TOPIC}" rel="nofollow"><img alt="الموضوع التالي" src="http://i68.servimg.com/u/f68/19/23/51/91/ooa10.png" style="float: left;" border="0" /></a>
</div>
<p>
</p>
<br>
<br>
<br>
<br>
ويظهر بهذا الشكل:
باختصار:
المطلوب نسخة جوال متطورة بهذا الشكل ^__^ , مع إضافة ( التالي + السابق ) في أسفل الموضوع:
وهذه هي الصور المستخدمة : ( الهيدر + الخلفيه)
https://i.servimg.com/u/f68/19/23/51/91/oia_o_12.png
https://i.servimg.com/u/f84/19/23/51/91/img_1410.jpg
(الموضوع التالي + الموضوع السابق)
https://i.servimg.com/u/f68/19/23/51/91/ooa10.png
https://i.servimg.com/u/f68/19/23/51/91/oi11.png
عدل سابقا من قبل Anas 1657 في السبت 2 يوليو 2016 - 16:30 عدل 1 مرات
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف {عذب} السبت 2 يوليو 2016 - 17:30
اخي اولاً بعد اذن زملائي المساعدين
ركز جيداً ابحث في اكواد الـcss عن الكود التالي: الذي وضعه لك عمر
ثانياً عوضه بهذا الكود :
ثانياً اتمنى منك فصل اكواد CSS الخاصة بالجوال عن اكواد CSS حقت المنتدى وهذا بوضعه في قالب الهيدر فيما بعد
لكن الآن قم بفصلها بهذه الطريقة السهلة فصل الاكواد كالتالي :
استبدل ضع هنا الخ ... بجميع اكواد الـCSS حقت الجوال
ويمكنك وضع اكواد الجوال بالداخل :
ملاحظة*: نهاية هذا العمل كله يجب ان تنقل جميع الاكواد الى قالب الهيدر الخاص بالجوال وفيما بعد سنشرح لك هذا لكن الآن قم بالتعديلات التي قلت لك عليها وان شاء الله يصير خير
ركز جيداً ابحث في اكواد الـcss عن الكود التالي: الذي وضعه لك عمر
- الكود:
.banniere, #m_dcontentglobal_ad_id1 {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll center;
height:200px;
max-width: 100%
}
ثانياً عوضه بهذا الكود :
- الكود:
#mpage-body {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll top center;
padding-top: 140px;
}
ثانياً اتمنى منك فصل اكواد CSS الخاصة بالجوال عن اكواد CSS حقت المنتدى وهذا بوضعه في قالب الهيدر فيما بعد
لكن الآن قم بفصلها بهذه الطريقة السهلة فصل الاكواد كالتالي :
استبدل ضع هنا الخ ... بجميع اكواد الـCSS حقت الجوال
ويمكنك وضع اكواد الجوال بالداخل :
- الكود:
/*----- بداية اكواد الجوال -----*/
ضع هنا جميع اكواد الجوال
/*----- نهاية اكواد الجوال -----*/
ملاحظة*: نهاية هذا العمل كله يجب ان تنقل جميع الاكواد الى قالب الهيدر الخاص بالجوال وفيما بعد سنشرح لك هذا لكن الآن قم بالتعديلات التي قلت لك عليها وان شاء الله يصير خير
{عذب}-
-
عدد المساهمات : 3028
معدل النشاط : 9972
السُمعة : 294 -
رد: تغيير استايل الجوال
من طرف Anas 1657 السبت 2 يوليو 2016 - 18:30
{عذآب} كتب:اخي اولاً بعد اذن زملائي المساعدين
ركز جيداً ابحث في اكواد الـcss عن الكود التالي: الذي وضعه لك عمروان لم تجده يكفيك ان تبحث عن رابط الصورة : https://i.servimg.com/u/f68/19/23/51/91/oia_o_12.png وحذف الكود حقه بالكامل
- الكود:
.banniere, #m_dcontentglobal_ad_id1 {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll center;
height:200px;
max-width: 100%
}
ثانياً عوضه بهذا الكود :وللعلم ان وصف المنتدى راح يكون فوق الصورة وهذا يعطي جمالية ان لم تستحب هذا فيمكننا عمله لك بشكل افضل
- الكود:
#mpage-body {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll top center;
padding-top: 140px;
}
ثانياً اتمنى منك فصل اكواد CSS الخاصة بالجوال عن اكواد CSS حقت المنتدى وهذا بوضعه في قالب الهيدر فيما بعد
لكن الآن قم بفصلها بهذه الطريقة السهلة فصل الاكواد كالتالي :
استبدل ضع هنا الخ ... بجميع اكواد الـCSS حقت الجوال
ويمكنك وضع اكواد الجوال بالداخل :
- الكود:
/*----- بداية اكواد الجوال -----*/
ضع هنا جميع اكواد الجوال
/*----- نهاية اكواد الجوال -----*/
ملاحظة*: نهاية هذا العمل كله يجب ان تنقل جميع الاكواد الى قالب الهيدر الخاص بالجوال وفيما بعد سنشرح لك هذا لكن الآن قم بالتعديلات التي قلت لك عليها وان شاء الله يصير خير
تم تنفيذ جميع الخطوات @{عذآب}
وهذه ورقة CSS الخاصة بي :
https://drive.google.com/open?id=0B7xCbZ7xVvp8VGFHSXZvb25wcEU
رابط المنتدى:
http://778816572.forumarabia.com/
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
{عذب}-
-
عدد المساهمات : 3028
معدل النشاط : 9972
السُمعة : 294 -
رد: تغيير استايل الجوال
من طرف Anas 1657 السبت 2 يوليو 2016 - 18:45
هذه هي النتيجة @{عذآب}{عذآب} كتب:جيد اخي قل لي ما رأيك في النتيجة؟
هذا مظهر المنتدى والمواضيع , عند تفعيل التومبيلاتات
هذا مظهر المنتدى والمواضيع , الغاء تفعيل التومبيلاتيات:
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف Anas 1657 السبت 2 يوليو 2016 - 18:53
مازالت هناك بعض الاخطاء اخي @{عذآب}
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف {عذب} السبت 2 يوليو 2016 - 19:35
اخي هذا بسبب تغير بعض الوسوم فمثلا : وسم class="row1" في نسخة الجوال اصبح :
فيجب عليك الانتباه الى هذه الخطوة فهي مهمة جداً واغلب مشاكلك بسبب هذا الشيء اريدك حالياً تعطل التومبيلات وانا احتفظ بنسخة من الصفحات التي مفعل فيها التومبيلات واريدك ان تقوم بتعطيل التومبيلات لاقوم بنسخ اكواد النسخة العادية واضافتها لنسخة التومبيلات
لكن اعذرني حالياً سأخرج ويمكن ارجع لمكتبي الساعة 9:00
- الكود:
class="content"
فيجب عليك الانتباه الى هذه الخطوة فهي مهمة جداً واغلب مشاكلك بسبب هذا الشيء اريدك حالياً تعطل التومبيلات وانا احتفظ بنسخة من الصفحات التي مفعل فيها التومبيلات واريدك ان تقوم بتعطيل التومبيلات لاقوم بنسخ اكواد النسخة العادية واضافتها لنسخة التومبيلات
لكن اعذرني حالياً سأخرج ويمكن ارجع لمكتبي الساعة 9:00
{عذب}-
-
عدد المساهمات : 3028
معدل النشاط : 9972
السُمعة : 294 -
رد: تغيير استايل الجوال
من طرف Anas 1657 السبت 2 يوليو 2016 - 21:23
أخي @{عذآب}{عذآب} كتب:اخي هذا بسبب تغير بعض الوسوم فمثلا : وسم class="row1" في نسخة الجوال اصبح :في التومبيلات .
- الكود:
class="content"
فيجب عليك الانتباه الى هذه الخطوة فهي مهمة جداً واغلب مشاكلك بسبب هذا الشيء اريدك حالياً تعطل التومبيلات وانا احتفظ بنسخة من الصفحات التي مفعل فيها التومبيلات واريدك ان تقوم بتعطيل التومبيلات لاقوم بنسخ اكواد النسخة العادية واضافتها لنسخة التومبيلات
لكن اعذرني حالياً سأخرج ويمكن ارجع لمكتبي الساعة 9:00
إن كان يسهل عليك تعديل كل شي , إذا امتلكت عضويه المدير
فلامانع أن أرسل لك اسم العضويه وكلمة المرور.
فالمنتدى هو تجريبي , ويحتوي على جميع الاكواد , والتمبلايتات الموجودة بالمنتدى الأصلي.
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
رد: تغيير استايل الجوال
من طرف omarpop23 السبت 2 يوليو 2016 - 21:42
لحظات و اكون وضعت لك الحل النهائي لهذه المشكلة
omarpop23-
-
عدد المساهمات : 1522
معدل النشاط : 6837
السُمعة : 218 -
Anas 1657-
-
عدد المساهمات : 78
معدل النشاط : 3814
السُمعة : 0 -
صفحة 1 من اصل 2 • 1, 2
مواضيع مماثلة» مشكلة في استايل الجوال
» تغيير الصورة الرئيسية في نسخة الجوال
» ايقونات استايل الجوال لا تظهر
» اضافة اكواد او اعلانات على استايل الجوال
» استايل الجوال لاحلى منتدى لا يعمل على الهواتف القديمة
» تغيير الصورة الرئيسية في نسخة الجوال
» ايقونات استايل الجوال لا تظهر
» اضافة اكواد او اعلانات على استايل الجوال
» استايل الجوال لاحلى منتدى لا يعمل على الهواتف القديمة
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 2
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى