sado1214

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

13 پست در این موضوع قرار دارد

سلام دوستان

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

http://utabweb.net/

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

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

0

به اشتراک گذاری این پست


لینک به پست

درود

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

0

به اشتراک گذاری این پست


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

درود

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

 

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست
در 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;
    }

 

1

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

 

@-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;
}

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

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

سلام مجدد

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

نمیدونم چرا. 

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

ویرایش شده در توسط sado1214
0

به اشتراک گذاری این پست


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

سلام مجدد

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

نمیدونم چرا. 

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

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

tekan.zip

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 تعریف کردم اما بازم فارسی رو با علامت سوال نشون میشده.

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری