قرار دادن کد جاوا اسکریپت به جای لوگو

[hamed13712000 0]

سلام و عرض ارادت خدمت دوستان

میخواستم به جای لوگو در سایتم از کد jquery استفاده کنم و وقتی که روی عنوان میرن به انگلیسی تغییر کنه

برای کدش مشکلی نیستش تقریبا اما برای تغییر قالب چه قسمتایی رو باید تغییر بدم؟

[مصطفی صفرعلی 2,891]

با سلام

 

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

 

بعد در css کدی رو که لوگو در اونجا تعریف شده رو پیدا کنید

 

حالا دوباره همون کد را بنویسید و در ادامه اون کد عبارت hover: را اضافه کنید و بعد با استفاده از خاصیت background تصویری رو که تهیه کردید رو معرفی کنید

 

موفق و پیروز باشید

یا حق

[hamed13712000 0]

با سلام

 

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

 

بعد در css کدی رو که لوگو در اونجا تعریف شده رو پیدا کنید

 

حالا دوباره همون کد را بنویسید و در ادامه اون کد عبارت hover: را اضافه کنید و بعد با استفاده از خاصیت background تصویری رو که تهیه کردید رو معرفی کنید

 

موفق و پیروز باشید

یا حق

--------------------------------------------------------------------------------------------------------------

 

ممنون از راهنماییتون.

به صورت آفلاین و داخل مرورگر تونستم اجرا کنم اما قالبی که دارم روش کار می کنم دقیق نمی دنم باید کدوم قسمتاش رو تغییر بدم؟

لینک

abadisnet.ir

[مصطفی صفرعلی 2,891]

با سلام

 

الان در قسمت لوگو دو تا تصویر قرار دارد . شما ابتدا تصویری رو که با متن فارسی مشخصه در مسیر زیر واقع در پوشه قالبتون جایگزین کنید و با همان نام logo_3.png

 

images/jf/logo/logo_3.png

 

بعد به مسیر templates/jf_social/css/jf-rtl.css بروید و کدهای زیر را به انتهای آن اضافه کنید

 

#jf-logo-image:hover {
    background: url(../آدرس تصویر متن انگلیسی);
}
div#flip img {
    width: 0;
}

 

موفق و پیروز باشید

یا حق

[hamed13712000 0]

 خیلی لطف کردین آقای صفر علی.

 اما اگر بخوام که با افکت این کار انجام بشه و کد جاوا اسکریپت قرار بگیره از کدوم فسمت باید این کار رو انجام بدم؟

[مصطفی صفرعلی 2,891]

با سلام

 

در انتهای همون مسیر templates/jf_social/css/jf-rtl.css که کد زیر قرار دارد

 

#jf-logo-image:hover {
    background: url(images/logo_4.png);
}

 

به جای کد بالا ، کد زیر را جایگزین کن

 

#jf-logo-image:hover {
    background: url("../images/logo_4.png");
    -webkit-box-shadow: 0px 0px 30px green;
    -moz-box-shadow: 0px 0px 30px green;
    -ms-box-shadow: 0px 0px 30px green;
    -o-box-shadow: 0px 0px 30px green;
    box-shadow: 0px 0px 30px green;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

 

موفق و پیروز باشید

یا حق

[hamed13712000 0]

خیلی ممنونم آقای صفر علی.

مشکل کامل حل شد.برای اینکه موقع رفتن موس همین اتفاق برعکس بیفته و عکس به حالت فارسی در بیاد هست؟

 

[مصطفی صفرعلی 2,891]

با سلام

 

در خط 28 مسیر templates/jf_social/css/jftemplate.css کد زیر قرار دارد

 

#jf-logo-image {
    background: url("../images/jf/logo/logo_3.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 110px;
    width: 150px;
}

 

بصورت زیر ویرایش کنید

 

#jf-logo-image {
    background: url("../images/jf/logo/logo_3.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 110px;
    width: 150px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

 

موفق و پیروز باشید

یا حق

[hamed13712000 0]

آقای صفر علی بازم ممنونم. خیلی لطف کردین واقعا.

خیلی خوب شد.