abo-karim
10-25-2016, 10:51 PM
السلام عليكم ورحمه الله وبركاته
فى درسنا هذا نقوم بعمل تغيير فى شكل الاقسام الرئييسة لسكريبت الزين فورو من الشكل الاعتيادى او التقليدى الى شكل اكثر جاذبية وعصرى
[ اسم الشرح ] : شكل جديد للاقسام الرئيسية للزين فورو - xenforo
[ الوصف ] : شرح طريقة تغيير شكل الاقسام الرئيسية للزين فورو - xenforo
[ يتوافق مع اي اصدار ] : XenForo
[ موقع مقدم الشرح ] : موقع هيلبرنت (http://www.helpernt.com/vb)
اولا: الشكل النهائى للعمل
https://www.helpernt.com/vb/attachment.php?attachmentid=1683&stc=1&d=1527841119
ثانيا خطوات العمل
ادخل الى لوحة تحكم المنتدى >>>>> ثم المظهر >>>>> ثم اختار الاستايل المراد التعديل عليه >>>> ثم البحث فى القوالب >>> ابحث عن
node_list.css
ثم ابحث داخل القالب عن هذا الكود
.node .nodeInfo.primaryContent,
.node .nodeInfo.secondaryContent
{
padding: 0;
}
ضع الان هذا الكود اسفله كما بالصوره
[CENTER]
.primaryContent {
background-color: rgb(255, 255, 255);
padding: 10px;
margin: 10px 0px;
-webkit-box-shadow: -0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: -0px 0px 5px 0px rgba(0,0,0,0.2);
-khtml-box-shadow: -0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: -0px 0px 5px 0px rgba(0,0,0,0.2);
}
ومبارك عليك العمل
انتهى
فى درسنا هذا نقوم بعمل تغيير فى شكل الاقسام الرئييسة لسكريبت الزين فورو من الشكل الاعتيادى او التقليدى الى شكل اكثر جاذبية وعصرى
[ اسم الشرح ] : شكل جديد للاقسام الرئيسية للزين فورو - xenforo
[ الوصف ] : شرح طريقة تغيير شكل الاقسام الرئيسية للزين فورو - xenforo
[ يتوافق مع اي اصدار ] : XenForo
[ موقع مقدم الشرح ] : موقع هيلبرنت (http://www.helpernt.com/vb)
اولا: الشكل النهائى للعمل
https://www.helpernt.com/vb/attachment.php?attachmentid=1683&stc=1&d=1527841119
ثانيا خطوات العمل
ادخل الى لوحة تحكم المنتدى >>>>> ثم المظهر >>>>> ثم اختار الاستايل المراد التعديل عليه >>>> ثم البحث فى القوالب >>> ابحث عن
node_list.css
ثم ابحث داخل القالب عن هذا الكود
.node .nodeInfo.primaryContent,
.node .nodeInfo.secondaryContent
{
padding: 0;
}
ضع الان هذا الكود اسفله كما بالصوره
[CENTER]
.primaryContent {
background-color: rgb(255, 255, 255);
padding: 10px;
margin: 10px 0px;
-webkit-box-shadow: -0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: -0px 0px 5px 0px rgba(0,0,0,0.2);
-khtml-box-shadow: -0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: -0px 0px 5px 0px rgba(0,0,0,0.2);
}
ومبارك عليك العمل
انتهى