السلام عليكم ورحمه الله وبركاته
رغم انى كنت عزمت ان انسحب من عالم الزين فورو تدريجيا الا انى اجد بعض الاستفسارات لدى البعض من الاعضاء بركن المشاكل تطلب تعديل على القالب للوصل الى استايل يحاكى استايلات الفى بى ومنذ انطلاق هيلبرنت كانت فكره الاساسية المساعدة ولا نبخل على اى شخص اى معلومة كانت لدينا كلل هذا بدون الالتفات الى اى شى اخر لا ماديات ولا غيره عموما ندخل فى الدرس وهو عبار عن جعل الصورة الرمزية اكبر حجما مع انشاء اطار ومايحص تاطير القالب حتى يصبح مثل هيلبرنت.
[ توافق الدرس ]: الجيل الثانى XF2.0
[مقدمه الدرس]: الدرس حصرى لمعهد هيلبرنت
الصوره قبل
الصوره بعد
الخطوات
1- ادخل لوحة تحكم المنتدى ابحث عن قالبth_macros_lastPostAv ابحث بداخله عن هذا الكود
كود PHP:
<div class="lastPostAv">
<xf:avatar user="{$user}" size="xs" defaultname="{$defaultName}" />
</div>
- استبداله بى
كود PHP:
<div class="lastPostAv">
<xf:avatar user="{$user}" size="xs" defaultname="{$defaultName}" />
</div>
<div class="Triangle"></div>
<div class="TriangleAv"></div>
2- ايضا بلوحة التحكم ابحث عن th_lastPostAv.less قم بحذف مابداخله ثم قم بوضع هذا الكود
كود PHP:
.lastPostAv {
float: left;
margin-right: @xf-paddingMedium;
}
.Triangle {
width: 0px;
height: 0px;
border-style: solid none solid solid;
border-width: 7px;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid #B3D892;
float: left;
margin-top: 5px;
margin-left: -6px;
}
.TriangleAv {
float: left;
height: 40px;
margin-right: @xf-paddingMedium;
}
@media(max-width: @xf-responsiveMedium) {
.lastPostAv ,.Triangle ,.TriangleAv {
display: none;
}
}
3- داخل قالب extra.less قم بوضع هذا الكود لتكبير الصوره الرمزية بالصفحة الرئيسية
كود:
.avatar.avatar--xs {
width: 38px;
height: 38px;
font-size: 19.2px;
background-color: #FFF;
border: 1px solid #B3D892;
float: right;
text-align: center;
padding: 2px;
height: 40px;
width: 40px;
border-radius: 3px;
}
تم بحمد الله