2 پست در این موضوع قرار دارد

سلام

کد css برای بالا و پایین بردن پس زمینه باکس هست؟

می خوام تصویر بزرگتر از باکس را پس زمینه کنم و با کد CSS بالا و پایین بشه .

ترجیحا بدون جی کوری باشه یعنی فقط CSS محض باشه.

خودم اینرا پیدا کردم ولی کار نمیده:


http://jquerydemo.com/jquery/animate-background-image.aspx

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط sinaa
      سلام من این صفحرو ساختم و می خوام به همین صورت در سایتم قرار بدم ولی قالبم بهم میریزه
      http://s-a-f-a-r.blogfa.com/page/gggg
      لطفا بگید که در کدوم قسمت و چجوری باید کدهارو وارد کنم(در سربرگ-پانوشت یا صفحه اصلی)
      اینم کدها


      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <script src="http://javantools.ir/tools/logo/jquery-latest.js"></script>
      <script>
      $(document).ready(function(){
      i_link=0;
      function moisrexLinks(){
      $('.moisrex-tabz a:eq('+i_link+')').stop().animate({left:'-70px'},100).animate({left:'-50px'},100).animate({left:'-60px'},100);
      i_link=i_link+1;
      if (i_link!=$('.moisrex-tabz a').length+1){
      setTimeout(moisrexLinks,100);
      }
      }
      moisrexLinks();
      $('.moisrex-tabz a').hover(function(){
      $(this).animate({left:'-50px'},100).animate({left:'-120%'},100).animate({left:'-100%'},100).animate({left:'-110%'},100);
      },function(){
      $(this).animate({left:'-40px'},100).animate({left:'-60px'},100);
      });
      });
      </script>
      <style>
      .moisrex-tabz{
      position:fixed;
      left:100%;
      }
      .moisrex-tabz a{
      text-align:left;
      background-position:left center;
      border:1px #ccc solid;
      border-radius:5px;
      -moz-border-radius:5px;
      -ms-border-radius:5px;
      -webkit-border-radius:5px;
      -o-border-radius:5px;
      -khtml-border-radius:5px;
      position:relative;
      padding:10px;
      margin:10px;
      padding-right:20px;
      background-color:rgba(200,200,200,0.5);
      text-decoration:none;
      background-position:5px center;
      background-repeat:no-repeat;
      background-size:32px 32px;
      color:#333;
      display:block;
      direction:rtl;
      font:11px tahoma;
      padding-left:50px;
      width:100%;
      }
      </style>
      </head>
      <body><div class="moisrex-tabz"><div style="position:absolute;top:-2000%;"></div>
      <a href="http://javantools.ir" style="background-image:url(http://javantools.ir/tools/logo/home.png)">صفحه نخست</a>
      <a href="http://javantools.ir/category/کد-تلوزیون-آنلاین" style="background-image:url(http://javantools.ir/tools/logo/tv.png);">تلوزیون آنلاین</a>
      <a href="http://javantools.ir/تبادل-لینک" style="background-image:url(http://javantools.ir/tools/logo/link.png);">تبادل لینک</a>
      <a href="http://javantools.ir/تبادل-لوگو" style="background-image:url(http://javantools.ir/tools/logo/logo.png);">تبادل لوگو</a>
      <a href="http://javantools.ir/category/هر-وبلاگ-یک-لوگو" style="background-image:url(http://javantools.ir/tools/logo/design.png);">هر وبلاگ یک لوگو</a>
      </div>
      <h1 style="text-align:center;"></h1>
      </body>
      </html>