ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

طريقة اضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت

السلام عليكم ورحمه الله وبركاته رغم انى كنت عزمت ان انسحب من عالم الزين فورو تدريجيا الا انى اجد بعض الاستفسارات لدى البعض من الاعضاء بركن المشاكل تطلب تعديل على القالب للوصل الى استايل يحاكى...

احصائياتى

الردود
7

المشاهدات
600
abo-karim
.:: Administrator ::.
  • abo-karim is a glorious beacon of lightabo-karim is a glorious beacon of lightabo-karim is a glorious beacon of lightabo-karim is a glorious beacon of lightabo-karim is a glorious beacon of lightabo-karim is a glorious beacon of light

  • abo-karim غير متواجد حالياً

المشاركات
2,305

+التقييم
20

تاريخ التسجيل
Jun 2015

الاقامة
ام الدنيــ EGYPT ــا

نظام التشغيل
windows 7

رقم العضوية
1
06-09-2018, 09:09 PM
المشاركة 1
06-09-2018, 09:09 PM
المشاركة 1
افتراضي طريقة اضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت
السلام عليكم ورحمه الله وبركاته
رغم انى كنت عزمت ان انسحب من عالم الزين فورو تدريجيا الا انى اجد بعض الاستفسارات لدى البعض من الاعضاء بركن المشاكل تطلب تعديل على القالب للوصل الى استايل يحاكى استايلات الفى بى ومنذ انطلاق هيلبرنت كانت فكره الاساسية المساعدة ولا نبخل على اى شخص اى معلومة كانت لدينا كلل هذا بدون الالتفات الى اى شى اخر لا ماديات ولا غيره عموما ندخل فى الدرس وهو عبار عن جعل الصورة الرمزية اكبر حجما مع انشاء اطار ومايحص تاطير القالب حتى يصبح مثل هيلبرنت.
[ توافق الدرس ]: الجيل الثانى 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 {
    
floatleft;
    
margin-right: @xf-paddingMedium;
}
.
Triangle {
    
width0px;
    
height0px;
    
border-stylesolid none solid solid;
    
border-width7px;
    
border-top7px solid transparent;
    
border-bottom7px solid transparent;
    
border-left7px solid #B3D892;
    
floatleft;
    
margin-top5px;
    
margin-left: -6px;

}
.
TriangleAv {
    
floatleft;
    
height40px;
    
margin-right: @xf-paddingMedium;
}
@
media(max-width: @xf-responsiveMedium) {
    .
lastPostAv ,.Triangle ,.TriangleAv {
        
displaynone;
    }

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;

}
تم بحمد الله

قديم 06-09-2018, 11:49 PM
المشاركة 2
for sat
.:: مشرف ::.
قسم تقنيات الإستقبال التلفزيوني
  • for sat غير متواجد حالياً
افتراضي رد: تاطير واضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت
كم أنت كريم يا أبوكريم دائما بخدمة أعضائك

عاشت أناملك الذهبية وربنا ميحرمناش من أبداعاتك

قديم 06-10-2018, 02:50 AM
المشاركة 3
ناصر
.:: صاحب مكان ::.
صاحب موقع قطع وتفتيت الصخور
  • ناصر غير متواجد حالياً
افتراضي رد: تاطير واضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت
شرح رائع

شكرا لك .. سلمت الايادي

قديم 06-10-2018, 09:32 PM
المشاركة 4
أبو_شهاب
.:: عضو مشارك ::.
  • أبو_شهاب غير متواجد حالياً
افتراضي رد: تاطير واضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت
احسنت ابو كريم ..
بارك الله فيك

قديم 06-11-2018, 04:13 AM
المشاركة 5
MesterPerfect
.:: عضو مبدع ::.
  • MesterPerfect غير متواجد حالياً
افتراضي رد: تاطير واضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت
بارك الله فيك وجزيت خيرا
شرح راااااااااااائع

قديم 06-12-2018, 07:11 AM
المشاركة 6
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni متواجد حالياً
افتراضي رد: تاطير واضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت
جزاك الله خيرا ولم الانسحاب من الزينفورو ؟؟؟

قديم 06-12-2018, 03:37 PM
المشاركة 7
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: تاطير واضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت
كم أنت كريم يا أبوكريم دائما بخدمة أعضائك

عاشت أناملك الذهبية وربنا ميحرمناش من أبداعاتك
شرح رائع

شكرا لك .. سلمت الايادي
احسنت ابو كريم ..
بارك الله فيك
بارك الله فيك وجزيت خيرا
شرح راااااااااااائع

اشكركم جميعا اخوتى
كل احترامى لكم

قديم 06-12-2018, 03:38 PM
المشاركة 8
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: تاطير واضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت
جزاك الله خيرا ولم الانسحاب من الزينفورو ؟؟؟
هههههه مش من الزين فورو فقط بلى من عالم النت

اضافة رد

العلامات المرجعية

طريقة اضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: طريقة اضافة اطار حول الصورة الرمزية لكاتب الموضوع لتصبح كما الموجودة بهيلبرنت
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[XF 2.x Add] : هاك الصورة الرمزية لكاتب الموضوع بالصفحة الرئيسية لمنتديات الزين فورو abo-karim اضافات الزين فورو XENFORO 7 06-10-2018 01:02 AM
[XF 1.x Add] : هاك الصورة الرمزية لكاتب الموضوع وصاحب اخر رد - xenforo هيلبرنت اضافات الزين فورو XENFORO 5 06-10-2018 01:01 AM
هاك الصورة الرمزية لصاحب الموضوع بجانب مواضيعه في المنتدى للجيل الرابع هيلبرنت ركن تطوير المنتديات vB 4.0.0 0 10-25-2017 08:47 PM
مشكل عدم ظهور الصورة الرمزية بجوار كاتب الموضوع في استايل هلبرنت khairosoft ركن مشاكل تصاميم الاستايلات 6 01-11-2016 07:59 PM
طلب هاك او كود ظهور الصورة الرمزية للعضو بجانب الموضوع والاقسام أسلاموف ركن مشاكل وطلبات المنتديات 3 10-01-2015 10:20 PM




الساعة الآن 02:30 PM
Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.