موقع الصفحة العربية

منتديات المشاغب

معهد زين العربية


مواضيع تهمك

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

ممكن كود الصور لو سمحتم

بسم الله الرحمن الرحيم اخوانى واخواتي اعضاء ومشرفين هذا الصرح العظيم اسعد الله اوقاتكم بكل خير لو سمحتم...

احصائياتى

الردود
4

المشاهدات
89
! المبدع !
.:: عضو مشارك ::.
  • ! المبدع ! is an unknown quantity at this point

  • ! المبدع ! غير متواجد حالياً

المشاركات
23

+التقييم
3

تاريخ التسجيل
Jan 2021

الاقامة
فلسطين

نظام التشغيل
windows 8.1

رقم العضوية
2577
01-19-2021, 02:00 AM
المشاركة 1
01-19-2021, 02:00 AM
المشاركة 1
Post ممكن كود الصور لو سمحتم
بسم الله الرحمن الرحيم
اخوانى واخواتي اعضاء ومشرفين هذا الصرح العظيم اسعد الله اوقاتكم بكل خير
لو سمحتم احتاج إلى هذا الكود للضرورة .
وهذا مثال الكود

https://www.pcloud.com/

صورة الكود .


ممكن كود الصور لو سمحتم

احترامى وتقديري لكم


ll;k ;,] hgw,v g, slpjl


قديم 01-19-2021, 11:53 AM
المشاركة 2
Mohamed yasser
مشرف قسم تطوير المواقع
.:: مطور لغة PHP ::.
  • Mohamed yasser غير متواجد حالياً
افتراضي رد: ممكن كود الصور لو سمحتم
ممكن توضح اكتر

قديم 01-19-2021, 11:58 AM
المشاركة 3
~ GOOGLE ~
.:: عضو مبدع ::.
  • ~ GOOGLE ~ غير متواجد حالياً
افتراضي رد: ممكن كود الصور لو سمحتم
وضح اكثر اي كود فيهم بزبط
شوف يمكن هذا ناقل الصورة

كود بلغة HTML:
<div class="image for_desktop"><img class="top_box_image active" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos.png" style="display: inline;"><img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos.png" style="display: none;"><img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/music.png" style="display: none;"><img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs.png" style="display: none;"><img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs.png" style="display: none;"></div>

قديم 01-19-2021, 12:51 PM
المشاركة 4
Mohamed yasser
مشرف قسم تطوير المواقع
.:: مطور لغة PHP ::.
  • Mohamed yasser غير متواجد حالياً
افتراضي رد: ممكن كود الصور لو سمحتم
اتفضل
كود PHP:
<!doctype html>
<
html class="no-js" lang="en">
<
head >
<
meta charset="utf-8" />
<
title>Mohamed yasser</title>


<
script src="//pcdn-www.pcloud.com/Z8k/js/jquery.min.js"></script>




    


                <div class="box_holder top">
                    <div class="box top_box">
                        <div class="image for_desktop">
                            <img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/lazy-load.png" data-src="//pcdn-www.pcloud.com/Z8k/images/p_home/music.png" data-src-retina="//pcdn-www.pcloud.com/Z8k/images/p_home/music@2x.png">
                        </div>
                    </div>
                     
                </div>
            
    



