منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr2
 
@JAR7
 

عمل منتدى

مطلوب الكود ده لاظهار الوصف هذا الشكل

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

معلومة مطلوب الكود ده لاظهار الوصف هذا الشكل

مُساهمة من طرف Michael_vx في الخميس 27 مارس 2014 - 7:03

مطلوب الكود ده لاظهار الوصف هذا الشكل
صورة
http://micsoft.url.ph/up/do.php?img=2
تم الحل وتظبيط المقاسات الى المناسب للمنتدى
شكرا جزيلا على التعاون


عدل سابقا من قبل Michael_vx في الخميس 27 مارس 2014 - 16:33 عدل 1 مرات

Michael_vx
 
 

ذكر
عدد المساهمات : 1541
معدل النشاط : 5068

http://miccsoft.com

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

معلومة رد: مطلوب الكود ده لاظهار الوصف هذا الشكل

مُساهمة من طرف عبدالله بخدمتكم في الخميس 27 مارس 2014 - 14:34

أهلا اخي العزيز تبعاً لقوانين منتدى الدعم والمساعده واحتراماً لحقوق صاحب الكود 


تم ارسالة برسالة


 silent 

عبدالله بخدمتكم
 
 

ذكر
عدد المساهمات : 1202
معدل النشاط : 3239

https://www.youtube.com/user/abdalah1tupe

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

معلومة رد: مطلوب الكود ده لاظهار الوصف هذا الشكل

مُساهمة من طرف Michael_vx في الخميس 27 مارس 2014 - 15:23

مازلت انتظر الاجابة
ولا هم الخبراء اختفو من الدعم العربى
 Shocked 

Michael_vx
 
 

ذكر
عدد المساهمات : 1541
معدل النشاط : 5068

http://miccsoft.com

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

معلومة رد: مطلوب الكود ده لاظهار الوصف هذا الشكل

مُساهمة من طرف عبدالله بخدمتكم في الخميس 27 مارس 2014 - 15:29

@Michael_vx كتب:
مازلت انتظر الاجابة
ولا هم الخبراء اختفو من الدعم العربى
 Shocked 

 I love you  I love you  I love you  I love you  I love you  I love you  I love you  I love you 

تم ارسال الكود الم تقرا

(تم ارسالة بشكل مباشر)

 Suspect  Suspect  Suspect  Suspect  Suspect  Suspect  Suspect  Suspect  Suspect  Suspect  Suspect 

المهم تفضل
ضعه في جافا سكربت وفي جميع الصفحات :
Spoiler:




// tipsy, facebook style tooltips for jquery
// www.4egy.net
// code brogramed by ahmed and mohamed abdelfatah
// releated under the MIT license

(function($) {
    
    function fixTitle($ele) {
        if ($ele.attr('title') || typeof($ele.attr('original-title')) != 'string') {
            $ele.attr('original-title', $ele.attr('title') || '').removeAttr('title');
        }
    }
    
    function Tipsy(element, options) {
        this.$element = $(element);
        this.options = options;
        this.enabled = true;
        fixTitle(this.$element);
    }
    
    Tipsy.prototype = {
        show: function() {
            var title = this.getTitle();
            if (title && this.enabled) {
                var $tip = this.tip();
                
                $tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
                $tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
                $tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);
                
                var pos = $.extend({}, this.$element.offset(), {
                    width: this.$element[0].offsetWidth,
                    height: this.$element[0].offsetHeight
                });
                
                var actualWidth = $tip[0].offsetWidth, actualHeight = $tip[0].offsetHeight;
                var gravity = (typeof this.options.gravity == 'function')
                                ? this.options.gravity.call(this.$element[0])
                                : this.options.gravity;
                
                var tp;
                switch (gravity.charAt(0)) {
                    case 'n':
                        tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
                        break;
                    case 's':
                        tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
                        break;
                    case 'e':
                        tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset};
                        break;
                    case 'w':
                        tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset};
                        break;
                }
                
                if (gravity.length == 2) {
                    if (gravity.charAt(1) == 'w') {
                        tp.left = pos.left + pos.width / 2 - 15;
                    } else {
                        tp.left = pos.left + pos.width / 2 - actualWidth + 15;
                    }
                }
                
                $tip.css(tp).addClass('tipsy-' + gravity);
                
                if (this.options.fade) {
                    $tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
                } else {
                    $tip.css({visibility: 'visible', opacity: this.options.opacity});
                }
            }
        },
        
        hide: function() {
            if (this.options.fade) {
                this.tip().stop().fadeOut(function() { $(this).remove(); });
            } else {
                this.tip().remove();
            }
        },
        
        getTitle: function() {
            var title, $e = this.$element, o = this.options;
            fixTitle($e);
            var title, o = this.options;
            if (typeof o.title == 'string') {
                title = $e.attr(o.title == 'title' ? 'original-title' : o.title);
            } else if (typeof o.title == 'function') {
                title = o.title.call($e[0]);
            }
            title = ('' + title).replace(/(^\s*|\s*$)/, "");
            return title || o.fallback;
        },
        
        tip: function() {
            if (!this.$tip) {
                this.$tip = $('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>');
            }
            return this.$tip;
        },
        
        validate: function() {
            if (!this.$element[0].parentNode) {
                this.hide();
                this.$element = null;
                this.options = null;
            }
        },
        
        enable: function() { this.enabled = true; },
        disable: function() { this.enabled = false; },
        toggleEnabled: function() { this.enabled = !this.enabled; }
    };
    
    $.fn.tipsy = function(options) {
        
        if (options === true) {
            return this.data('tipsy');
        } else if (typeof options == 'string') {
            return this.data('tipsy')[options]();
        }
        
        options = $.extend({}, $.fn.tipsy.defaults, options);
        
        function get(ele) {
            var tipsy = $.data(ele, 'tipsy');
            if (!tipsy) {
                tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options));
                $.data(ele, 'tipsy', tipsy);
            }
            return tipsy;
        }
        
        function enter() {
            var tipsy = get(this);
            tipsy.hoverState = 'in';
            if (options.delayIn == 0) {
                tipsy.show();
            } else {
                setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn);
            }
        };
        
        function leave() {
            var tipsy = get(this);
            tipsy.hoverState = 'out';
            if (options.delayOut == 0) {
                tipsy.hide();
            } else {
                setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut);
            }
        };
        
        if (!options.live) this.each(function() { get(this); });
        
        if (options.trigger != 'manual') {
            var binder  = options.live ? 'live' : 'bind',
                eventIn  = options.trigger == 'hover' ? 'mouseenter' : 'focus',
                eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur';
            this[binder](eventIn, enter)[binder](eventOut, leave);
        }
        
        return this;
        
    };
    
    $.fn.tipsy.defaults = {
        delayIn: 0,
        delayOut: 0,
        fade: false,
        fallback: '',
        gravity: 'n',
        html: false,
        live: false,
        offset: 0,
        opacity: 0.8,
        title: 'title',
        trigger: 'hover'
    };
    
    // Overwrite this method to provide options on a per-element basis.
    // For example, you could store the gravity in a 'tipsy-gravity' attribute:
    // return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
    // (remember - do not modify 'options' in place!)
    $.fn.tipsy.elementOptions = function(ele, options) {
        return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
    };
    
    $.fn.tipsy.autoNS = function() {
        return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
    };
    
    $.fn.tipsy.autoWE = function() {
        return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
    };
    
})(jQuery);




ضع الكود التالي ايضا في جافا وفي جميع السفحات

Spoiler:



$(document).ready(function(){
  $(function() {
    $('a').tipsy({gravity: 'se', delayIn: 500, delayOut: 1000, fade: true});

  
  });
});



ثم ضع هذا في css
Spoiler:




.tipsy { 
padding: 5px; 
font-size: 11px; 
position: absolute; 
text-shadow: none;
z-index: 999;
}

.tipsy-inner { 
padding: 8px 8px 8px 8px; 
background-color: black; 
color: white; 
max-width: 2000px; 
text-align: center; 
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
font:10pt tahoma;text-align:center;




}

.tipsy-inner { 
border-radius: 3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
}

.tipsy-arrow { 
position: absolute; 
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left; 
width: 9px; 
height: 5px; 
}

.tipsy-n .tipsy-arrow { 
top: 0; 
left: 50%; 
margin-left: -4px; 
}

.tipsy-nw .tipsy-arrow { 
top: 0; 
left: 10px; 
}

.tipsy-ne .tipsy-arrow { 
top: 0; 
right: 10px; 
}

.tipsy-s .tipsy-arrow { 
bottom: 0; 
left: 50%; 
margin-left: -4px; 
background-position: bottom left; 
}

.tipsy-sw .tipsy-arrow { 
bottom: 0; 
left: 10px; 
background-position: bottom left; 
}

.tipsy-se .tipsy-arrow { 
bottom: 0; 
right: 10px; 
background-position: bottom left; 
}

.tipsy-e .tipsy-arrow { 
top: 50%;
margin-top: -4px; 
right: 0; 
width: 5px; 
height: 9px; 
background-position: top right; 
}

.tipsy-w .tipsy-arrow { 
top: 50%; 
margin-top: -4px; 
left: 0; 
width: 5px; 
height: 9px; 
}



انتهى اخي الكريم  tongue

عبدالله بخدمتكم
 
 

ذكر
عدد المساهمات : 1202
معدل النشاط : 3239

https://www.youtube.com/user/abdalah1tupe

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

معلومة رد: مطلوب الكود ده لاظهار الوصف هذا الشكل

مُساهمة من طرف Michael_vx في الخميس 27 مارس 2014 - 16:12

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

Michael_vx
 
 

ذكر
عدد المساهمات : 1541
معدل النشاط : 5068

http://miccsoft.com

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

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


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