تبلیغات در اینترنتتبلیغات در اینترنت
نمایش نتایج: از 1 به 10 از 10

موضوع: چطوری عنوان متحرک در هدر قرار بدم ؟

  1. Top | #1
    مدیر ارشد

    تاریخ عضویت
    May 2013
    ورژن ویبولتین
    4.2.0
    نوشته ها
    5,988
    مورد پسند
    5,744 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 21.0
    میزان امتیاز
    721

    پیش فرض چطوری عنوان متحرک در هدر قرار بدم ؟

    سلام چطوری عنوان متحرک مثل این سایت در هدر قرار بدم که به سمت چپ و راست میره در عکس با فلش نشون داده شده؟
    کد PHP:
    forum.persianbax.ir 
    البته کدی بدین که به سایت منم بیاد منظورم زمینه اش هست
    سایت من

    Don't bite the hand that feeds you




  2. گیفت کارت آیتونز

  3. Top | #2

    پیش فرض

    از یک Keyframe در CSS 3 توش استفاده شده .

    کاربر مقابل از [email protected] بابت این پست مفید تشکر کرده است:



  4. Top | #3
    مدیر ارشد

    تاریخ عضویت
    May 2013
    ورژن ویبولتین
    4.2.0
    نوشته ها
    5,988
    مورد پسند
    5,744 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 21.0
    میزان امتیاز
    721

    پیش فرض

    خوب میشه یادم بدین چطوری قرار بدم؟
    Don't bite the hand that feeds you

  5. Top | #4

    پیش فرض

    در additional.css بزنید :

    کد:
    ins.animation_box {
    display: inline-block;
    font-size: 15px;
    font-family: BYekan,calibri;
    font-weight: normal;
    border-radius: 15px 0px 10px 0px;
    -moz-border-radius: 15px 0px 10px 0px;
    -webkit-border-radius: 15px 0px 10px 0px;
    -o-border-radius: 15px 0px 10px 0px;
    color:white;
    background: url("http://ironipatogh.ir/images/vbiranv6/topbar.png");
    padding: 15px 12px;
    }
    
    @-webkit-keyframes alert{0%{margin-left:-7px}
    
    50%{margin-left:0px}
    
    100%{margin-left:-7px}}
    
    @-moz-keyframes alert{
    
    0%{margin-left:-10px}
    
    50%{margin-left:10px}
    
    100%{margin-left:-10px}
    
    }
    
    @-o-keyframes alert{
    
    0%{margin-left:-10px}
    
    50%{margin-left:10px}
    
    100%{margin-left:-10px}
    
    }
    
    .animation_effect{
    animation: alert 1.0s infinite;
    -webkit-animation: alert 1.0s infinite;
    -moz-animation: alert 1.0s infinite;
    -o-animation: alert 1.0s infinite;
    }

    در جایی که قرار نمایش داده بشه :


    کد:
    <div class="animation_effect">
    
    <a href="لینک شما" title="اگر لازم بود اینجا هم عنوان ، در غیر اینصورت این قسمت رو پاک کنید">
    
    <ins class="animation_box"> نوشته متحرک مورد نظر ! </ins>
    
    </a>
    
    </div>

    با استایل VBiran V6 هم هماهنگ هست

    2 تشکر توسط:



  6. Top | #5
    مدیر ارشد

    تاریخ عضویت
    May 2013
    ورژن ویبولتین
    4.2.0
    نوشته ها
    5,988
    مورد پسند
    5,744 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 21.0
    میزان امتیاز
    721

    پیش فرض

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

    Don't bite the hand that feeds you

  7. Top | #6

    پیش فرض

    این کد Css رو تست کنید :

    کد:
    ins.animation_box {
    display: inline-block;
    font-size: 15px;
    font-family: BYekan,calibri;
    font-weight: normal;
    border-radius: 15px 0px 10px 0px;
    -moz-border-radius: 15px 0px 10px 0px;
    -webkit-border-radius: 15px 0px 10px 0px;
    -o-border-radius: 15px 0px 10px 0px;
    color:white;
    background: url("http://ironipatogh.ir/images/vbiranv6/topbar.png");
    padding: 15px 12px;
    text-decoration: none;
    }
    
    @-webkit-keyframes alert{0%{margin-left:-7px}
    
    50%{margin-left:0px}
    
    100%{margin-left:-7px}}
    
    @-moz-keyframes alert{
    
    0%{margin-left:-10px}
    
    50%{margin-left:10px}
    
    100%{margin-left:-10px}
    
    }
    
    @-o-keyframes alert{
    
    0%{margin-left:-10px}
    
    50%{margin-left:10px}
    
    100%{margin-left:-10px}
    
    }
    
    .animation_effect{
    animation: alert 1.0s infinite;
    -webkit-animation: alert 0.5s infinite;
    -moz-animation: alert 0.5s infinite;
    -o-animation: alert 0.5s infinite;
    }

    کاربر مقابل از [email protected] بابت این پست مفید تشکر کرده است:



  8. Top | #7
    کاربر سایت

    تاریخ عضویت
    May 2012
    ورژن ویبولتین
    5.0 , 4.2.1
    نوشته ها
    292
    مورد پسند
    221 بار
    اطلاعات
    Windows 8 Chrome 27.0.1453.110
    میزان امتیاز
    38

    پیش فرض

    نقل قول نوشته اصلی توسط m.yMJJ نمایش پست ها
    این کد Css رو تست کنید :

    کد:
    ins.animation_box {
    display: inline-block;
    font-size: 15px;
    font-family: BYekan,calibri;
    font-weight: normal;
    border-radius: 15px 0px 10px 0px;
    -moz-border-radius: 15px 0px 10px 0px;
    -webkit-border-radius: 15px 0px 10px 0px;
    -o-border-radius: 15px 0px 10px 0px;
    color:white;
    background: url("http://ironipatogh.ir/images/vbiranv6/topbar.png");
    padding: 15px 12px;
    text-decoration: none;
    }
    
    @-webkit-keyframes alert{0%{margin-left:-7px}
    
    50%{margin-left:0px}
    
    100%{margin-left:-7px}}
    
    @-moz-keyframes alert{
    
    0%{margin-left:-10px}
    
    50%{margin-left:10px}
    
    100%{margin-left:-10px}
    
    }
    
    @-o-keyframes alert{
    
    0%{margin-left:-10px}
    
    50%{margin-left:10px}
    
    100%{margin-left:-10px}
    
    }
    
    .animation_effect{
    animation: alert 1.0s infinite;
    -webkit-animation: alert 0.5s infinite;
    -moz-animation: alert 0.5s infinite;
    -o-animation: alert 0.5s infinite;
    }
    به جز webkit ها بقیه همه غلط هستن

    کاربر مقابل از Thunder بابت این پست مفید تشکر کرده است:


  9. Top | #8
    مدیر ارشد

    تاریخ عضویت
    May 2013
    ورژن ویبولتین
    4.2.0
    نوشته ها
    5,988
    مورد پسند
    5,744 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 21.0
    میزان امتیاز
    721

    پیش فرض

    بازم نشد

    داخل بخش header کد دوم را قرار دادما آخر این بخش درسته؟
    Don't bite the hand that feeds you

  10. Top | #9

    پیش فرض

    نقل قول نوشته اصلی توسط Thunder نمایش پست ها
    به جز webkit ها بقیه همه غلط هستن
    تو مرورگر من درست نشون داد ، دیگه نگاه نکردم بقیه چین



    این رو تست کنید :

    کد:
    ins.animation_box {
    display: inline-block;
    font-size: 15px;
    font-family: BYekan,calibri;
    font-weight: normal;
    border-radius: 15px 0px 10px 0px;
    -moz-border-radius: 15px 0px 10px 0px;
    -webkit-border-radius: 15px 0px 10px 0px;
    -o-border-radius: 15px 0px 10px 0px;
    color:white;
    background: url("http://ironipatogh.ir/images/vbiranv6/topbar.png");
    padding: 15px 12px;
    text-decoration: none;
    }
    
    
    @-webkit-keyframes alert {
    
    0%{margin-left:-7px}
    50%{margin-left:0px}
    100%{margin-left:-7px}
    
    }
    
    @-moz-keyframes alert {
    
    0%{margin-left:-7px}
    50%{margin-left:0px}
    100%{margin-left:-7px}
    
    }
    
    @-o-keyframes alert {
    0%{margin-left:-7px}
    50%{margin-left:0px}
    100%{margin-left:-7px}
    
    }
    
    @keyframes alert {
    
    0%{margin-left:-7px}
    50%{margin-left:0px}
    100%{margin-left:-7px}
    
    }
    
    
    
    .animation_effect{
    animation: alert 2.5s infinite;
    -webkit-animation: alert 0.5s infinite;
    -moz-animation: alert 0.5s infinite;
    -o-animation: alert 0.5s infinite;
    }

    کاربر مقابل از [email protected] بابت این پست مفید تشکر کرده است:



  11. Top | #10
    مدیر ارشد

    تاریخ عضویت
    May 2013
    ورژن ویبولتین
    4.2.0
    نوشته ها
    5,988
    مورد پسند
    5,744 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 21.0
    میزان امتیاز
    721

    پیش فرض

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

    مرورگر من فایر فاکسه
    ویرایش توسط MR.Shadow : 2013/06/18 در ساعت 07:29 PM دلیل: ادغام دو پست
    Don't bite the hand that feeds you

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

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

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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