منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال

مُساهمة من طرف رامي كاتي في 09/07/16, 12:01 am

السلام عليكم ورحمة الله وبركاته
كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال


مثال في الصوره في الصفحه الرئيسيه



مثال في الصوره اثناء تصفح المواضيع


طريقة تركيب الكود
لوحة الاداره >> مظهر المنتدى >> التومبلايتات و القوالب >>
نسخة الجوال >> overall_header
واستبدل قالب ال 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}
 <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}
       <script>
          $(function(){
    $.each(_userdata, function(key, value){
        $(".رامي-كاتي-" + key).html(value);
    })
});
     </script>
</head>
 
<body>
 <div id="wrap">
 <div id="header" class="mobile_title"> <!-- BEGIN switch_user_logged_in -->
 <span class="رامي-كاتي-avatar"></span>
         <!-- END switch_user_logged_in -->
 {NAV_CAT_DESC}
 </div>
 <main>
 <!-- BEGIN html_validation -->
 </main>
 </div>
</body>
</html>
<!-- END html_validation -->


ثم اذهب الى لوحة الادارة مظهر المنتدى /الوان/اكواد css /ضيف الكود وسجل

الرمز:

#header img {
    border-radius: 60px;
    float: right;
    height: 100%;
}
و مبروك عليك الكود ^^
وللامانه هذا الكود  اقتبسته من العضو SaLEm Hen!CHE
وتم التعديل على الكود من قبلي ليناسب الجوال

رامي كاتي

الجنس : ذكر
عدد المساهمات : 14
التقييم : 13
تاريخ التسجيل : 29/04/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال

مُساهمة من طرف JAR7 في 09/07/16, 05:34 am



السسلآلآم عليككم ورحمة الله وبركاته...
~يسعد ايامكك ..
ماشاءالله عليك جدا جميله المشاركه 
الله يكتب أجرك ويارب تكون في موآزين اعمالك 
ماقصرت على هالحضور بجد أبدعت..
جهود مبارك جزاك الله خيرا
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير






JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال

مُساهمة من طرف رامي كاتي في 09/07/16, 08:12 pm

@JAR7 كتب:
هل هذه الصوره تعني ان موضوعي تثبت
+
نورتي الموضوع يا جرح 
شكرا لكي على الكلام الحلو تسلمين
ودمتي بخير

رامي كاتي

الجنس : ذكر
عدد المساهمات : 14
التقييم : 13
تاريخ التسجيل : 29/04/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى