درخواست افزونه

[sado1214 0]

سلام دوستان

من یه افزونه میخواستم شبیه تصویر نارنجی که بالای سایت زیر اویزان هست و حرکت میکنه

http://utabweb.net/

میخوام بدونم چطوری درست شده کد هست یا افزونه یا چیز دیگه ای؟

لطفا راهنمایی بفرمایید ممنون

[sushyant 401]

درود

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

[sado1214 0]

در 23 دقیقه قبل، sushyant گفته است :

درود

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

بررسی کردم ولی به نتیجه نرسیدم 

میشه شما راهنمایی کنید

[sado1214 0]

یعی کد تچ تی ام الش رو پیدا میکنم تو سورس کد اما سی اس اسش رو نمیتونم پیدا کنم

 

[sushyant 401]

Line 1130 به بعد در سی اس اس رو ببینید

[sado1214 0]

برا من فقط تا لاین 1123 هست

[sushyant 401]

http://utabweb.net/template/utabweb/css/style_1.css

[alam7o 92]

در 9 دقیقه قبل، sado1214 گفته است :

یعی کد تچ تی ام الش رو پیدا میکنم تو سورس کد اما سی اس اسش رو نمیتونم پیدا کنم

 

.tekan:before {
    content: '';
    position: absolute;
    top: 90px;
    left: 82px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    -webkit-box-shadow: 0px -81px 0px -2px #1D1D1D, 0px -81px;
    -moz-box-shadow: 0px -81px 0px -2px #1D1D1D, 0px -81px;
    -o-box-shadow: 0px -81px 0px -2px #1D1D1D, 0px -81px;
    box-shadow: 0px -81px 0px -2px #1D1D1D, 0px -81px;
}

.tekan {
       position: absolute;
    top: 179px;
    right: -71px;
    width: 180px;
    height: 150px;
    background: #F95804;
    border-radius: 100%;
    color: #FFF;
    padding-top: 30px;
    line-height: 32px;
    text-align: center;
    font-size: 29px;
    text-transform: uppercase;
    -webkit-animation: 3s ease-in-out 0s normal none infinite running swing;
    -moz-animation: 3s ease-in-out 0s normal none infinite running swing;
    -o-animation: 3s ease-in-out 0s normal none infinite running swing;
    animation: 3s ease-in-out 0s normal none infinite running swing;
    -webkit-transform-origin: 100px -121px;
    -moz-transform-origin: 100px -121px;
    -o-transform-origin: 100px -121px;
    transform-origin: 100px -121px;
}

    .tekan:after {
        content: '';
        position: absolute;
        top: -85px;
        left: 90px;
        width: 2px;
        height: 100px;
        border-radius: 0%;
        background: #1D1D1D;
    }

 

[sado1214 0]

یعنی من کد اچ تی ام ال این قسمت رو بزارم توسایتم و این کد سی اس اس رو بارش استفاده کنم اون چیزی که میخوام درست میشه؟؟؟؟

[alam7o 92]

به این کد ها هم نیاز پیدا میکنید

 

@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(5deg);
    }

    50% {
        -webkit-transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(5deg);
    }
}

@-moz-keyframes swing {
    0% {
        /*! -moz-transform: rotate(5deg); */
    }

    50% {
        /*! -moz-transform: rotate(-5deg); */
    }

    100% {
        /*! -moz-transform: rotate(5deg); */
    }
}



@keyframes swing {
    0% {
        /*! transform: rotate(5deg); */
    }

    50% {
        /*! transform: rotate(-5deg); */
    }

    100% {
        /*! transform: rotate(5deg); */
    }
}


@-o-keyframes swing {
    0%;

{
    -o-transform: rotate(5deg);
}

50% {
    -o-transform: rotate(-5deg);
}

100% {
    -o-transform: rotate(5deg);
}

}

.nerkh_daier {
    color: #000;
}

برای یادگیری بهتر خودتون امتحان کنید و تغییر بدید

[sado1214 0]

سلام مجدد

همه چیزاش رو چک کردم درست شد ولی حرکتش درست نمیشه با اینکه کدهاش هم هست 

نمیدونم چرا. 

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

ویرایش شده خرداد 95 توسط sado1214

[alam7o 92]

در 21 ساعت قبل، sado1214 گفته است :

سلام مجدد

همه چیزاش رو چک کردم درست شد ولی حرکتش درست نمیشه با اینکه کدهاش هم هست 

نمیدونم چرا. 

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

نیاز به سی اس اس دیگری نیست براتون اماده کردم دانلود کنید

tekan.zip

[sado1214 0]

ممنون 

فهمیدم اشکال کار من کجا بود . تگ a رو که قبلا از این کد نوشته شده و باعث میشه این شکل لینک دار بشه رو من استفاده کردم و کدهای سی اس اس مربوط به اون رو که تو کدهای سی اس  اس میزارم حرکت نمیکنه. در واقع کدهای سی اس اسی هم که گفتم اضافه کردم همین ها بود . حالا چرا این مشکل وجود داره نمیدونم

 

این کد اچ تی ام ال: 

<a href="/" title="???? ??? ?????" class="logo"><span class="uta1">?????</span><span class="uta2"> ?? </span><img alt="???? ??? ?????" title="???? ??? ?????" src="/template/img/img-template/logooo/logo_utabweb.png" class="img_logo" />
 

و این هم کدهای سی اس اس :

 

.box_menu {
    width: 100%;
    height: 60px;
    float: right;
    background: #000;
    margin: 20px 0px;
    position: relative;
    box-shadow: 0px -2px 25px #8A8988;
}
    
    .img_logo {
    margin-top: 3%;
    float: right;
    margin-right: 3%;
}
    
    .uta1 {
    color: #D44408
}

.uta2 {
    color: #08D9CE;
}

 

یه اشکالی هم که هست اینه که با اینکه تو اچ تی ام ای utf-8 تعریف کردم اما بازم فارسی رو با علامت سوال نشون میشده.