<script>
    $(function() {
    var userAuth = $.cookie('pcauth');

        login_callback = function() {
      userAuth = pCloud.user.auth;
      sendAnalyticsTag(userAuth, "home view");
      window.location = myPcloudURL;
    };

    register_callback = function() {
      window.location = myPcloudURL;
    }

    var analyticsParams = {
      category: "Home page",
      label: "www-site",
      action: "view"
    }

    if (userAuth) {
      analyticsParams.auth = userAuth;
      analyticsParams.tag = "home view";
    }

    sendAnalyticsEvent(analyticsParams);

        function homePageJS() {
            var images = window.devicePixelRatio < 1.5 ? [
                $('<img class="top_box_image active" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos.png">'),
                $('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos.png">'),
                $('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/music.png">'),
                $('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs.png">'),
                $('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs.png">')
            ] : [
                $('<img class="top_box_image active" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos@2x.png">'),
                $('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/photos@2x.png">'),
                $('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/music@2x.png">'),
                $('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs@2x.png">'),
                $('<img class="top_box_image" src="//pcdn-www.pcloud.com/Z8k/images/p_home/docs@2x.png">')
            ]

            $(".image").html(images);

            var transitionEnd = animationEndEvent();
            var wordAnimationTime = 3000;
            var wordsWrap = detectedMobile ? $('.animated-h1.for_mobile .files') : $('.animated-h1.for_desktop .files');

            function animate() {
                var currentH1 = wordsWrap.find('.active');
                var currentImage = $(".image").find('.active');
                var nextH1 = currentH1.next().length ? currentH1.next() : wordsWrap.find('span').first();
                var nextImage = currentImage.next().length ? currentImage.next() : $(".image").find('img').first();

                currentImage.fadeOut(500, function() {
                    $(this).removeClass('active');
                    nextImage.addClass('active').fadeIn(500);
                })

                currentH1.off(transitionEnd).addClass('slide-right').on(transitionEnd, function() {
                    currentH1.removeClass('active slide-right');
                });

                wordsWrap.css({'width': nextH1.outerWidth()});

                nextH1.off(transitionEnd).addClass('active slide-left').on(transitionEnd, function() {
                    nextH1.removeClass('slide-left');

                    setTimeout(function() {
                        animate();
                    }, wordAnimationTime);
                });
            };
            $(".image").find('.active').fadeIn(600);
            wordsWrap.css({'width': wordsWrap.find('.active').outerWidth()}).addClass('animated').removeClass('min-width');
            setTimeout(function() {
                animate();
            }, wordAnimationTime);

            if (!detectedMobile) {
                insertForm('register', $('.form_holder'), null, { showTitle: false });
            } else {
                $(".content > .box_holder.bottom").addClass("mobile_style");
                $("body.home").addClass("mobile_style");
                $(".blank").hide(0);
                var imageTarget;
                var imageSource;
                var shortOS = detectOS(false, true);

                function resizeSection() {
                    var sectionTwoWidth = ($(window).width() - 45) - $('.section.top .box_holder.bottom img').outerWidth();

                    $('.section.top .box_holder.bottom .txt, .section.top .box_holder.bottom .headline').css({'max-width': sectionTwoWidth});
                };

                resizeSection();

                if (shortOS == 'ios') {
                    imageTarget = $('.app_box .for_ios img');
                    imageSource = 'images/p_mob/appstore_badge.png';
                } /* else if (shortOS == 'windows phone') {
                    imageTarget = $('.app_box .for_windowsphone img');
                    imageSource = 'images/p_mob/microsoft_badge.png';
                } */ else {
                    imageTarget = $('.app_box .for_android.g_badge img');
                    imageSource = 'images/p_mob/googleplay_badge.png';
                }

                imageTarget.on('load', function() {
                    imageTarget.off('load');

                    if (shortOS == 'android') {
                        $('.apk_badge img').on('load', function() {
                            var badgeWidth = $('.g_badge img').outerWidth() + $('.apk_badge img').outerWidth() + 10;
                            var leftMargin = $('.app_box').width() - badgeWidth;

                            setTimeout(function() {
                                $('.app_box .g_badge').css({'margin-left': leftMargin / 2});
                            }, 1);

                            $('.app_box .for_android').addClass('animate_show');

                        }).attr('src', 'images/p_mob/apk_badge.png');
                    } else {
                        imageTarget.parent().addClass('animate_show');
                    }
                }).attr('src', imageSource);

                onResizeFunctions['section_resize'] = function() {
                    resizeSection();
                };
            }

            $('#business_link').on('click', function() {
        if (typeof gaAll == 'function') {
          gaAll('event', 'business-home', 'click');
        }
      })
    };

        homePageJS();
    });
</script> 

قديم 01-19-2021, 02:54 PM
المشاركة 5
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: ممكن كود الصور لو سمحتم
@~ GOOGLE ~
يعطيك الف عافية اخى GOOGLE لتواجدك والمساعدة فى حل المشكلة

@ Mohamed yasser
يعطيك الف عافية اخى محمد لتواجدك والمساعدة فى حل المشكلة

اضافة رد

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

ممكن كود الصور لو سمحتم


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: ممكن كود الصور لو سمحتم
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
طلب لو سمحتم : شريط متحرك و مركز رفع الملفات dzkhaled ركن مشاكل وطلبات المنتديات 4 11-09-2020 12:26 PM
ممكن طلب نسخة 3.8.11 ممكن kokadoke ركن مشاكل وطلبات المنتديات 7 10-11-2019 12:52 PM
ممكن كود للتحكم في حجم الصور في المواضيع blidi4ever ركن مشاكل وطلبات الزين فورو XENFORO 5 05-18-2019 12:03 PM
ممكن طلب نسخة 3.8.11 ممكن شادى ركن مشاكل وطلبات المنتديات 5 04-03-2019 06:28 PM




الساعة الآن 12:34 PM
Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd. TranZ By Almuhajir
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum