ساخت بک گراند متغیر

سوال

سلام من میخوام یک بک گرام ایمیجی مثل سایتی که گذاشتم داشته باشم اما وقتی ادرس عکس هایی که در اول برکه هستو تغییر میدم عکس بالا نمیاد و به صورت زیر در میاد

لازم به ذکره که بدونید من عکسو دانلود کردم اما وقتی ادرس روی روی هاردم دادم بازم باز نشد

ادرس سایت: http://tourleader.blogfa.com/

لطفا کمک کنید

در حال بررسی 0
2020-07-09T19:36:27+03:30 14 پاسخ کاربر تازه 0

پاسخ ها ( 14 )

  1. احمد آخوندی
    0
    2020-07-10T13:14:32+03:30
    پاسخ

    سلام

    احتمالا درست آدرس دهی نکردید، سورس بخش اسلایدر که عکس ها درونش قرار داره رو بزارید تا بشه راهنمایی کرد

    موفق باشید.

  2. تایتام
    0
    2020-07-10T14:19:48+03:30
    پاسخ

    سلام من درست ادرس دهی رو کردم اما بازم نشد

    این کد های خود سایته

    <!DOCTYPE html>
<script type="text/javascript">
BlogComments=[1702,0,1701,0,1700,0,1699,0,1698,0,1697,0,1696,0,1695,0,1694,0,1693,0,1692,0,1691,0,1690,0,1689,0,1688,0,1687,0,1686,0,1685,0,1684,0,1683,0,1682,0,1681,0,1680,0,1679,0,1678,0,1677,0,1676,0,1674,0,1673,0,1672,0];
</script>

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>
        خوزتوریسم
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="content-language" content="fa">
    <meta name="description" content="خوزتوریسم رسانه تخصصی گردشگری و فرهنگی خوزستان">
    <meta name="generator" content="blogfa.com">
    <meta property="og:title" content="خوزتوریسم">
    <meta property="og:site_name" content="خوزتوریسم">
    <meta property="og:description" content="خوزتوریسم رسانه تخصصی گردشگری و فرهنگی خوزستان">
    <meta name="twitter:title" content="خوزتوریسم">
    <meta name="twitter:description" content="خوزتوریسم رسانه تخصصی گردشگری و فرهنگی خوزستان">
    <link rel="alternate" type="application/rss+xml" title="خوزتوریسم" href="/rss" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script  language="javascript">
            function GetBC(lngPostid)
            {
                intTimeZone=12600;
                strBlogId="tourleader";
                intCount=-1;
                strResult="";
                try {
                for (i=0;i<BlogComments.length;i+=2)
                {
                    if (BlogComments[i]==lngPostid)
                    intCount=BlogComments[i+1] ;
                }
                    }  catch( e) {
                    }
                if ( intCount==-1)  strResult=" نظر ";
                if ( intCount==0)  strResult="0 نظر";
                if ( intCount==1)  strResult="1 نظر";
                if ( intCount>1)  strResult=intCount + " نظر" ;
        
            strUrl="/comments/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
            strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" +  strResult + " </a>" ;
        
            document.write ( strResult ) ;
            }
        
            function OpenLD()
            {
            window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
            return true;
            }
            </script>

    <style>
