/ درخواست کد این قسمت
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 4 از 4

موضوع: درخواست کد این قسمت

  1. #1
    local آنلاین نیست.
    local
    کاربر سايت
    2,070نوشته1,232مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1475
    پسندیده است
    1,828 پست
    بلاگ
    7 پست
    میزان امتیاز
    1241
    No Set

    درخواست کد این قسمت

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

    http://www.wikivb.ir/thread5041.html
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  2. نوين وردپرس تبلیغات شما

  3. #2
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    درود به صفحه ایندکس برید و ctrl+u رو بزنید و کد اسلایدر رو پیدا کنید!

    کاربر زیر پست AminX را پسندیده است:



  4. #3
    local آنلاین نیست.
    local
    کاربر سايت
    2,070نوشته1,232مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1475
    پسندیده است
    1,828 پست
    بلاگ
    7 پست
    میزان امتیاز
    1241
    No Set
    نقل قول نوشته اصلی توسط MR.Responder نمایش پست ها
    درود به صفحه ایندکس برید و ctrl+u رو بزنید و کد اسلایدر رو پیدا کنید!
    جیگر من این روش رو بلدم ولی هنوز بنده اونقدر ماهر نشدم که کدها رو دقیق تشخیص بدمممنون میشم کد رو قرار بدین.

    - - - Updated - - -

    نقل قول نوشته اصلی توسط MR.Responder نمایش پست ها
    درود به صفحه ایندکس برید و ctrl+u رو بزنید و کد اسلایدر رو پیدا کنید!
    جیگر من این روش رو بلدم ولی هنوز بنده اونقدر ماهر نشدم که کدها رو دقیق تشخیص بدمممنون میشم کد رو قرار بدین.
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  5. #4
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    فکر کنم اینا باشن!:

    css:

    کد:
    #jdesign-css3-slider {
    margin:30px auto;
    padding:0px 0px;
    width:448px;
    height:286px;
    position:relative;
    }
    #jdesign-css3-slider li {
    list-style:none;
    margin:0px 0px;
    padding:0px 0px;
    }
    /* Navigation */
    #jdesign-css3-slider li input + label {
    position:absolute;
    bottom:5px;
    left:425px;
    z-index:999;
    font:bold 11px/16px Arial,Sans-Serif;
    background-color:black; color:white;
    padding:0px 0px;
    width:16px;
    text-align:center;
    cursor:pointer;
    }
    #jdesign-css3-slider li:nth-child(2) label {
    left:407px;
    }
    #jdesign-css3-slider li:nth-child(3) label {
    left:389px;
    }
    #jdesign-css3-slider li:nth-child(4) label {
    left:371px;
    }
    #jdesign-css3-slider li:nth-child(5) label {
    left:353px;
    }
    #jdesign-css3-slider li:nth-child(6) label {
    left:335px;
    }
    #jdesign-css3-slider li:nth-child(7) label {
    left:317px;
    }
    #jdesign-css3-slider li:nth-child(8) label {
    left:299px;
    }
    #jdesign-css3-slider li:nth-child(9) label {
    left:281px;
    }
    /* Images */ #jdesign-css3-slider li img {
    border:none;
    outline:none;
    position:absolute;
    top:50%;
    left:50%;
    width:0px;
    height:0px;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -ms-transition:all 2s ease-in-out;
    -o-transition:all 2s ease-in-out;
    transition:all 2s ease-in-out;
    -webkit-transform:rotate(0deg) scale(0);
    -moz-transform:rotate(0deg) scale(0);
    -ms-transform:rotate(0deg) scale(0);
    -o-transform:rotate(0deg) scale(0);
    transform:rotate(0deg) scale(0);
    }
    /* Captions */
    #jdesign-css3-slider a {
    text-decoration:none !important;
    }
    #jdesign-css3-slider li a span {
    cursor:default;
    direction:rtl;
    display:block;
    position:absolute;
    right:0px;
    bottom:0px;
    left:0px;
    background-color:rgba(0,0,0,0.8);
    font:normal 11px/26px tahoma;
    color:white; padding:0px 10px;
    text-align:left;
    opacity:0;
    viibility:hidden;
    -webkit-transition:all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -ms-transition:all 2s ease-in-out;
    -o-transition:all 2s ease-in-out;
    transition:all 2s ease-in-out;
    }
    /* Active navigation */
    #jdesign-css3-slider li input:checked + label {
    background-color:#39f;
    color:white;
    }
    /* Show the image with transition */
    #jdesign-css3-slider li input:checked ~ img, #jdesign-css3-slider li input:checked ~ a img {
    top:0%;
    left:0%;
    width:448px;
    height:286px;
    visibility:visible;
    -webkit-transform:rotate(720deg) scale(1);
    -moz-transform:rotate(720deg) scale(1);
    -ms-transform:rotate(720deg) scale(1);
    -o-transform:rotate(720deg) scale(1);
    transform:rotate(720deg) scale(1);
    opacity:1; z-index:99;
    }
    /* Show the caption with fade effect */
    #jdesign-css3-slider li input:checked ~ a span {
    opacity:1;
    z-index:100;
    }
    /* Hide the radio */
    #jdesign-css3-slider input {
    display:none;
    }
    html

    کد:
    <ul id="jdesign-css3-slider">
    <li>
    <input id="s1" name="num" checked="checked" type="radio">
    <label for="s1">1</label>
    <a href="#">
    <img src="image/top/slide/1.jpg">
    <span>توضیحات مربوط به عکس اینجا قرار می گیرد.</span>
    </a>
    </li>
    <li>
    <input id="s2" name="num" type="radio">
    <label for="s2">2</label>
    <a href="#">
    <img src="image/top/slide/2.jpg">
    <span>توضیحات مربوط به عکس اینجا قرار می گیرد.</span>
    </a>
    </li>
    <li>
    <input id="s3" name="num" type="radio">
    <label for="s3">3</label>
    <a href="#">
    <img src="image/top/slide/3.jpg">
    <span>توضیحات مربوط به عکس اینجا قرار می گیرد.</span>
    </a>
    </li>
    <li>
    <input id="s4" name="num" type="radio">
    <label for="s4">4</label>
    <a href="#">
    <img src="image/top/slide/4.jpg">
    <span>توضیحات مربوط به عکس اینجا قرار می گیرد.</span>
    </a>
    </li>
    <li>
    <input id="s5" name="num" type="radio">
    <label for="s5">5</label>
    <a href="#">
    <img src="image/top/slide/5.jpg">
    <span>توضیحات مربوط به عکس اینجا قرار می گیرد.</span>
    </a>
    </li>
    <li>
    <input id="s6" name="num" type="radio">
    <label for="s6">6</label>
    <a href="#">
    <img src="image/top/slide/6.jpg">
    <span>توضیحات مربوط به عکس اینجا قرار می گیرد.</span>
    </a>
    </li>
    <li>
    <input id="s7" name="num" type="radio">
    <label for="s7">7</label>
    <a href="#">
    <img src="image/top/slide/7.jpg">
    <span>توضیحات مربوط به عکس اینجا قرار می گیرد.</span>
    </a>
    </li>
    <li>
    <input id="s8" name="num" type="radio">
    <label for="s8">8</label>
    <a href="#">
    <img src="image/top/slide/8.jpg">
    <span>توضیحات مربوط به عکس اینجا قرار می گیرد.</span>
    </a>
    </li>
    <li>
    <input id="s9" name="num" type="radio">
    <label for="s9">9</label>
    <a href="#">
    <img src="image/top/slide/9.jpg">
    <span>توضیحات مربوط به عکس اینجا قرار می گیرد.</span>
    </a>
    </li>
    </ul>

    کاربر زیر پست AminX را پسندیده است:



اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

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

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی