ساخت دکمه شبکه های اجتماعی

این تاپیک 8 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  حسین ،‏ 3 سال و 12 ماه پیش .

این تاپیک تاکنون 1834 بازدید داشته است .

نویسنده پست
سه شنبه ، 13 نوامبر 2012     4:50 ب.ظ #


mohammad6947

Subscriber
22 پست14 تاپیک

با سلام

من میخوام توی سایدبار وبم دکمه های فیسبوک و تویتر و گوگل پلاس بزارم مثل دکمه هایی که بالای قسمت login سایت شما هست

باید چی کار کنم

2  تشکر
سه شنبه ، 13 نوامبر 2012     5:07 ب.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

سلام.

شما می تونید از کد زیر استفاده کنید:

<a rel="nofollow" href="#" ><img src="ADDRESS" title="سایت ما در فیسبوک" /> </a>
<a rel="nofollow" href="#" ><img src="ADDRESS" title="سایت ما در تویتر" /> </a>
<a rel="nofollow" href="#" ><img src="ADDRESS" title="سایت ما در گوگل پلاس" /> </a>

و بجای کلمه # آدرس لینک و بجای کلمه ADDRESS آدرس تصویر میرد نظرتنو بذارید..

1  تشکر
سه شنبه ، 13 نوامبر 2012     11:02 ب.ظ #


mohammad6947

Subscriber
22 پست14 تاپیک

این خیلی ساده هست

من میخواوم مثلا وقتی که ماوس روی دکمه قرار گرفت شکل دکمه تغییر پیدا کنه

مثل سایت خودتون

برای انجام این کار چه کدی رو باید اضافه کنم

0  تشکر
چهار شنبه ، 14 نوامبر 2012     5:17 ق.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

سلام.

بری این کار شما باید از css استفاده کنید، به طور مثال اگه میخوایید تصاویرتون مثله تصاویر همین سایت شفافتر بشن از چنین کدی میتونید استفاده کنید:

img:hover {
opacity: 0.50;
}

و میتونید با کم و زیاد کردن عدد 0.50 میزان شفافیت رو تعیین کنید.

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

0  تشکر
چهار شنبه ، 14 نوامبر 2012     11:18 ق.ظ #


mohammad6947

Subscriber
22 پست14 تاپیک

[quote=6954]سلام. بری این کار شما باید از css استفاده کنید، به طور مثال اگه میخوایید تصاویرتون مثله تصاویر همین سایت شفافتر بشن از چنین کدی میتونید استفاده کنید:

img:hover {
opacity: 0.50;
}

و میتونید با کم و زیاد کردن عدد 0.50 میزان شفافیت رو تعیین کنید. البته این کد بر روی همه تصاویر سایت اعمال میشه اگه میخوایید فقط تاثیر روی همین تصاویر شبکه های اجتماعی باشه باید از کلاس استفاده کنید. [/quote]
 من این کد رو باید کجا بزارم
یکم بیشتر توضیح بدید چون CSS زیاد بلد نیستم

0  تشکر
چهار شنبه ، 14 نوامبر 2012     11:39 ق.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

این کد رو داخل فایل style قالبتون قرار بدین:

img:hover {
opacity: 0.50;
}

و یا که کد زیر رو در قسمت head صفحه htmlتان قرار بدین..


<style type="text/css">
img:hover {
opacity: 0.50;
}
</style>

0  تشکر
چهار شنبه ، 14 نوامبر 2012     12:23 ب.ظ #


mohammad6947

Subscriber
22 پست14 تاپیک

کد رو داخل فایل style قالبم گذاشتم

اما روی همه تصاویر سایت اعمال میشه

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

0  تشکر
چهار شنبه ، 14 نوامبر 2012     12:35 ب.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

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

یعنی اینکه کد تصاویر اینجوری میشه :

<a rel="nofollow" href="#" ><img class="s-icon" src="ADDRESS" title="سایت ما در فیسبوک" /> </a>
<a rel="nofollow" href="#" ><img class="s-icon" src="ADDRESS" title="سایت ما در تویتر" /> </a>
<a rel="nofollow" href="#" ><img class="s-icon" src="ADDRESS" title="سایت ما در گوگل پلاس" /> </a>

و کد شفافیت هم اینجوری میشه:


img.s-icon:hover {
opacity: 0.50;
}

0  تشکر
سه شنبه ، 11 دسامبر 2012     4:38 ب.ظ #


حسین

Subscriber
70 پست60 تاپیک

براي دكمه هاي

like

بايد چي كار كنيم

0  تشکر
پست 1 تا 9 (از مجموع 9 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .