حياكم الله في منتديات واحة الإسلام.... تشرفنا زيارتكم.... يزدنا تألقا انضمامكم لاسرتنا.... نعمل لخدمتكم ...فمنتدياتنا صدقة جارية لاجلكم فحياكم الله ونزلتم اهلا وحللتم سهلا
كلمة الإدارة
 
 

 
 
 
 

منتديات واحة الإسلام :: الأقسام المتنوعة :: واحة التكنولوجيا و التقنيات ::  واحة تطوير المواقع

كاتب الموضوع wissam مشاهدة صفحة طباعة الموضوع  | أرسل هذا الموضوع إلى صديق  |  الاشتراك انشر الموضوع
 المشاركة رقم: #
تم النشر فى :01 - 03 - 2018
wissam
Admin
Admin
تواصل معى
https://wahetaleslam.yoo7.com
البيانات
عدد المساهمات : 18291
السٌّمعَة : 21
تاريخ الميلاد : 16/04/1968
تاريخ التسجيل : 29/07/2016
العمر : 56
العمل/الترفيه : ربة منزل
كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال Emptyموضوع: كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال

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


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


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

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

طريقة تركيب الكود
لوحة الاداره >> مظهر المنتدى >> التومبلايتات و القوالب >>
نسخة الجوال >> 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
وتم التعديل على الكود من قبلي ليناسب الجوال


منقول


التوقيع: wissam



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


الإثنين مارس 12, 2018 10:46 am
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
مشرف
الرتبه:
مشرف
الصورة الرمزية

jassim1

البيانات
عدد المساهمات : 1355
السٌّمعَة : 3
تاريخ التسجيل : 11/12/2017

الإتصالات
الحالة:
وسائل الإتصال:

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


جزاك الله خيرا 
مجهود رائع 
يعطيك العافية
وشكرا لك
مجهود يصعب وصفه








الإثنين أبريل 02, 2018 4:19 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
مراقب عام
الرتبه:
مراقب عام
الصورة الرمزية

ليدر

البيانات
عدد المساهمات : 279
السٌّمعَة : 0
تاريخ التسجيل : 20/03/2018

الإتصالات
الحالة:
وسائل الإتصال:

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


الف شكر لكم

على الروعة وجمال الانتقاء

سلمت يداكم على طرحكم الاكثر من رائع

و الله يعطيكم الف عافيه

وفي انتظار جديدكم

دمتم بسعاده







التوقيع: ليدر



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




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


التعليق على الموضوع بواسطة الفيس بوك

الــرد الســـريـع
..


مواضيع ذات صلة


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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة




 ملاحظة: جميع آلمشآركآت آلمكتوبه تعبّر عن وجهة نظر صآحبهآ , ولا تعبّر بأي شكل من آلأشكآل عن وجهة نظر إدآرة آلمنتدى



language  

Powered by vBulletin Version 3.8.11
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd
تحويل و برمجة الطائر الحر لخدمات الدعم الفني و التطوير