منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي
 

 Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي

اذهب الى الأسفل 
كاتب الموضوعرسالة
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126341
نقاط النشاط : 142023
السٌّمعَة : 2980
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Saudi-10
العمر : 34
Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Yoo_ao11

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالأحد أبريل 23, 2017 10:44 pm

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي
Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي JWfrlY2
https://i.imgur.com/jWfrlY2.png
طريقة التركيب اذهب إلى. لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT.
اكواد javascript تفعيل اكواد javascript اختار نعم وسجل
ثم انشاء كود الاسم اي شئ اختار جميع صفحات
وضع الكود الاتي
الكود:

/*
* Código: Hovercard
* Versão: 1.0
* Autor: Daemon
* Data: 15/10/2016
*/
$(document).ready(function(e) {
$("head").append(
'<style type="text/css">' +
'.hovercard {' +
'  display: none;' +
'  position: absolute;' +
'  font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;' +
'  margin-top: 8px;' +
'  margin-left: -15px;' +
'  word-wrap: break-word;' +
'  border:1px solid #aaa;' +
'  color: #555;' +
'  font-size: 12px;' +
'  border-radius: 3px;' +
'  z-index: 50;' +
'  background-color: #fff;' +
'  -webkit-box-shadow:  rgba(0, 0, 0, 0.4) 0px 3px 4px;' +
'  -moz-box-shadow:  rgba(0, 0, 0, 0.4) 0px 3px 4px;' +
'  box-shadow:  rgba(0, 0, 0, 0.4) 0px 3px 4px;' +
'}' +
'.hovercard_inner {' +
'  height: 145px;' +
'  width: 230px;' +
'}' +
'.hovercard ul {' +
'  margin-right: 5px;' +
'  list-style: none;' +
'  float: right;' +
'}' +
'.hovercard li {padding: 3px 2px;border-bottom: 1px solid #ccc;}' +
'.hovercard li:last-child {border-bottom: 0;}' +
'.hovercard:before {' +
'  content: "";' +
'  position: absolute;' +
'  pointer-events: none !important;' +
'  bottom: 100%;' +
'  border-width: 10px;' +
'  opacity: 0.4;' +
'  border-style: solid;' +
'  border-color: transparent transparent #000 transparent;' +
'}' +
'.hovercard h3 {' +
'  background-color: #eee;' +
'  border-bottom: 1px dashed #aaa;' +
'  margin: 0;' +
'  margin-bottom: 5px;' +
'  padding: 3px;' +
'  text-align: center;' +
'}' +
'.hovercard h3 a {' +
'  font-size: 17px;' +
'  color:#666;' +
'}' +
'.hovercard h3 a:hover {color: #333;}' +
'.hover-foto {' +
'  width: 55px;' +
'  height: 55px;' +
'  background-color: #FFFFFF;' +
'  border: 1px solid #aaa;' +
'  -webkit-box-shadow:  rgba(0, 0, 0, 0.4) 0px 2px 3px;' +
'  -moz-box-shadow:  rgba(0, 0, 0, 0.4) 0px 2px 3px;' +
'  box-shadow:  rgba(0, 0, 0, 0.4) 0px 2px 3px;' +
'  margin: 10px;' +
'  padding: 2px;' +
'  -webkit-border-radius: 100%;' +
'  -moz-border-radius: 100%;' +
'  border-radius: 100%;' +
'}' +
'.hovercard a {' +
'  text-decoration: none;' +
'  cursor: pointer;' +
'}' +
'</style>'
);
$("body").append('<div class="hovercard" style="display:none"></div>');

        var timeout;
     
        function fadeOutHovercard() {
              timeout = setTimeout(function() {
                      $(".hovercard").fadeOut(400, function() {
                          $(this).html("<img src='https://imgur.com/qgD1gdO.gif' alt>");
                      });
              }, 1500);
        }
       
        function conteudo(user, url, id, foto, msg, rep, reg) {
                      var conteudoHC =
                      '<div class="hovercard_inner">' +
                      '  <h3><a href="' + url + '">' + user + '</a></h3>' +
                      '  <ul>' +
                      '    <li><strong>Mensagens:</strong> ' + msg + '</li>' +
                      '    <li><strong>Reputação:</strong> ' + rep + '</li>' +
                      '    <li><strong>Registro:</strong> ' + reg + '</li>' +
                      '    <li>' +
                      '            <a href="/privmsg?mode=post&u=' + id + '">' +
                      '              <img src="https://2img.net/s/t/18/09/33/i_icon_pm.png" title="Enviar MP">' +
                      '            </a>' +
                      '             &nbsp;' +
                      '            <a href="' + url + '">' +
                      '              <img src="https://2img.net/s/t/18/09/33/i_icon_profile.png" title="Visitar o perfil">' +
                      '            </a>' +
                      '    </li>' +
                      '  </ul>' +
                      '  <img src="' + foto + '" class="hover-foto" alt>' +
                      '</div>';
                      $(".hovercard").html(conteudoHC);
        }

        $("a[href^='/u']").mouseenter(function(e) {
            if(timeout) {clearTimeout(timeout);}

            var pos = {
                        top: e.pageY+ "px",
                        left: e.pageX + "px"
            };

            $(".hovercard").html("<img src='https://imgur.com/qgD1gdO.gif' alt>").css(pos).fadeIn(400);

            var urlUser = $(this).attr("href"), idUser = urlUser.match(/\d+/).toString();
            var stored = sessionStorage.getItem("hovercard-" + idUser);

            if(!stored) {
                $.get(urlUser + "?change_version=punbb", function(data) {
                      var user = $(data).filter("title").text().split("- ")[1], fotoUser = $("#profile-advanced-right .module:first .main-content img", data).attr("src"), msg = $("#field_id-6 dd", data).text(), rep = $("#field_id-14 dd", data).text(), reg = $("#field_id-4 dd", data).text();
                      var JSONuser = [{nome: user, url: urlUser, foto: fotoUser, id: idUser, mensagem: msg, reputacao: rep, registro: reg}];
                      var dataAsJsonString = JSON.stringify(JSONuser);
                      sessionStorage.setItem("hovercard-" + idUser, dataAsJsonString);
                     
                      conteudo(user, urlUser, idUser, fotoUser, msg, rep, reg);

                });
                return false;
            }

            var JSONuser = $.parseJSON(stored);
            $.each(JSONuser, function(i, val) {
                  if(val.id == idUser) conteudo(val.nome, val.url, val.id, val.foto, val.mensagem, val.reputacao, val.registro);
            });
        }).mouseleave(function(e) {
              fadeOutHovercard();
        });

        $(".hovercard").mouseenter(function(e) {
          if(timeout) {clearTimeout(timeout);}
        }).mouseleave(function(e) {
          fadeOutHovercard();
        });

});


Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
OuSsaMa BeDdAi
سوبر الإبداع 

OuSsaMa BeDdAi

ذكر
السمك
عدد المساهمات : 23696
نقاط النشاط : 24597
السٌّمعَة : 133
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Algeri10
العمر : 19

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالأحد أبريل 23, 2017 11:02 pm

كود ممتاز اختي جوري 
تم تقييم يا بطلة 
واصلي ابداعتك 


Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي 222310
If the plan doesn’t work, change the plan, but never the goal
وردة حمراء
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.pubarab.com/
منصورة
سوبر الإبداع 

منصورة

انثى
الدلو
عدد المساهمات : 13969
نقاط النشاط : 16962
السٌّمعَة : 51
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Algeri10
العمر : 57

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالأحد أبريل 23, 2017 11:55 pm

بارك الله فيك
وجزاك الله خير الجزاء
على هذا الكود المميز
مع كل الشكر والتقدير

اختي جوري


كل القلوب إلى الحبيب تميل
ومعي بهذا شاهد ودليل
اما الدليل إذا ذكرت محمداً
صارت دموع العارفين تسيل
هذا رسول الله نبراس الهدى
هذا لكل العالمين نبيا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.manssora.com/
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126341
نقاط النشاط : 142023
السٌّمعَة : 2980
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Saudi-10
العمر : 34
Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Yoo_ao11

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالإثنين أبريل 24, 2017 12:51 pm

منورين جميعا


Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Mr Robot
سوبر الإبداع 

Mr Robot

ذكر
القوس
عدد المساهمات : 35481
نقاط النشاط : 37581
السٌّمعَة : 108
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Lebano10
العمر : 34

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالإثنين أبريل 24, 2017 3:23 pm

كود جميل
شكرا لطرح المميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Nona el top
عضو 

Nona el top

عدد المساهمات : 7
نقاط النشاط : 15
السٌّمعَة : 0

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالجمعة مايو 12, 2017 3:58 am

يسلمو كود جميل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126341
نقاط النشاط : 142023
السٌّمعَة : 2980
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Saudi-10
العمر : 34
Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Yoo_ao11

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالجمعة مايو 12, 2017 6:50 pm

منورين جميعا


Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
K!LLeR
عضو خبير 

K!LLeR

ذكر
عدد المساهمات : 751
نقاط النشاط : 862
السٌّمعَة : 10
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Ioao10

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالخميس أغسطس 03, 2017 3:11 pm

أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
عراقي تاج
عضو 

عراقي تاج

ذكر
العذراء
عدد المساهمات : 42
نقاط النشاط : 54
السٌّمعَة : 5
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي 45544510
العمر : 24

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالإثنين أغسطس 21, 2017 11:30 pm

رؤعة جدا جدا
عاشت الايادي يا مبدعة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://iraqtaij.montadarabi.com/
Derraz Boujemaa
عضو ذهبي 

Derraz Boujemaa

ذكر
عدد المساهمات : 3399
نقاط النشاط : 6145
السٌّمعَة : 121
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Morocc10

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالإثنين ديسمبر 11, 2017 1:57 pm

يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
أنتظر جديدك بكل الشوق والود ,,,
تقبل مروري المتواضع


Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي OhiHHcI
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Picasso-Des
سوبر الإبداع 

Picasso-Des

ذكر
الجدي
عدد المساهمات : 10774
نقاط النشاط : 11116
السٌّمعَة : 136
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Ioao10
العمر : 36

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالسبت يونيو 16, 2018 10:42 pm

يعطيكم العافية على الطرح Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي 837876428
كل الاحترام Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي 433646733
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medialive.pro
مصطفى ستيتان
عضو محترف 

مصطفى ستيتان

ذكر
عدد المساهمات : 1130
نقاط النشاط : 1203
السٌّمعَة : 11
بلد العضو : Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Ioao10

Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Empty
مُساهمةموضوع: رد: Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي   Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Emptyالثلاثاء يوليو 24, 2018 11:42 am

 جزاكم الله خيراً  
 Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي 1454454920 Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي 1454454920 Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي 1454454920 Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي 1454454920 


سبحان الله والحمدلله ولا إله إلا الله 
 
Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.elmanal.com
 
Javascript بيانات العضو عند المرور باسم العضو بشكل احترافي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: التقنيات المتقدمة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020