رفتن به مطلب

Cinema

عضو سایت
  • تعداد ارسال‌ها

    135
  • تاریخ عضویت

  • آخرین بازدید

نوشته‌ها ارسال شده توسط Cinema

  1. بازم تشکر.

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>اسکریپت دکمه اسلایدی</title>

    <link rel="stylesheet" href="http://netdna.bootst...some.min.css"/>

    <style>

    body {

    text-align: center;

    font-family: Tahoma, Arial, "Lucida Grande", sans-serif;

    }

    .btn.blue { background-color: dodgerblue; }

    .btn.blue:hover { background-color: #005db7; }

    .btn.green { background-color: limegreen; }

    .btn.green:hover { background-color: #1e7b1e; }

    .btn {

    display: inline-block;

    padding: 0 20px 0 70px;

    background-color: coral;

    color: white;

    text-decoration: none;

    position: relative;

    height: 50px;

    line-height: 50px;

    overflow: hidden;

    border-radius: 3px;

    transition: background-color 250ms linear;

    }

    .btn:hover { background-color: #e93f00; }

    .btn .num {

    display: inline-block;

    background-color: rgba(0, 0, 0, 0.075);

    width: 50px;

    position: absolute;

    left: 0px;

    top: 0px;

    }

    .btn .fa {

    line-height: 50px;

    margin: 0 0 0 20px;

    width: 50px;

    background-color: rgba(255, 255, 255, 0.2);

    position: absolute;

    right: -50px;

    top: 0px;

    }

    </style>

    <link href="css/jquerysctipttop.css" rel="stylesheet" type="text/css">

    </head>

    <body>

    <h1 align="center">اسکریپت دکمه اسلایدی</h1>

    <a class="btn" href="#"><span class="num">01</span>دانلود با لینک مستقیم <i class="fa fa-arrow-right"></i></a> <br>

    <br>

    <a class="btn blue" href="#"><span class="num">02</span>پیش نمایش <i class="fa fa-paw"></i></a> <br>

    <br>

    <a class="btn green" href="#"><span class="num">03</span>دانلود لینک غیر مستقیم<i class="fa fa-link"></i></a>

    <link href="css/jquerysctipttop.css" rel="stylesheet" type="text/css">

    <script src="http://ajax.googleap...n.js"></script>

    <script>

    $( document ).ready(function() {

    $('a').hover(function(){

    $(this).stop().animate({'padding-left': '20px','padding-right':'70px'},'fast');

    $(this).find('.num').stop().animate({'left': '-50px'},'fast');

    $(this).find('.fa').stop().animate({'right': '0px'},'fast');

    }, function(){

    $(this).stop().animate({'padding-left':'70px','padding-right':'20px'},'fast');

    $(this).find('.num').stop().animate({'left': '0px'},'fast');

    $(this).find('.fa').stop().animate({'right': '-50px'},'fast');

    });

    });

    </script>

    </body>

    </html>

    فقط خواهشا به شکل اسون و سریع باشه تا در ارسال پست ها وقت گیر و سخت نباشه.

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

  2. عرض سلام و ادب خدمت اساتید.

    یه سر به وب سایت بنده بزنین :

    www.RipFire.iR

    در ستون سمت راست زیر تب تبلیغات 5 تا تب میبینین که خالیه در واقه خودم خالیشون کردم.

    می خوام اون تب ها رو پاک کنم ولی وقتی پاکشون میکنم کلا قالبم بهم میخوره.

    خواهشا کمک کنید.

    اینم از کدای قالبم :

    <!-- Rightsidebar -->

    <div class="rightcol">

    <?php if (get_option('download_left_show')): ?>

    <div class="ads-up"><h3>تبلیغات</h3></div>

    <div class="side-body cnt">

    <br/>

    <?php echo $opname = str_replace(array('\"',"\'"),array('"',"'"),get_option("download_rightads")) ; ?>

    <br/>

    </div>

    <?php endif; ?>

    <div class="side-body">

    </ul>

    </div>

    <div class="side-body">

    <?php $comments = get_comments('status=approve&number=0'); ?>

    <ul>

    <?php foreach ($comments as $comment) { ?>

    <li>

    <?php } ?>

    </ul>

    </div>

    <div class="side-body">

    </ul>

    </div>

    <div class="side-body">

    <?php echo $opname = str_replace(array('\"',"\'"),array('"',"'"),get_option("download_amargir")) ; ?>

    </div>

    <div class="side-body">

    <ul>

    </ul>

  3. شما کد دکمه ها رو بزار اینجا من راهنمایی کنم.

    بازم تشکر.

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>اسکریپت دکمه اسلایدی</title>

    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"/>

    <style>

    body {

    text-align: center;

    font-family: Tahoma, Arial, "Lucida Grande", sans-serif;

    }

    .btn.blue { background-color: dodgerblue; }

    .btn.blue:hover { background-color: #005db7; }

    .btn.green { background-color: limegreen; }

    .btn.green:hover { background-color: #1e7b1e; }

    .btn {

    display: inline-block;

    padding: 0 20px 0 70px;

    background-color: coral;

    color: white;

    text-decoration: none;

    position: relative;

    height: 50px;

    line-height: 50px;

    overflow: hidden;

    border-radius: 3px;

    transition: background-color 250ms linear;

    }

    .btn:hover { background-color: #e93f00; }

    .btn .num {

    display: inline-block;

    background-color: rgba(0, 0, 0, 0.075);

    width: 50px;

    position: absolute;

    left: 0px;

    top: 0px;

    }

    .btn .fa {

    line-height: 50px;

    margin: 0 0 0 20px;

    width: 50px;

    background-color: rgba(255, 255, 255, 0.2);

    position: absolute;

    right: -50px;

    top: 0px;

    }

    </style>

    <link href="css/jquerysctipttop.css" rel="stylesheet" type="text/css">

    </head>

    <body>

    <h1 align="center">اسکریپت دکمه اسلایدی</h1>

    <a class="btn" href="#"><span class="num">01</span>دانلود با لینک مستقیم <i class="fa fa-arrow-right"></i></a> <br>

    <br>

    <a class="btn blue" href="#"><span class="num">02</span>پیش نمایش <i class="fa fa-paw"></i></a> <br>

    <br>

    <a class="btn green" href="#"><span class="num">03</span>دانلود لینک غیر مستقیم<i class="fa fa-link"></i></a>

    <link href="css/jquerysctipttop.css" rel="stylesheet" type="text/css">

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

    <script>

    $( document ).ready(function() {

    $('a').hover(function(){

    $(this).stop().animate({'padding-left': '20px','padding-right':'70px'},'fast');

    $(this).find('.num').stop().animate({'left': '-50px'},'fast');

    $(this).find('.fa').stop().animate({'right': '0px'},'fast');

    }, function(){

    $(this).stop().animate({'padding-left':'70px','padding-right':'20px'},'fast');

    $(this).find('.num').stop().animate({'left': '0px'},'fast');

    $(this).find('.fa').stop().animate({'right': '-50px'},'fast');

    });

    });

    </script>

    </body>

    </html>

    فقط خواهشا به شکل اسون و سریع باشه تا در ارسال پست ها وقت گیر و سخت نباشه.

  4. از اساتید خواهشا کمک کنید که بد جوری کارمون گیر کرده .

    لطفا یه نگا به این ادرس بندازین :

    http://ripfire.ir/Download%20Box/Animated-Sliding-Button/

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

    مثلا یه فیلم میذارم واسه دانلود میخوام لینک دانلودش دقیقا همونی باشه که تو ادرس بالاست.

    میخوام دکمه رو بذارم ها نه این که ادرس صفحه بالا رو بدم.

    پیشاپیش تشکر..

×
×
  • اضافه کردن...