تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 10 از 10

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

  1. Top | #1
    مدیر بازنشته

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

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

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





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

  3. Top | #2

    پیش فرض

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

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



  4. Top | #3
    مدیر بازنشته

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

    پیش فرض

    خوب میشه یادم بدین چطوری قرار بدم؟

  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,973
    مورد پسند
    5,728 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 21.0
    میزان امتیاز
    720

    پیش فرض

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


  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,973
    مورد پسند
    5,728 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 21.0
    میزان امتیاز
    720

    پیش فرض

    بازم نشد

    داخل بخش header کد دوم را قرار دادما آخر این بخش درسته؟

  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,973
    مورد پسند
    5,728 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 21.0
    میزان امتیاز
    720

    پیش فرض

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

    مرورگر من فایر فاکسه
    ویرایش توسط MR.Shadow : 2013/06/18 در ساعت 07:29 PM دلیل: ادغام دو پست

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

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

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

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

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

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

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