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

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

منتديات ادرار
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات ادرار

بوابة ولاية أدرارلكل العرب والجزائريين
 
الرئيسيةالرئيسية  البوابةالبوابة  الأحداث  المنشوراتالمنشورات  س .و .جس .و .ج  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول    

شاطر
 

 كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية

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

عدد المساهمات : 538

كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Empty
مُساهمةموضوع: موضوعك الأول   كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Emptyالسبت 12 يوليو - 11:24:06

هنا نوفر لك بعض المعلومات القيمة التي ستساعدك بالبدئ في إدارة منتداك.


عدل سابقا من قبل ادرار في الأربعاء 24 يونيو - 10:00:39 عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
avatar
مشكلتي
عضو نشيط
عضو نشيط

عدد المساهمات : 19

كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Empty
مُساهمةموضوع: رد: كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية   كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Emptyالثلاثاء 15 يوليو - 1:45:47

المفروض يتم حذفه :$ ! :P
الرجوع الى أعلى الصفحة اذهب الى الأسفل
GSA
GSA
.
.

عدد المساهمات : 538

كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Empty
مُساهمةموضوع: كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية   كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Emptyالأربعاء 24 يونيو - 10:11:52

كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية

بسم الله الرحمن الرحيم

كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية

هذا الكود من تصميم : simoelmaachi

صورة للمعاينة


كود جافا
الكود: 
الكود:
// Avatar Center by simoelmaachi phpbb2$(document).on('ready', function() {    $('.forumline tr .row3.over').prepend('<div class="avatar-simoelmaachi"><div>');    $('.forumline tr .row3.over .avatar-simoelmaachi').each(function () {        var profileUser = $(this).parent().children('span').children('span').children('strong').children('a').attr('href');       $(this).html('<a href="' + profileUser + '" class="avatar-index-enlace"><img src="http://i35.servimg.com/u/f35/17/45/45/08/12810.png" alt="No Avatar" /></a>');        $(this).children('a').load(profileUser + ' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)');    });});

وكود السي اس اس
الكود:
الكود:
/* Avatar Center by simoelmaachi phpbb2*/.avatar-simoelmaachi { float: Center; }.avatar-simoelmaachi img { width: 50px; height: 50px; padding: 2px; border: 2px solid #25EBFF; margin: 0 10px; }
الكود في عاية الجمال
الرجوع الى أعلى الصفحة اذهب الى الأسفل
GSA
GSA
.
.

عدد المساهمات : 538

كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Empty
مُساهمةموضوع: رد: كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية   كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Emptyالأربعاء 24 يونيو - 10:15:03

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


الان طريقة وضع الكود 
اولا في الجافا
لوحة الاداره>>عناصر اضافيه>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد
العنوان:كما تريد
اضف الكود الى:جميع الصفحات
كود Javascript * :

الكود:
الكود:
$(function(){     if(!window.localStorage) return;     // Avatar por defecto    var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';     // Tiempo de cache, aqui 24 h * 60 m * 60 s * 1000 ms entonces un dيa    var caching_time= 24*60*60*1000;     // Tiempo de cache de un error, ici 60 s * 1000 ms entonces un minuto    var caching_error= 60*1000;     var set_avatar= function(id) {        $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');    };     var get_avatar= function(id) {        if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))        {            localStorage.setItem('d_ava'+id, default_avatar);            $.get('/u'+id, function (d){                localStorage.setItem('t_ava'+id,+new Date);                localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);                set_avatar(id);            });        }        return localStorage.getItem('d_ava'+id);    };     var to_replace= {};     $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){        to_replace[$(this).attr('href').substr(2)]= 1;        $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');    });     for(i in to_replace)    {        set_avatar(i);    }; });




ثانيا اكواد ال css
لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الوان>>ورقة تصميم ال css 
وضع الكود التالي:

الكود:
الكود:
 .mini_ava {  float: left;}.mini_ava img {  width: 40px;  height: 40px;  margin: 0 5px;  border-radius: 10px;  transition: all 2s;  -moz-transition: all 2s;  -webkit-transition: all 2s;  -o-transition: all 2s;}.mini_ava img:hover{  width: 80px;  height: 80px;}
قبل وضع مؤشر الفأره على الصوره:
كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية TVXkH
بهعد وضع مؤشر الفأره على الصوره:
كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية LtU2U
منقول للافاده



وبهذا قد انتهى الشرح
بالتوفيق ليكم
 كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية 221706 
تحياتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود وضع رسالة فى spoiler بطريقة مميزة
» كود لوضع كلمة لوحة الادارة فى المتصفح
» كود css روعة يحريك اى كلمة فى شريط الازرار الى الاعلى بطريقة رائعة
» اصلاح مشكلة المواضيع الاخيرة
» تقنية صورة متأرجحة

منتديات ادرار خدمات الموضوع
 KonuEtiketleri كلمات دليليه
كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية , كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية , كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية ,كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية ,كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية , كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ادرار  :: بوابة دعم وتطوير المواقع و المنتديات :: أكواد دعم وتطوير المنتديات :: اكواد Javascript-
انتقل الى:  

مساحة اعلانية مجانا *للحجزإتصل بنا*




الساعة الأن بتوقيت بلدك
جميع الحقوق محفوظة لـمنتديات ادرار
®https://adrar01.yoo7.com
حقوق الطبع والنشر©2023 - 2012


كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية Percent_0
"منتديات ادرار" اليوم الجمعة 19 أبريل - 14:36:50
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية reddit      

قم بحفض و مشاطرة الرابط منتديات ادرار على موقع حفض الصفحات
  • تذكرني؟
  • يمكنكم تحميل تطبيق منتديات ادرار