:root{--background:#e4dbd6;--background-image:url('https://manage.iranmarcopolo.com/Files/Tour/tehran/dezful-shushtar-shush/31c602ce37.jpg')}.beach{--background:#d2eeee;--background-image:url('https://manage.iranmarcopolo.com/Files/Tour/tehran/dezful-shushtar-shush/6a741bbbbb.jpg')}.jungle{--background:#dbe6c7;--background-image:url('https://www.visitiran.ir/sites/default/files/styles/main_picture_1200x300/public/2019-11/%D9%82%D9%84%D8%B9%D9%87%20%D8%B4%D9%88%D8%B4-05.jpg?itok=fyM9D4db')}@font-face{font-family:'Vazir';src:url(https://theme.blogfa.com/fonts/Vazir-Light.eot);src:url(https://theme.blogfa.com/fonts/Vazir-Light.eot?#iefix) format('embedded-opentype'),url(https://theme.blogfa.com/fonts/Vazir-Light.woff) format('woff'),url(https://theme.blogfa.com/fonts/Vazir-Light.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Vazir';src:url(https://theme.blogfa.com/fonts/Vazir-Bold.eot);src:url(https://theme.blogfa.com/fonts/Vazir-Bold.eot?#iefix) format('embedded-opentype'),url(https://theme.blogfa.com/fonts/Vazir-Bold.woff) format('woff'),url(https://theme.blogfa.com/fonts/Vazir-Bold.ttf) format('truetype');font-weight:700;font-style:normal}.set-flex::before,body{background:var(--background)}body{color:#333;line-height:1.8;font-family:'Vazir',tahoma;font-size:10pt}a{text-decoration:none;color:#222;border-bottom:1px dotted transparent}a:hover{color:#777;border-color:rgb(51,51,51,.3)}*{transition:.5s}img{max-width:100%}.wrap{background:#fdfdfd;margin:25px auto;width:80%;box-shadow:5px 5px 15px 0 rgb(0,0,0,.3);direction:rtl}.header{padding:25px;box-sizing:border-box;text-align:right}.header h1,body{margin:0;padding:0}.slideshow-box{height:400px;width:100%;background-color:#ccc;position:relative;background-image:var(--background-image);background-size:cover;background-position:center center;background-repeat:none}.button-left,.button-right{height:100px;width:100px;position:absolute;top:0;bottom:0;margin:auto;cursor:pointer;filter:drop-shadow(0 0 2px rgb(0,0,0,.4));opacity:.3}.button-left:hover,.button-right:hover{opacity:1}.button-left{left:0}.button-right{right:0}.left-box,.right-box{width:70%;float:right;padding:25px;box-sizing:border-box}.left-box{width:30%;float:left}.clear{clear:both}.post{padding:10px;margin-bottom:15px}.post-pic{width:50px;height:50px;border-radius:100%;margin-left:15px}.set-flex{display:flex;flex-direction:row;justify-content:right;align-items:center;font-size:9pt;color:#777;position:relative;padding-bottom:10px}.set-flex::before{content:'';position:absolute;width:120px;height:1px;bottom:0;right:0}.postcontent{margin-bottom:10px}.nextandprevious,.postinfo{background:var(--background);border-radius:5px}.postinfo{margin-top:10px;font-size:9pt;color:#555;padding:5px}.nextandprevious{margin:10px;padding:15px 25px}.nextlink{float:left}.previouslink{float:right}.box{margin-bottom:15px}.box h6,.footer{text-align:center}.box h6{background:var(--background);font-size:10pt;border-radius:5px;margin:0 0 10px;color:#444;padding:10px 0}.box ul{list-style-type:none;padding-right:10px}.set-pad{padding:5px}.footer{padding:20px 0}.menu{position:absolute;left:10px;top:10px}.menu a{margin-right:10px;border:0}.menu .item:hover{background:#fff}.item{padding:10px;background:rgb(255,255,255,.5);width:26px;height:26px;border-radius:5px}@media screen and (max-width:1200px){.wrap{width:90%}}@media screen and (max-width:950px){.wrap{margin:auto;width:100%}.left-box,.right-box{float:none;margin:auto;width:auto;max-width:600px;padding:0}.left-box{padding:10px}.button-left,.button-right,.resize{width:70px;height:70px}}@media screen and (max-width:400px){.remove{display:none}}@keyframes show {from{opacity: 0;transform: scale(.5,.5)translate(0px,100px)}}.scr-up {position: fixed;height: 70px;width: 70px;right: 0;bottom:0;direction: ltr;z-index: 2;}.scr-but {height: 50px;width: 50px;border: 2px solid #333;border-radius: 100%;cursor: pointer;display: none;animation: show .5s ease-out}.scr-but:hover {background: #333}.scr-but:hover g{fill:#efefef}html {scroll-behavior: smooth}
    </style>
</head>

<body>
    <div class="wrap">
        <section id="#"></section>
        <div class="scr-up">
                <a href="#"><svg xmlns="http://www.w3.org/2000/svg" id="scr" class="scr-but" x="0px" y="0px"
                viewBox="0 0 172 172"
                style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#333333"><path d="M33.07692,74.75901c18.52824,-27.77944 47.6256,-52.92308 48.94351,-53.59495c0.67187,-0.64603 2.66165,-1.31791 3.97956,-1.31791c1.31791,0 3.30769,0.67188 4.6256,1.31791c1.31791,0.67187 30.4411,26.46154 48.96935,53.59495c1.3179,1.98979 1.3179,4.6256 0.64603,7.26142c-1.31791,1.98978 -3.30769,3.97956 -5.94351,3.97956h-24.47175c0,0 -3.30769,57.54868 -5.29748,60.21034c-3.30769,3.30769 -11.24098,5.94351 -18.52824,5.94351c-7.28726,0 -14.54868,-2.63581 -17.21033,-5.94351c-1.31791,-2.66166 -5.94351,-60.21034 -5.94351,-60.21034h-24.47176c-2.66165,0 -4.6256,-1.31791 -5.96935,-3.97956c-1.31791,-1.96394 -0.64604,-4.6256 0.67187,-7.26142z"></path></g></g></svg></a>
        </div>
        <div class="header">
            <h1><a href="http://tourleader.blogfa.com">خوزتوریسم</a></h1>
            <p>
                رسانه تخصصی  گردشگری و فرهنگی  خوزستان
            </p>
        </div>
        <div class="slideshow-box">
            <div class="menu">
                <a href="/" title="صفحه اصلی">
                    <svg class="item" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#333333">
                                <path d="M132.30769,13.4375c-3.64363,0 -6.61538,2.97176 -6.61538,6.61538v31.62981l-34.9375,-34.9375c-2.58413,-2.58413 -6.92548,-2.58413 -9.50962,0l-77.52404,77.73077c-2.58413,2.58413 -2.58413,6.71875 0,9.30288c2.58413,2.58413 6.71875,2.58413 9.30288,0l72.97596,-72.97596l73.18269,73.18269c1.29207,1.29207 3.04928,2.06731 4.75481,2.06731c1.70553,0 3.25601,-0.77524 4.54808,-2.06731c2.58413,-2.58413 2.58413,-6.71875 0,-9.30288l-22.94712,-22.94712v-51.68269c0,-3.64363 -2.97176,-6.61538 -6.61538,-6.61538zM86,43l-72.76923,72.76923v36.38462c0,10.95673 8.88942,19.84615 19.84615,19.84615h105.84615c10.95673,0 19.84615,-8.88942 19.84615,-19.84615v-36.38462zM72.76923,105.84615h26.46154c3.64363,0 6.61538,2.97176 6.61538,6.61538v39.69231c0,3.64363 -2.97176,6.61538 -6.61538,6.61538h-26.46154c-3.64363,0 -6.61538,-2.97176 -6.61538,-6.61538v-39.69231c0,-3.64363 2.97176,-6.61538 6.61538,-6.61538z"></path>
                            </g>
                        </g>
                    </svg>
                </a>
                
                    <a href="/Profile/" title="پروفایل">
                        <svg class="item" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 172 172" style=" fill:#000000;">
                            <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                                <path d="M0,172v-172h172v172z" fill="none"></path>
                                <g fill="#333333">
                                    <path d="M109.56731,105.17428c-1.05949,-0.33594 -7.70072,-3.33354 -3.54026,-15.96996h-0.05169c10.82753,-11.13762 19.09676,-29.09735 19.09676,-46.77283c0,-27.15926 -18.0631,-41.39784 -39.07212,-41.39784c-21.00901,0 -38.96875,14.23858 -38.96875,41.39784c0,17.753 8.21755,35.76442 19.1226,46.90204c4.23798,11.13762 -3.35937,15.27224 -4.9357,15.84075c-21.99098,7.95913 -47.78065,22.45613 -47.78065,36.77223c0,3.85037 0,1.52464 0,5.375c0,19.48438 37.78005,23.92909 72.76923,23.92909c35.04087,0 72.35577,-4.44471 72.35577,-23.92909c0,-3.85036 0,-1.52463 0,-5.375c0,-14.72956 -25.91887,-29.12319 -48.99519,-36.77223z"></path>
                                </g>
                            </g>
                        </svg>
                    </a>
                

                
                    <a href="mailto:abolfazl_mehdipoor87@yahoo.com" title="abolfazl_mehdipoor87@yahoo.com">
                        <svg xmlns="http://www.w3.org/2000/svg" class="item" x="0px" y="0px" viewBox="0 0 172 172" style=" fill:#000000;">
                            <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                                <path d="M0,172v-172h172v172z" fill="none"></path>
                                <g fill="#333333">
                                    <path d="M19.84615,26.46154c-10.95673,0 -19.84615,8.88942 -19.84615,19.84615v79.38462c0,10.95673 8.88942,19.84615 19.84615,19.84615h132.30769c10.95673,0 19.84615,-8.88942 19.84615,-19.84615v-79.38462c0,-10.95673 -8.88942,-19.84615 -19.84615,-19.84615zM5.16827,45.27404l80.83173,43.62019l80.83173,-43.62019l-51.26923,39.89904l42.37981,43.41346l-51.68269,-36.79808l-20.25962,13.02404l-20.25962,-13.02404l-51.68269,36.79808l42.37981,-43.41346z"></path>
                                </g>
                            </g>
                        </svg>
                    </a>
                
                <a href="/archive" class="remove" title="آرشیو">
                    <svg xmlns="http://www.w3.org/2000/svg" class="item" x="0px" y="0px" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#333333">
                                <path d="M46.30769,0c-14.6262,0 -26.46154,11.83534 -26.46154,26.46154v119.07692c0,14.62621 11.83534,26.46154 26.46154,26.46154h79.38462c14.62621,0 26.46154,-11.83533 26.46154,-26.46154v-119.07692c0,-14.6262 -11.83533,-26.46154 -26.46154,-26.46154zM46.30769,13.23077h79.38462c3.17849,0 5.89183,0.90445 8.0625,2.48077c-5.47837,2.89423 -11.88702,7.20974 -18.60577,12.81731l9.30288,9.09615c5.50421,-4.65144 10.54327,-8.16587 14.47115,-10.33654v118.25c0,7.88161 -5.34916,13.23077 -13.23077,13.23077h-79.38462c-7.88161,0 -13.23077,-5.34916 -13.23077,-13.23077v-117.62981c3.77284,2.17067 8.8119,5.27163 14.47115,9.71635l9.30288,-9.09615c-6.71875,-5.60757 -13.1274,-9.92308 -18.60577,-12.81731c2.17067,-1.57632 4.88401,-2.48077 8.0625,-2.48077zM66.15385,37.625l-9.30288,9.30288c3.97957,4.6256 8.0625,9.38041 11.37019,14.67788l11.16346,-6.61538c-3.97956,-6.61538 -8.60517,-12.06791 -13.23077,-17.36538zM105.84615,37.625c-4.6256,5.29747 -9.2512,10.59496 -13.23077,16.53846l11.16346,7.44231c3.30769,-5.29747 7.39063,-10.05228 11.37019,-14.67788zM86,66.15385l-11.16346,6.61538c1.70553,4.28967 2.92007,8.94111 3.72115,13.4375c-3.46274,0.36178 -5.78846,2.73919 -5.78846,6.40865v6.61538c0,2.40324 1.05949,4.23798 2.6875,5.375c-4.36719,10.05228 -8.0625,22.30108 -8.0625,27.70192c0,10.59496 8.68269,18.60577 18.60577,18.60577c9.92308,0 18.60577,-8.68269 18.60577,-18.60577c0,-5.40084 -3.69531,-17.64964 -8.0625,-27.70192c1.62801,-1.13702 2.6875,-2.97176 2.6875,-5.375v-6.61538c0,-3.72115 -2.40324,-6.1244 -5.99519,-6.40865c0.77524,-4.6256 2.14483,-8.99279 3.92788,-13.4375zM86,122.38462c5.94351,0 10.54327,4.59976 10.54327,10.54327c0,5.94351 -4.59976,10.54327 -10.54327,10.54327c-5.94351,0 -10.54327,-4.59976 -10.54327,-10.54327c0,-5.94351 4.59976,-10.54327 10.54327,-10.54327z"></path>
                            </g>
                        </g>
                    </svg>
                </a>

                <a href="/posts/" class="remove" title="تیترهای مطالب">
                    <svg xmlns="http://www.w3.org/2000/svg" class="item" x="0px" y="0px" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#333333">
                                <path d="M46.30769,0c-14.57452,0 -26.46154,11.88702 -26.46154,26.46154v119.07692c0,14.57452 11.88702,26.46154 26.46154,26.46154h79.38462c14.57452,0 26.46154,-11.88702 26.46154,-26.46154v-92.61538c0,-7.02885 -6.43449,-13.69591 -17.98558,-25.01442c-1.60216,-1.57632 -3.33353,-3.33353 -4.96154,-4.96154c-1.62801,-1.62801 -3.38522,-3.15264 -4.96154,-4.75481c-11.31851,-11.55108 -17.98558,-18.19231 -25.01442,-18.19231zM46.30769,13.23077h48.16827c4.78065,1.21454 4.75481,6.95132 4.75481,12.81731v20.25962c0,3.64363 2.97176,6.61538 6.61538,6.61538h19.84615c6.58954,0 13.23077,0.02584 13.23077,6.61538v86c0,7.3131 -5.91767,13.23077 -13.23077,13.23077h-79.38462c-7.3131,0 -13.23077,-5.91767 -13.23077,-13.23077v-119.07692c0,-7.3131 5.91767,-13.23077 13.23077,-13.23077zM52.92308,33.07692c-3.64363,0 -6.61538,2.97176 -6.61538,6.61538v6.61538c0,3.64363 2.97176,6.61538 6.61538,6.61538h34.9375c-1.13702,-1.96394 -1.86058,-4.18629 -1.86058,-6.61538v-13.23077zM46.30769,72.76923v13.23077h13.23077v-13.23077zM72.76923,72.76923v13.23077h52.92308v-13.23077zM46.30769,99.23077v13.23077h13.23077v-13.23077zM72.76923,99.23077v13.23077h52.92308v-13.23077zM46.30769,125.69231v13.23077h13.23077v-13.23077zM72.76923,125.69231v13.23077h52.92308v-13.23077z"></path>
                            </g>
                        </g>
                    </svg>
                </a>
            </div>
            <div class="box-1">
                <div class="button-right" id="but2">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M51.55969,13.73313c-1.3975,0 -2.64719,0.84656 -3.18469,2.13656c-0.52406,1.30344 -0.215,2.78156 0.79281,3.7625l66.36781,66.36781l-66.36781,66.36781c-0.90031,0.86 -1.26313,2.15 -0.94063,3.34594c0.30906,1.20938 1.24969,2.15 2.45906,2.45906c1.19594,0.3225 2.48594,-0.04031 3.34594,-0.94063l68.8,-68.8c1.34375,-1.34375 1.34375,-3.52062 0,-4.86437l-68.8,-68.8c-0.645,-0.67188 -1.53187,-1.03469 -2.4725,-1.03469z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
                <div class="button-left" id="but1">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M120.33281,13.73313c-0.90031,0.01344 -1.74688,0.38969 -2.365,1.03469l-68.8,68.8c-1.34375,1.34375 -1.34375,3.52062 0,4.86437l68.8,68.8c0.86,0.90031 2.15,1.26313 3.34594,0.94063c1.20938,-0.30906 2.15,-1.24969 2.45906,-2.45906c0.3225,-1.19594 -0.04031,-2.48594 -0.94063,-3.34594l-66.36781,-66.36781l66.36781,-66.36781c1.02125,-0.99437 1.31688,-2.49937 0.76594,-3.80281c-0.55094,-1.31688 -1.84094,-2.15 -3.26531,-2.09625z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="box-2" style="display: none">
                <div class="button-right" id="but4">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M51.55969,13.73313c-1.3975,0 -2.64719,0.84656 -3.18469,2.13656c-0.52406,1.30344 -0.215,2.78156 0.79281,3.7625l66.36781,66.36781l-66.36781,66.36781c-0.90031,0.86 -1.26313,2.15 -0.94063,3.34594c0.30906,1.20938 1.24969,2.15 2.45906,2.45906c1.19594,0.3225 2.48594,-0.04031 3.34594,-0.94063l68.8,-68.8c1.34375,-1.34375 1.34375,-3.52062 0,-4.86437l-68.8,-68.8c-0.645,-0.67188 -1.53187,-1.03469 -2.4725,-1.03469z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
                <div class="button-left" id="but3">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M120.33281,13.73313c-0.90031,0.01344 -1.74688,0.38969 -2.365,1.03469l-68.8,68.8c-1.34375,1.34375 -1.34375,3.52062 0,4.86437l68.8,68.8c0.86,0.90031 2.15,1.26313 3.34594,0.94063c1.20938,-0.30906 2.15,-1.24969 2.45906,-2.45906c0.3225,-1.19594 -0.04031,-2.48594 -0.94063,-3.34594l-66.36781,-66.36781l66.36781,-66.36781c1.02125,-0.99437 1.31688,-2.49937 0.76594,-3.80281c-0.55094,-1.31688 -1.84094,-2.15 -3.26531,-2.09625z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="box-3" style="display: none">
                <div class="button-right" id="but6">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M51.55969,13.73313c-1.3975,0 -2.64719,0.84656 -3.18469,2.13656c-0.52406,1.30344 -0.215,2.78156 0.79281,3.7625l66.36781,66.36781l-66.36781,66.36781c-0.90031,0.86 -1.26313,2.15 -0.94063,3.34594c0.30906,1.20938 1.24969,2.15 2.45906,2.45906c1.19594,0.3225 2.48594,-0.04031 3.34594,-0.94063l68.8,-68.8c1.34375,-1.34375 1.34375,-3.52062 0,-4.86437l-68.8,-68.8c-0.645,-0.67188 -1.53187,-1.03469 -2.4725,-1.03469z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
                <div class="button-left" id="but5">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M120.33281,13.73313c-0.90031,0.01344 -1.74688,0.38969 -2.365,1.03469l-68.8,68.8c-1.34375,1.34375 -1.34375,3.52062 0,4.86437l68.8,68.8c0.86,0.90031 2.15,1.26313 3.34594,0.94063c1.20938,-0.30906 2.15,-1.24969 2.45906,-2.45906c0.3225,-1.19594 -0.04031,-2.48594 -0.94063,-3.34594l-66.36781,-66.36781l66.36781,-66.36781c1.02125,-0.99437 1.31688,-2.49937 0.76594,-3.80281c-0.55094,-1.31688 -1.84094,-2.15 -3.26531,-2.09625z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>

        </div>

</body>

</html>

    و من در بخش style اولی برای عکس اول میخوام این عکس قرار داشته باشه

    اما هر کاری میکنم بد از اب در میاد

  3. احمد آخوندی
    0
    2020-07-10T17:24:05+03:30
    پاسخ

    باید بد هم از آب در بیاد

    اندازه ی عکسی که تو اون سایت استفاده شده؛ 2500*1044 پیکسل هست

    ولی این عکس شما 340 در 148 پیکسل هست، که خیلی کوچکه و یک عکس با ابعاد  بزرگتر باید انتخاب کنید.

    • تایتام
      0
      2020-07-13T15:35:05+03:30
      پاسخ

      سلام من عکس خودشو توی یک سایت آپلود کردم اما باز نشد اینم ادرس عکسشه

      http://uupload.ir/files/10tu_6a741bbbbb.jpg

       

  4. احمد آخوندی
    0
    2020-07-13T20:37:29+03:30
    پاسخ

    سلام

    مشکلی نداره،؛ من عکس رو جایگزین کردم، تصویر زیر رو مشاهده کنید.

    برای مشاهده تصویر کلیک کنید

     

  5. تایتام
    0
    2020-07-14T15:14:40+03:30
    پاسخ

    سلام میشه کد هاتون رو ببین چون واسه من به این شکل در میاد

    البته من روی هاردم اونو اجرا میکنم «با اینترنت»

    • احمد آخوندی
      0
      2020-07-14T17:42:01+03:30
      پاسخ

      سلام

      خدمت شما(خط 58 عکس گذاشته شده):

      <!DOCTYPE html>
<script type="text/javascript">
BlogComments=[1702,0,1701,0,1700,0,1699,0,1698,0,1697,0,1696,0,1695,0,1694,0,1693,0,1692,0,1691,0,1690,0,1689,0,1688,0,1687,0,1686,0,1685,0,1684,0,1683,0,1682,0,1681,0,1680,0,1679,0,1678,0,1677,0,1676,0,1674,0,1673,0,1672,0];
</script>

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>
        خوزتوریسم
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="content-language" content="fa">
    <meta name="description" content="خوزتوریسم رسانه تخصصی گردشگری و فرهنگی خوزستان">
    <meta name="generator" content="blogfa.com">
    <meta property="og:title" content="خوزتوریسم">
    <meta property="og:site_name" content="خوزتوریسم">
    <meta property="og:description" content="خوزتوریسم رسانه تخصصی گردشگری و فرهنگی خوزستان">
    <meta name="twitter:title" content="خوزتوریسم">
    <meta name="twitter:description" content="خوزتوریسم رسانه تخصصی گردشگری و فرهنگی خوزستان">
    <link rel="alternate" type="application/rss+xml" title="خوزتوریسم" href="/rss" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script  language="javascript">
            function GetBC(lngPostid)
            {
                intTimeZone=12600;
                strBlogId="tourleader";
                intCount=-1;
                strResult="";
                try {
                for (i=0;i<BlogComments.length;i+=2)
                {
                    if (BlogComments[i]==lngPostid)
                    intCount=BlogComments[i+1] ;
                }
                    }  catch( e) {
                    }
                if ( intCount==-1)  strResult=" نظر ";
                if ( intCount==0)  strResult="0 نظر";
                if ( intCount==1)  strResult="1 نظر";
                if ( intCount>1)  strResult=intCount + " نظر" ;
        
            strUrl="/comments/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
            strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" +  strResult + " </a>" ;
        
            document.write ( strResult ) ;
            }
        
            function OpenLD()
            {
            window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
            return true;
            }
            </script>

    <style>
:root{--background:#e4dbd6;--background-image:url('https://uupload.ir/files/10tu_6a741bbbbb.jpg')}.beach{--background:#d2eeee;--background-image:url('https://manage.iranmarcopolo.com/Files/Tour/tehran/dezful-shushtar-shush/6a741bbbbb.jpg')}.jungle{--background:#dbe6c7;--background-image:url('https://www.visitiran.ir/sites/default/files/styles/main_picture_1200x300/public/2019-11/%D9%82%D9%84%D8%B9%D9%87%20%D8%B4%D9%88%D8%B4-05.jpg?itok=fyM9D4db')}@font-face{font-family:'Vazir';src:url(https://theme.blogfa.com/fonts/Vazir-Light.eot);src:url(https://theme.blogfa.com/fonts/Vazir-Light.eot?#iefix) format('embedded-opentype'),url(https://theme.blogfa.com/fonts/Vazir-Light.woff) format('woff'),url(https://theme.blogfa.com/fonts/Vazir-Light.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Vazir';src:url(https://theme.blogfa.com/fonts/Vazir-Bold.eot);src:url(https://theme.blogfa.com/fonts/Vazir-Bold.eot?#iefix) format('embedded-opentype'),url(https://theme.blogfa.com/fonts/Vazir-Bold.woff) format('woff'),url(https://theme.blogfa.com/fonts/Vazir-Bold.ttf) format('truetype');font-weight:700;font-style:normal}.set-flex::before,body{background:var(--background)}body{color:#333;line-height:1.8;font-family:'Vazir',tahoma;font-size:10pt}a{text-decoration:none;color:#222;border-bottom:1px dotted transparent}a:hover{color:#777;border-color:rgb(51,51,51,.3)}*{transition:.5s}img{max-width:100%}.wrap{background:#fdfdfd;margin:25px auto;width:80%;box-shadow:5px 5px 15px 0 rgb(0,0,0,.3);direction:rtl}.header{padding:25px;box-sizing:border-box;text-align:right}.header h1,body{margin:0;padding:0}.slideshow-box{height:400px;width:100%;background-color:#ccc;position:relative;background-image:var(--background-image);background-size:cover;background-position:center center;background-repeat:none}.button-left,.button-right{height:100px;width:100px;position:absolute;top:0;bottom:0;margin:auto;cursor:pointer;filter:drop-shadow(0 0 2px rgb(0,0,0,.4));opacity:.3}.button-left:hover,.button-right:hover{opacity:1}.button-left{left:0}.button-right{right:0}.left-box,.right-box{width:70%;float:right;padding:25px;box-sizing:border-box}.left-box{width:30%;float:left}.clear{clear:both}.post{padding:10px;margin-bottom:15px}.post-pic{width:50px;height:50px;border-radius:100%;margin-left:15px}.set-flex{display:flex;flex-direction:row;justify-content:right;align-items:center;font-size:9pt;color:#777;position:relative;padding-bottom:10px}.set-flex::before{content:'';position:absolute;width:120px;height:1px;bottom:0;right:0}.postcontent{margin-bottom:10px}.nextandprevious,.postinfo{background:var(--background);border-radius:5px}.postinfo{margin-top:10px;font-size:9pt;color:#555;padding:5px}.nextandprevious{margin:10px;padding:15px 25px}.nextlink{float:left}.previouslink{float:right}.box{margin-bottom:15px}.box h6,.footer{text-align:center}.box h6{background:var(--background);font-size:10pt;border-radius:5px;margin:0 0 10px;color:#444;padding:10px 0}.box ul{list-style-type:none;padding-right:10px}.set-pad{padding:5px}.footer{padding:20px 0}.menu{position:absolute;left:10px;top:10px}.menu a{margin-right:10px;border:0}.menu .item:hover{background:#fff}.item{padding:10px;background:rgb(255,255,255,.5);width:26px;height:26px;border-radius:5px}@media screen and (max-width:1200px){.wrap{width:90%}}@media screen and (max-width:950px){.wrap{margin:auto;width:100%}.left-box,.right-box{float:none;margin:auto;width:auto;max-width:600px;padding:0}.left-box{padding:10px}.button-left,.button-right,.resize{width:70px;height:70px}}@media screen and (max-width:400px){.remove{display:none}}@keyframes show {from{opacity: 0;transform: scale(.5,.5)translate(0px,100px)}}.scr-up {position: fixed;height: 70px;width: 70px;right: 0;bottom:0;direction: ltr;z-index: 2;}.scr-but {height: 50px;width: 50px;border: 2px solid #333;border-radius: 100%;cursor: pointer;display: none;animation: show .5s ease-out}.scr-but:hover {background: #333}.scr-but:hover g{fill:#efefef}html {scroll-behavior: smooth}
    </style>
</head>

<body>
    <div class="wrap">
        <section id="#"></section>
        <div class="scr-up">
                <a href="#"><svg xmlns="http://www.w3.org/2000/svg" id="scr" class="scr-but" x="0px" y="0px"
                viewBox="0 0 172 172"
                style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#333333"><path d="M33.07692,74.75901c18.52824,-27.77944 47.6256,-52.92308 48.94351,-53.59495c0.67187,-0.64603 2.66165,-1.31791 3.97956,-1.31791c1.31791,0 3.30769,0.67188 4.6256,1.31791c1.31791,0.67187 30.4411,26.46154 48.96935,53.59495c1.3179,1.98979 1.3179,4.6256 0.64603,7.26142c-1.31791,1.98978 -3.30769,3.97956 -5.94351,3.97956h-24.47175c0,0 -3.30769,57.54868 -5.29748,60.21034c-3.30769,3.30769 -11.24098,5.94351 -18.52824,5.94351c-7.28726,0 -14.54868,-2.63581 -17.21033,-5.94351c-1.31791,-2.66166 -5.94351,-60.21034 -5.94351,-60.21034h-24.47176c-2.66165,0 -4.6256,-1.31791 -5.96935,-3.97956c-1.31791,-1.96394 -0.64604,-4.6256 0.67187,-7.26142z"></path></g></g></svg></a>
        </div>
        <div class="header">
            <h1><a href="http://tourleader.blogfa.com">خوزتوریسم</a></h1>
            <p>
                رسانه تخصصی  گردشگری و فرهنگی  خوزستان
            </p>
        </div>
        <div class="slideshow-box">
            <div class="menu">
                <a href="/" title="صفحه اصلی">
                    <svg class="item" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#333333">
                                <path d="M132.30769,13.4375c-3.64363,0 -6.61538,2.97176 -6.61538,6.61538v31.62981l-34.9375,-34.9375c-2.58413,-2.58413 -6.92548,-2.58413 -9.50962,0l-77.52404,77.73077c-2.58413,2.58413 -2.58413,6.71875 0,9.30288c2.58413,2.58413 6.71875,2.58413 9.30288,0l72.97596,-72.97596l73.18269,73.18269c1.29207,1.29207 3.04928,2.06731 4.75481,2.06731c1.70553,0 3.25601,-0.77524 4.54808,-2.06731c2.58413,-2.58413 2.58413,-6.71875 0,-9.30288l-22.94712,-22.94712v-51.68269c0,-3.64363 -2.97176,-6.61538 -6.61538,-6.61538zM86,43l-72.76923,72.76923v36.38462c0,10.95673 8.88942,19.84615 19.84615,19.84615h105.84615c10.95673,0 19.84615,-8.88942 19.84615,-19.84615v-36.38462zM72.76923,105.84615h26.46154c3.64363,0 6.61538,2.97176 6.61538,6.61538v39.69231c0,3.64363 -2.97176,6.61538 -6.61538,6.61538h-26.46154c-3.64363,0 -6.61538,-2.97176 -6.61538,-6.61538v-39.69231c0,-3.64363 2.97176,-6.61538 6.61538,-6.61538z"></path>
                            </g>
                        </g>
                    </svg>
                </a>
                
                    <a href="/Profile/" title="پروفایل">
                        <svg class="item" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 172 172" style=" fill:#000000;">
                            <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                                <path d="M0,172v-172h172v172z" fill="none"></path>
                                <g fill="#333333">
                                    <path d="M109.56731,105.17428c-1.05949,-0.33594 -7.70072,-3.33354 -3.54026,-15.96996h-0.05169c10.82753,-11.13762 19.09676,-29.09735 19.09676,-46.77283c0,-27.15926 -18.0631,-41.39784 -39.07212,-41.39784c-21.00901,0 -38.96875,14.23858 -38.96875,41.39784c0,17.753 8.21755,35.76442 19.1226,46.90204c4.23798,11.13762 -3.35937,15.27224 -4.9357,15.84075c-21.99098,7.95913 -47.78065,22.45613 -47.78065,36.77223c0,3.85037 0,1.52464 0,5.375c0,19.48438 37.78005,23.92909 72.76923,23.92909c35.04087,0 72.35577,-4.44471 72.35577,-23.92909c0,-3.85036 0,-1.52463 0,-5.375c0,-14.72956 -25.91887,-29.12319 -48.99519,-36.77223z"></path>
                                </g>
                            </g>
                        </svg>
                    </a>
                

                
                    <a href="mailto:abolfazl_mehdipoor87@yahoo.com" title="abolfazl_mehdipoor87@yahoo.com">
                        <svg xmlns="http://www.w3.org/2000/svg" class="item" x="0px" y="0px" viewBox="0 0 172 172" style=" fill:#000000;">
                            <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                                <path d="M0,172v-172h172v172z" fill="none"></path>
                                <g fill="#333333">
                                    <path d="M19.84615,26.46154c-10.95673,0 -19.84615,8.88942 -19.84615,19.84615v79.38462c0,10.95673 8.88942,19.84615 19.84615,19.84615h132.30769c10.95673,0 19.84615,-8.88942 19.84615,-19.84615v-79.38462c0,-10.95673 -8.88942,-19.84615 -19.84615,-19.84615zM5.16827,45.27404l80.83173,43.62019l80.83173,-43.62019l-51.26923,39.89904l42.37981,43.41346l-51.68269,-36.79808l-20.25962,13.02404l-20.25962,-13.02404l-51.68269,36.79808l42.37981,-43.41346z"></path>
                                </g>
                            </g>
                        </svg>
                    </a>
                
                <a href="/archive" class="remove" title="آرشیو">
                    <svg xmlns="http://www.w3.org/2000/svg" class="item" x="0px" y="0px" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#333333">
                                <path d="M46.30769,0c-14.6262,0 -26.46154,11.83534 -26.46154,26.46154v119.07692c0,14.62621 11.83534,26.46154 26.46154,26.46154h79.38462c14.62621,0 26.46154,-11.83533 26.46154,-26.46154v-119.07692c0,-14.6262 -11.83533,-26.46154 -26.46154,-26.46154zM46.30769,13.23077h79.38462c3.17849,0 5.89183,0.90445 8.0625,2.48077c-5.47837,2.89423 -11.88702,7.20974 -18.60577,12.81731l9.30288,9.09615c5.50421,-4.65144 10.54327,-8.16587 14.47115,-10.33654v118.25c0,7.88161 -5.34916,13.23077 -13.23077,13.23077h-79.38462c-7.88161,0 -13.23077,-5.34916 -13.23077,-13.23077v-117.62981c3.77284,2.17067 8.8119,5.27163 14.47115,9.71635l9.30288,-9.09615c-6.71875,-5.60757 -13.1274,-9.92308 -18.60577,-12.81731c2.17067,-1.57632 4.88401,-2.48077 8.0625,-2.48077zM66.15385,37.625l-9.30288,9.30288c3.97957,4.6256 8.0625,9.38041 11.37019,14.67788l11.16346,-6.61538c-3.97956,-6.61538 -8.60517,-12.06791 -13.23077,-17.36538zM105.84615,37.625c-4.6256,5.29747 -9.2512,10.59496 -13.23077,16.53846l11.16346,7.44231c3.30769,-5.29747 7.39063,-10.05228 11.37019,-14.67788zM86,66.15385l-11.16346,6.61538c1.70553,4.28967 2.92007,8.94111 3.72115,13.4375c-3.46274,0.36178 -5.78846,2.73919 -5.78846,6.40865v6.61538c0,2.40324 1.05949,4.23798 2.6875,5.375c-4.36719,10.05228 -8.0625,22.30108 -8.0625,27.70192c0,10.59496 8.68269,18.60577 18.60577,18.60577c9.92308,0 18.60577,-8.68269 18.60577,-18.60577c0,-5.40084 -3.69531,-17.64964 -8.0625,-27.70192c1.62801,-1.13702 2.6875,-2.97176 2.6875,-5.375v-6.61538c0,-3.72115 -2.40324,-6.1244 -5.99519,-6.40865c0.77524,-4.6256 2.14483,-8.99279 3.92788,-13.4375zM86,122.38462c5.94351,0 10.54327,4.59976 10.54327,10.54327c0,5.94351 -4.59976,10.54327 -10.54327,10.54327c-5.94351,0 -10.54327,-4.59976 -10.54327,-10.54327c0,-5.94351 4.59976,-10.54327 10.54327,-10.54327z"></path>
                            </g>
                        </g>
                    </svg>
                </a>

                <a href="/posts/" class="remove" title="تیترهای مطالب">
                    <svg xmlns="http://www.w3.org/2000/svg" class="item" x="0px" y="0px" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#333333">
                                <path d="M46.30769,0c-14.57452,0 -26.46154,11.88702 -26.46154,26.46154v119.07692c0,14.57452 11.88702,26.46154 26.46154,26.46154h79.38462c14.57452,0 26.46154,-11.88702 26.46154,-26.46154v-92.61538c0,-7.02885 -6.43449,-13.69591 -17.98558,-25.01442c-1.60216,-1.57632 -3.33353,-3.33353 -4.96154,-4.96154c-1.62801,-1.62801 -3.38522,-3.15264 -4.96154,-4.75481c-11.31851,-11.55108 -17.98558,-18.19231 -25.01442,-18.19231zM46.30769,13.23077h48.16827c4.78065,1.21454 4.75481,6.95132 4.75481,12.81731v20.25962c0,3.64363 2.97176,6.61538 6.61538,6.61538h19.84615c6.58954,0 13.23077,0.02584 13.23077,6.61538v86c0,7.3131 -5.91767,13.23077 -13.23077,13.23077h-79.38462c-7.3131,0 -13.23077,-5.91767 -13.23077,-13.23077v-119.07692c0,-7.3131 5.91767,-13.23077 13.23077,-13.23077zM52.92308,33.07692c-3.64363,0 -6.61538,2.97176 -6.61538,6.61538v6.61538c0,3.64363 2.97176,6.61538 6.61538,6.61538h34.9375c-1.13702,-1.96394 -1.86058,-4.18629 -1.86058,-6.61538v-13.23077zM46.30769,72.76923v13.23077h13.23077v-13.23077zM72.76923,72.76923v13.23077h52.92308v-13.23077zM46.30769,99.23077v13.23077h13.23077v-13.23077zM72.76923,99.23077v13.23077h52.92308v-13.23077zM46.30769,125.69231v13.23077h13.23077v-13.23077zM72.76923,125.69231v13.23077h52.92308v-13.23077z"></path>
                            </g>
                        </g>
                    </svg>
                </a>
            </div>
            <div class="box-1">
                <div class="button-right" id="but2">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M51.55969,13.73313c-1.3975,0 -2.64719,0.84656 -3.18469,2.13656c-0.52406,1.30344 -0.215,2.78156 0.79281,3.7625l66.36781,66.36781l-66.36781,66.36781c-0.90031,0.86 -1.26313,2.15 -0.94063,3.34594c0.30906,1.20938 1.24969,2.15 2.45906,2.45906c1.19594,0.3225 2.48594,-0.04031 3.34594,-0.94063l68.8,-68.8c1.34375,-1.34375 1.34375,-3.52062 0,-4.86437l-68.8,-68.8c-0.645,-0.67188 -1.53187,-1.03469 -2.4725,-1.03469z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
                <div class="button-left" id="but1">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M120.33281,13.73313c-0.90031,0.01344 -1.74688,0.38969 -2.365,1.03469l-68.8,68.8c-1.34375,1.34375 -1.34375,3.52062 0,4.86437l68.8,68.8c0.86,0.90031 2.15,1.26313 3.34594,0.94063c1.20938,-0.30906 2.15,-1.24969 2.45906,-2.45906c0.3225,-1.19594 -0.04031,-2.48594 -0.94063,-3.34594l-66.36781,-66.36781l66.36781,-66.36781c1.02125,-0.99437 1.31688,-2.49937 0.76594,-3.80281c-0.55094,-1.31688 -1.84094,-2.15 -3.26531,-2.09625z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="box-2" style="display: none">
                <div class="button-right" id="but4">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M51.55969,13.73313c-1.3975,0 -2.64719,0.84656 -3.18469,2.13656c-0.52406,1.30344 -0.215,2.78156 0.79281,3.7625l66.36781,66.36781l-66.36781,66.36781c-0.90031,0.86 -1.26313,2.15 -0.94063,3.34594c0.30906,1.20938 1.24969,2.15 2.45906,2.45906c1.19594,0.3225 2.48594,-0.04031 3.34594,-0.94063l68.8,-68.8c1.34375,-1.34375 1.34375,-3.52062 0,-4.86437l-68.8,-68.8c-0.645,-0.67188 -1.53187,-1.03469 -2.4725,-1.03469z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
                <div class="button-left" id="but3">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M120.33281,13.73313c-0.90031,0.01344 -1.74688,0.38969 -2.365,1.03469l-68.8,68.8c-1.34375,1.34375 -1.34375,3.52062 0,4.86437l68.8,68.8c0.86,0.90031 2.15,1.26313 3.34594,0.94063c1.20938,-0.30906 2.15,-1.24969 2.45906,-2.45906c0.3225,-1.19594 -0.04031,-2.48594 -0.94063,-3.34594l-66.36781,-66.36781l66.36781,-66.36781c1.02125,-0.99437 1.31688,-2.49937 0.76594,-3.80281c-0.55094,-1.31688 -1.84094,-2.15 -3.26531,-2.09625z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>
            <div class="box-3" style="display: none">
                <div class="button-right" id="but6">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M51.55969,13.73313c-1.3975,0 -2.64719,0.84656 -3.18469,2.13656c-0.52406,1.30344 -0.215,2.78156 0.79281,3.7625l66.36781,66.36781l-66.36781,66.36781c-0.90031,0.86 -1.26313,2.15 -0.94063,3.34594c0.30906,1.20938 1.24969,2.15 2.45906,2.45906c1.19594,0.3225 2.48594,-0.04031 3.34594,-0.94063l68.8,-68.8c1.34375,-1.34375 1.34375,-3.52062 0,-4.86437l-68.8,-68.8c-0.645,-0.67188 -1.53187,-1.03469 -2.4725,-1.03469z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
                <div class="button-left" id="but5">
                    <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="resize" viewBox="0 0 172 172" style=" fill:#000000;">
                        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
                            <path d="M0,172v-172h172v172z" fill="none"></path>
                            <g fill="#ffffff">
                                <path d="M120.33281,13.73313c-0.90031,0.01344 -1.74688,0.38969 -2.365,1.03469l-68.8,68.8c-1.34375,1.34375 -1.34375,3.52062 0,4.86437l68.8,68.8c0.86,0.90031 2.15,1.26313 3.34594,0.94063c1.20938,-0.30906 2.15,-1.24969 2.45906,-2.45906c0.3225,-1.19594 -0.04031,-2.48594 -0.94063,-3.34594l-66.36781,-66.36781l66.36781,-66.36781c1.02125,-0.99437 1.31688,-2.49937 0.76594,-3.80281c-0.55094,-1.31688 -1.84094,-2.15 -3.26531,-2.09625z"></path>
                            </g>
                        </g>
                    </svg>
                </div>
            </div>

        </div>

</body>

</html>

       

  6. تایتام
    0
    2020-07-15T11:52:51+03:30
    پاسخ

    اوه!

    فکر کنم من بعد از url عکس اینتر زدم و برای همین باز نمیکرد

    میشه یه کدی بهم بدین که بصورت خودکار بعد از 10 ثانیه عکس ها تغییر کنن

  7. تایتام
    0
    2020-07-15T18:23:39+03:30
    پاسخ

    با سلام

    من اگر بخوام مثل اون چیزی که شما ساخته بودید اما تو محیطی که من ساخته بودم باشه باید چه کار کنم

  8. احمد آخوندی
    0
    2020-07-16T11:25:21+03:30
    پاسخ

    سلام

    کافیه کدهایی که من گذاشتم رو جابجا کنید، به ساختار کدها نگاه کنید سادست
    باید فایل های css,js رو لود کنید و از کد زیر برای نمایش اسلایدر استفاده کنید:

    <div class="slideshow">
    <div class="slide red">1</div>
    <div class="slide green">2</div>
    <div class="slide blue">3</div>

    <a class="prev" onclick="move(-1)">&#10095</a>
    <a class="next" onclick="move(1)">&#10094</a>

    <div class="items">
        <div class="item">
            <div class="item-inner"></div>
        </div>
        <div class="item">
            <div class="item-inner"></div>
        </div>
        <div class="item">
            <div class="item-inner"></div>
        </div>
    </div>
</div>

     

  9. تایتام
    0
    2020-07-16T14:25:04+03:30
    پاسخ

    با سلام!

    میشه کدشو برام بنویسید چون من هیچ تجربه ای در js ندارم و بلد نیستم با آن کار کنم

    • احمد آخوندی
      0
      2020-07-17T20:56:33+03:30
      پاسخ

      سلام

      نیازی به تغییرات در کدهای js نیست، کد زیر با اسلایدر موجود در سایت هست:

      <!DOCTYPE html>
<script type="text/javascript">
BlogComments=[1702,0,1701,0,1700,0,1699,0,1698,0,1697,0,1696,0,1695,0,1694,0,1693,0,1692,0,1691,0,1690,0,1689,0,1688,0,1687,0,1686,0,1685,0,1684,0,1683,0,1682,0,1681,0,1680,0,1679,0,1678,0,1677,0,1676,0,1674,0,1673,0,1672,0];
</script>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="stylesheet" href="css/style.css">
    <title>
        خوزتوریسم
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="content-language" content="fa">
    <meta name="description" content="خوزتوریسم رسانه تخصصی گردشگری و فرهنگی خوزستان">
    <meta name="generator" content="blogfa.com">
    <meta property="og:title" content="خوزتوریسم">
    <meta property="og:site_name" content="خوزتوریسم">
    <meta property="og:description" content="خوزتوریسم رسانه تخصصی گردشگری و فرهنگی خوزستان">
    <meta name="twitter:title" content="خوزتوریسم">
    <meta name="twitter:description" content="خوزتوریسم رسانه تخصصی گردشگری و فرهنگی خوزستان">
    <link rel="alternate" type="application/rss+xml" title="خوزتوریسم" href="/rss" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script  language="javascript">
            function GetBC(lngPostid)
            {
                intTimeZone=12600;
                strBlogId="tourleader";
                intCount=-1;
                strResult="";
                try {
                for (i=0;i<BlogComments.length;i+=2)
                {
                    if (BlogComments[i]==lngPostid)
                    intCount=BlogComments[i+1] ;
                }
                    }  catch( e) {
                    }
                if ( intCount==-1)  strResult=" نظر ";
                if ( intCount==0)  strResult="0 نظر";
                if ( intCount==1)  strResult="1 نظر";
                if ( intCount>1)  strResult=intCount + " نظر" ;
        
            strUrl="/comments/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
            strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" +  strResult + " </a>" ;
        
            document.write ( strResult ) ;
            }
        
            function OpenLD()
            {
            window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
            return true;
            }
            </script>

    <style>
:root{--background:#e4dbd6;--background-image:url('https://uupload.ir/files/10tu_6a741bbbbb.jpg')}.beach{--background:#d2eeee;--background-image:url('https://manage.iranmarcopolo.com/Files/Tour/tehran/dezful-shushtar-shush/6a741bbbbb.jpg')}.jungle{--background:#dbe6c7;--background-image:url('https://www.visitiran.ir/sites/default/files/styles/main_picture_1200x300/public/2019-11/%D9%82%D9%84%D8%B9%D9%87%20%D8%B4%D9%88%D8%B4-05.jpg?itok=fyM9D4db')}@font-face{font-family:'Vazir';src:url(https://theme.blogfa.com/fonts/Vazir-Light.eot);src:url(https://theme.blogfa.com/fonts/Vazir-Light.eot?#iefix) format('embedded-opentype'),url(https://theme.blogfa.com/fonts/Vazir-Light.woff) format('woff'),url(https://theme.blogfa.com/fonts/Vazir-Light.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Vazir';src:url(https://theme.blogfa.com/fonts/Vazir-Bold.eot);src:url(https://theme.blogfa.com/fonts/Vazir-Bold.eot?#iefix) format('embedded-opentype'),url(https://theme.blogfa.com/fonts/Vazir-Bold.woff) format('woff'),url(https://theme.blogfa.com/fonts/Vazir-Bold.ttf) format('truetype');font-weight:700;font-style:normal}.set-flex::before,body{background:var(--background)}body{color:#333;line-height:1.8;font-family:'Vazir',tahoma;font-size:10pt}a{text-decoration:none;color:#222;border-bottom:1px dotted transparent}a:hover{color:#777;border-color:rgb(51,51,51,.3)}*{transition:.5s}img{max-width:100%}.wrap{background:#fdfdfd;margin:25px auto;width:80%;box-shadow:5px 5px 15px 0 rgb(0,0,0,.3);direction:rtl}.header{padding:25px;box-sizing:border-box;text-align:right}.header h1,body{margin:0;padding:0}.slideshow-box{height:400px;width:100%;background-color:#ccc;position:relative;background-image:var(--background-image);background-size:cover;background-position:center center;background-repeat:none}.button-left,.button-right{height:100px;width:100px;position:absolute;top:0;bottom:0;margin:auto;cursor:pointer;filter:drop-shadow(0 0 2px rgb(0,0,0,.4));opacity:.3}.button-left:hover,.button-right:hover{opacity:1}.button-left{left:0}.button-right{right:0}.left-box,.right-box{width:70%;float:right;padding:25px;box-sizing:border-box}.left-box{width:30%;float:left}.clear{clear:both}.post{padding:10px;margin-bottom:15px}.post-pic{width:50px;height:50px;border-radius:100%;margin-left:15px}.set-flex{display:flex;flex-direction:row;justify-content:right;align-items:center;font-size:9pt;color:#777;position:relative;padding-bottom:10px}.set-flex::before{content:'';position:absolute;width:120px;height:1px;bottom:0;right:0}.postcontent{margin-bottom:10px}.nextandprevious,.postinfo{background:var(--background);border-radius:5px}.postinfo{margin-top:10px;font-size:9pt;color:#555;padding:5px}.nextandprevious{margin:10px;padding:15px 25px}.nextlink{float:left}.previouslink{float:right}.box{margin-bottom:15px}.box h6,.footer{text-align:center}.box h6{background:var(--background);font-size:10pt;border-radius:5px;margin:0 0 10px;color:#444;padding:10px 0}.box ul{list-style-type:none;padding-right:10px}.set-pad{padding:5px}.footer{padding:20px 0}.menu{position:absolute;left:10px;top:10px}.menu a{margin-right:10px;border:0}.menu .item:hover{background:#fff}.item{padding:10px;background:rgb(255,255,255,.5);width:26px;height:26px;border-radius:5px}@media screen and (max-width:1200px){.wrap{width:90%}}@media screen and (max-width:950px){.wrap{margin:auto;width:100%}.left-box,.right-box{float:none;margin:auto;width:auto;max-width:600px;padding:0}.left-box{padding:10px}.button-left,.button-right,.resize{width:70px;height:70px}}@media screen and (max-width:400px){.remove{display:none}}@keyframes show {from{opacity: 0;transform: scale(.5,.5)translate(0px,100px)}}.scr-up {position: fixed;height: 70px;width: 70px;right: 0;bottom:0;direction: ltr;z-index: 2;}.scr-but {height: 50px;width: 50px;border: 2px solid #333;border-radius: 100%;cursor: pointer;display: none;animation: show .5s ease-out}.scr-but:hover {background: #333}.scr-but:hover g{fill:#efefef}html {scroll-behavior: smooth}
    </style>
</head>

<body>
    <div class="wrap">
        <section id="#"></section>
        <div class="scr-up">
                <a href="#"><svg xmlns="http://www.w3.org/2000/svg" id="scr" class="scr-but" x="0px" y="0px"
                viewBox="0 0 172 172"
                style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#333333"><path d="M33.07692,74.75901c18.52824,-27.77944 47.6256,-52.92308 48.94351,-53.59495c0.67187,-0.64603 2.66165,-1.31791 3.97956,-1.31791c1.31791,0 3.30769,0.67188 4.6256,1.31791c1.31791,0.67187 30.4411,26.46154 48.96935,53.59495c1.3179,1.98979 1.3179,4.6256 0.64603,7.26142c-1.31791,1.98978 -3.30769,3.97956 -5.94351,3.97956h-24.47175c0,0 -3.30769,57.54868 -5.29748,60.21034c-3.30769,3.30769 -11.24098,5.94351 -18.52824,5.94351c-7.28726,0 -14.54868,-2.63581 -17.21033,-5.94351c-1.31791,-2.66166 -5.94351,-60.21034 -5.94351,-60.21034h-24.47176c-2.66165,0 -4.6256,-1.31791 -5.96935,-3.97956c-1.31791,-1.96394 -0.64604,-4.6256 0.67187,-7.26142z"></path></g></g></svg></a>
        </div>
        <div class="header">
            <h1><a href="http://tourleader.blogfa.com">خوزتوریسم</a></h1>
            <p>
                رسانه تخصصی  گردشگری و فرهنگی  خوزستان
            </p>
        </div>
        <div class="slideshow">
    <div class="slide red">1</div>
    <div class="slide green">2</div>
    <div class="slide blue">3</div>

    <a class="prev" onclick="move(-1)">&#10095</a>
    <a class="next" onclick="move(1)">&#10094</a>

    <div class="items">
        <div class="item">
            <div class="item-inner"></div>
        </div>
        <div class="item">
            <div class="item-inner"></div>
        </div>
        <div class="item">
            <div class="item-inner"></div>
        </div>
    </div>
</div>
<br/>
</body>
<script src="js/jquery.js"></script>
<script src="js/js.js"></script>
</html>

      که فایل های style.ss, jquery.js و js.js رو باید آدرس دهی کنید تا اسلاید نمایش داده شود.

      کدهای استایل اسلایدر ممکن است با قالب همخوانی نداشته باشد و اسلایدر جای درستی نمایش داده نشود که دیگر باید اسلایدر را با کدهای css قالبتون هماهنگ کنید.

      موفق باشید.

  10. تایتام
    0
    2020-07-17T23:30:14+03:30
    پاسخ

     

    با سلام!

    من میخوام این بک گراند حاوی این دو  قابلیت  بالا باشه

    لطفا کمک کنید

  11. تایتام
    0
    2020-07-18T13:44:47+03:30
    پاسخ
    این پاسخ ویرایش شد.

    با سلام!

    میشه به طور کامل css رو حذف کرد؟

    • احمد آخوندی
      0
      2020-07-19T12:11:35+03:30
      پاسخ

      سلام

      خیر دوست عزیز، کد Css رو بخواید حذف کنید که اسلایدر بهم میریزه

      باید ببینید کدوم کدهای css اسلایدر با کدهای css قالب شما ناسازگار، این کدها رو اصلاح یا حذف کنید.

  12. تایتام
    0
    2020-07-20T16:25:35+03:30
    پاسخ

    با سلام!

    من بک گراند رو در اندروید وقتی باز میکنم بک گراند عوض نمیشه چکار کنم؟

  13. تایتام
    0
    2020-07-24T11:23:19+03:30
    پاسخ

    با سلام!

    من هرچی در فایل css گشتم چیزی رو پیدا نکردم که با قالب من همخوانی نداشته باشه

  14. تایتام
    0
    2020-07-31T23:01:22+03:30
    پاسخ

    با سلام!

    بله در گوشی درست کار میکنه اما سایت اصلیش

    ولی در سایت من کار نمیکنه

ارسال یک پاسخ