hossam123

hossam

المواضيع الأخيرة
» كود وضع حقوق نصية اسفل المنتدى لمصممي الاستايلات
من طرف Admin الخميس يناير 04, 2018 2:38 pm

» [ Css ] حصرى كود css وضع صورة بجانب المجموعات
من طرف Admin الخميس يناير 04, 2018 2:35 pm

» جميع القنوات المجانية والمشفرة بين يديك وبأنترنت ضعيفة
من طرف Admin الثلاثاء نوفمبر 28, 2017 8:10 am

» افضل تطبيق اندرويد يمكن استخدامه للمراقبة والتجسس
من طرف Admin الجمعة أكتوبر 13, 2017 10:35 pm

» تطبيق KMPlayer Pro 2.1.0 المدفوع للاندرويد [اخر اصدار]
من طرف Admin الأربعاء نوفمبر 02, 2016 6:53 pm

» تطبيق MX Player Pro v1.8.9 المدفوع افضل برنامج مشاهده فديوهات وتنزيل ترجمه الافلام ايضا للاندرويد [اخر اصدار]
من طرف Admin الأربعاء نوفمبر 02, 2016 6:10 pm

» تطبيق مسجل الفيديو السري Secret Video Recorder Pro v1.2.3.0 مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:16 am

» تطبيق تسريع الهاتف Phone Speed Booster Pro v1.5 مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:15 am

» تطبيق Photo Mate R2 v4.2.3 للتعديل الصور مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:11 am

» تطبيق Chrooma Keyboard - Emoji PRO v3.0.1 مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:10 am

» تطبيق Floating Apps (multitasking) v3.6.8 مدفوع مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:09 am

» تطبيق Retrica Pro v3.4.1 للانشاء تاثيرات رائعة على صورك النسخة المدفوعة مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:08 am

» تطبيق تحرير النصوص VLk Text Editor PRO v1.8.5 النسخة المدفوعة مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:07 am

» تطبيق Adobe Photoshop Express Premium v3.1.42 لمعالجة الصور النسخة المدفوعة للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:06 am

» تطبيق تحرير الصوت Voice PRO - HQ Audio Editor v3.3.16 النسخة المدفوعة مجانا للاندرويد
من طرف Admin الخميس أكتوبر 20, 2016 8:05 am

تحميل جي بي واتساب 4.05 و واتساب بلس بميزة ترجمة الرسائل – تحديث

الأربعاء فبراير 24, 2016 8:21 am من طرف Admin

[url=http://arabitechnomedia.com/wp-content/uploads/2016/02/Untitled-1-3.jpg][img(696px,348px):10bf]…[/img(696px,348px):10bf]


تعاليق: 1



قائمة منبثقة للرسائل الخاصة بدون الذهاب الى صندوق الرسائل

 :: دعم منتديات احلى منتدى :: اكواد CSS

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

قائمة منبثقة للرسائل الخاصة بدون الذهاب الى صندوق الرسائل Empty قائمة منبثقة للرسائل الخاصة بدون الذهاب الى صندوق الرسائل

#114
Admin
Admin
Admin
Time Online : 1d 20h 25m 49s
عدد المساهمات : 279
تاريخ التسجيل : 04/07/2011
https://hossam123.mam9.com

مُساهمةAdmin الأربعاء يونيو 24, 2015 3:46 pm

قائمة منبثقة للرسائل الخاصة بدون الذهاب الى صندوق الرسائل
تعمل هذه القائمة على معرفة عنواين الرسالئل الخاص ومرسليها وبدون الحاجه الى الذهاب الى صندوق الرسائل الخاصه
صوره كمثال
قائمة منبثقة للرسائل الخاصة بدون الذهاب الى صندوق الرسائل Image
والان مع الكود
بالجافا سكربت
اسم العنصر : كما تشاء
مكان العنصر : جميع الصفحات الا اذا اردت تmsoft.olympe.in/فعيلها فى اماكن معينه فقط
الكود

كود :
الكود:
/***

            * اظهار الرسائل الخاصة بقائمة منبثقة.
            * تم صنع الاسكربت بواسطتة مايكل سوفت
            * http://micsoft.is-best.net
            */
            jQuery(function () {
                /***
                * User Definition Variables
                ***/
                /* Put here the amount number of PMs returned!!! */
                var iAmount = 7; 
                /***
                * System Defined Variables - Do not edit if you don't know!
                ***/
                var oConfig = {
                    sInfo:
                        '<!--' +
                        '* Application: Private Message List.' +
                        '* Description: This application can displays the list of PM in related menus.' +
                        '* Version: 1.03102014-jq1.9.1 - Hermes Kriophoros' +
                        '* Made and Optimizations by JScript - 2014/03/10' +
                        '* View more in: http://codeforum.besaba.com/forum/index.php' +
                        '* Copyright (c) 2014 JScript <jscriptbrasil at live dot com>' +
                        '* This work is free. You can redistribute it and/or modify it' +
                        '* under the terms of the WTFPL, Version 2' +
                        '-->',     
                    sContent:
                        '<div class="ipsHeaderMenu boxShadow" id="user_inbox_link_menucontent" style="display: none; width: 300px; position: absolute; z-index: 9999;">' +
                            '<h4 class="ipsType_sectiontitle">صندوق استقبال الرسائل الخاصه' +
                                '<p class="ipsPad_half ipsType_smaller right">' +
                                    '<a class="configure" href="/privmsg?folder=inbox">الرسائل</a> · <a href="/privmsg?mode=post" title="رساله جديدة">رساله جديده</a>' +
                                '</p>' +
                            '</h4>' +
                            '<ul class="ipsList_withminiphoto"><img src="http://i55.servimg.com/u/f55/18/17/62/92/ajax-l10.gif" alt="- Load" style="display: block; margin-left: auto; margin-right: auto;"></ul>' +
                        '</div>',     
                    sCSS:
                        '<style>' +
                        '.ipsHeaderMenu {' +
                            'background-color: #FFFFFF;' +
                            'border-radius: 0 0 6px 6px;' +
                            'overflow: hidden;' +
                            'padding: 10px;' +
                            'width: 340px;' +
                        '}' +
                        '.boxShadow {' +
                            'box-shadow: 0 12px 25px rgba(0, 0, 0, 0.58);' +
                        '}' +
                        '.ipsHeaderMenu .ipsType_sectiontitle {' +
                            'margin-bottom: 8px;' +
                        '}' +
                        '.ipsType_sectiontitle {' +
                            'border-bottom: 1px solid #ECECEC;' +
                            'color: #595959;' +
                            'font-size: 16px;' +
                            'font-weight: 400;' +
                            'padding: 5px 0;' +
                        '}' +
                        '.ipsType_smaller, .ipsType_smaller a {' +
                            'font-size: 11px !important;' +
                        '}' +
                        '.ipsPad_half {' +
                            'padding: 4px !important;' +
                        '}' +
                        '.right {' +
                            'float: right;' +
                        '}' +
                        '.ipsList_withminiphoto > li {' +
                            'margin-bottom: 8px;' +
                        '}' +
                        '.ipsType_small {' +
                            'font-size: 12px;' +
                        '}' +
                        '.ipsUserPhoto {' +
                            'background: none repeat scroll 0 0 #FFFFFF;' +
                            'border: 1px solid #D5D5D5 !important;' +
                            'box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);' +
                            'padding: 1px;' +
                        '}' +
                        '.ipsUserPhoto_mini {' +
                            'height: 30px;' +
                            'width: 30px;' +
                        '}' +
                        '.left {' +
                            'float: left;' +
                        '}' +
                        '.ipsList_withminiphoto > li .list_content {' +
                            'margin-left: 40px;' +
                        '}' +
                        '#user_inbox_link_menucontent ul.ipsList_withminiphoto {' +
                            'list-style: none outside none;' +
                            'padding-left: 0 !important;' +
                        '}' +
                        '.desc.lighter, .desc.lighter.blend_links a {' +
                            'color: #A4A4A4;' +
                        '}' +
                        '.ipsType_smaller, .ipsType_smaller a {' +
                            'font-size: 11px !important;' +
                        '}' +
                        '.menu_active {' +
                            'color: #595959 !important;' +
                            'background-color: #FFFFFF !important;' +
                            'background-position: center bottom;' +
                            'border-radius: 3px 3px 0 0;' +
                            'padding: 4px;' +
                        '}' +
                        '</style>',
                    sTarget: '',
                    sSearch: '',
                    sExpression0: '',
                    sExpression1: '',
                    sExpression2: '',
                    sGetIMG: ''
                };
                /* Add CSS */
                /*document.head.insertAdjacentHTML('beforeEnd', oConfig.sCSS);*/
                jQuery(oConfig.sCSS).insertBefore('body');
                jQuery('body').append(oConfig.sInfo + oConfig.sContent);
                /* Forum versions! */
                var phpBB2 = jQuery('.bodyline');
                var phpBB3 = jQuery('#wrap');
                var punbb = jQuery('#pun-intro');
                var invision = jQuery('#ipbwrapper');
             
                if (phpBB2.length) {
                    oConfig.sSearch = 'form[name="privmsg_list"] .forumline tr';
                    oConfig.sTarget = 'tr';
                    oConfig.sExpression0 = 'memDiv.find("tr:first, tr:last").remove();';
                    oConfig.sExpression1 = 'jQuery(this).find("a.topictitle").html()';
                    oConfig.sExpression2 = 'jQuery(this).find("td .name").html() + " - " + jQuery(this).find("td .postdetails").html()';
                    oConfig.sGetIMG = ' #emptyidcc .row1.gensmall img:eq(0)';
                } else if(phpBB3.length) {
                    oConfig.sSearch = '.topiclist.pmlist.bg_none li';
                    oConfig.sTarget = '.icon dt';
                    oConfig.sExpression1 = 'jQuery(this).find("a.topictitle")[0].outerHTML';
                    oConfig.sExpression2 = 'jQuery(this).find("em").html()';
                    oConfig.sGetIMG = ' #profile-advanced-right img:eq(0)';
                } else if(punbb.length) {
                    oConfig.sSearch = '.main-content tr .tcl.tdtopics';
                    oConfig.sGetIMG = ' #profile-advanced-right .main-content img:first';
                } else if(invision.length) {
                    oConfig.sSearch = '.borderwrap table.ipbtable tbody tr:not(":empty")';
                    oConfig.sTarget = 'tr';
                    oConfig.sExpression1 = 'var _tmp1 = jQuery(this).find("td:eq(2)");_tmp1.children("a.topictitle")[0].outerHTML';
                    oConfig.sExpression2 = '_tmp1.children("a.topictitle").remove();_tmp1.html()';
                    oConfig.sGetIMG = ' #profile-advanced-right .box-content.profile.center img:first';
                };
             
                jQuery('a[href*="/privmsg?folder=inbox"]').click(function () {
                    var oClicked = jQuery(this);
                    var oTarget = jQuery('#user_inbox_link_menucontent');
                    if (oTarget[0].style.display == 'none') {
                        oClicked.addClass('menu_active');
                     
                        if ( !jQuery('#user_inbox_link_menucontent ul.ipsList_withminiphoto > li').length ) {
                            var memDiv = jQuery('<div>');
                            memDiv.load('/privmsg?folder=inbox ' + oConfig.sSearch + ':lt(' + iAmount + ')', function() {
                                if (punbb.length) {
                                    memDiv
                                        .html(
                                            memDiv.html()
                                                .replace(/\<\/a\> por/g, '</a></br><span class="ipsType_smaller desc lighter">')
                                                .replace(/\<\/td\>/g, '</span></div></li>')
                                                .replace(/\<td class="tcl tdtopics"\>/g, '<li class="ipsType_small clearfix"><img class="ipsUserPhoto ipsUserPhoto_mini left" alt="User image" src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"><div class="list_content">')
                                        )
                                        .find('span.status').remove();
                                } else {
                                    if (oConfig.sExpression0) {
                                        eval( oConfig.sExpression0 );
                                    }
                                    var sHtml = '';
                                    oConfig.sTarget = memDiv.find(oConfig.sTarget);
                                    jQuery.each(oConfig.sTarget, function( index, value ) {
                                        sHtml +=
                                            '<li class="ipsType_small clearfix">' +
                                                '<img class="ipsUserPhoto ipsUserPhoto_mini left" alt="User image" src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png">' +
                                                '<div class="list_content">' +
                                                    eval( oConfig.sExpression1 ) + '<br>' +
                                                    '<span class="ipsType_smaller desc lighter">' + eval( oConfig.sExpression2 ) + '</span>' +
                                                '</div>' +
                                            '</li>';
                                    });
                                    memDiv.html(sHtml);
                                }
                                jQuery('#user_inbox_link_menucontent ul.ipsList_withminiphoto').html(memDiv.html());
                                var oImgTarget = oTarget.find('.ipsType_small.clearfix');
                                oImgTarget.each(function( index ) {
                                    var UserURL = jQuery(this).find('.ipsType_smaller a, .list_content a:last');
                                    if (UserURL.length) {
                                        UserURL = UserURL.attr('href');
                                        var oImgTag = jQuery(this).find('.ipsUserPhoto');
                                        var UserIMG = sessionStorage.getItem(UserURL); /* Gets the avatar saved in local storage */
                                        /* If avatar alread saved, then no request member profile! */
                                        if(UserIMG) {
                                            jQuery(this).find('img').attr('src', UserIMG);
                                        } else {
                                            /* if not, then only request per session!!! */
                                            jQuery.get(UserURL, function(data){
                                                var profile_img = jQuery(oConfig.sGetIMG, data).attr('src');
                                                if (profile_img !== undefined) {
                                                    oImgTag.attr('src', profile_img);
                                                    /* Saves the member avatar in local storage */
                                                    sessionStorage.setItem(UserURL, profile_img);
                                                }
                                            });
                                        }
                                    }
                                });
                            });
                        }
                        oTarget
                            .css({
                                'left': (oClicked.offset().left + oClicked.outerWidth()) - oTarget.outerWidth(),
                                'top': oClicked.offset().top + oClicked.outerHeight()
                            })         
                            .fadeIn(400);
                        jQuery(document).mousedown(function() {
                            if(!oTarget.is(":hover")) {
                                jQuery(document).unbind('mousedown');
                                oClicked.removeClass('menu_active');
                                oTarget.fadeOut(400);
                            }
                        });         
                    } else {
                        oClicked.removeClass('menu_active');
                        oTarget.fadeOut(400);
                    }
                    return false;
                });
            });

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

مواضيع مماثلة
» [ JavaScript ][ CSS ][ HTML ] كود نافذه منبثقة اعجابات الفيس بوك عند فتح المنتدى برمجة فريق احلى حكاية
» قائمة عرضية CSS + مثال
» قائمة جانبية مميزة بتصميم Css
» بار علوي ( قائمة افقية ) مثل ترايدنت css
» قائمة منسدلة غاية في الروعه والجمال

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

hossam123 :: دعم منتديات احلى منتدى :: اكواد CSS

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
©phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | آخر المواضيع