تغییر رنگ کشویی آیکون شبکه های اجتماعی

[barani 3]

سلام

 

می خواستم آیکن شبکه های اجتماعی رو  بصورت کشویی تغییر رنگ بدم

 

به این صورت که با بردن اشارگر ماوس روی اون   تغییر رنگ پیدا کنه 

 

لطفا راهنماییم کنید که چه کدی رو باید استفاده کنم...ممنونم

[topmihan 141]

سلام دوست عزیز

اشتباه نکنم منظور شما هاور هستش

یه توضیح بدم

فرض کنید برای عکسی کد زیر رو دارن

img{background-color: yellow;}

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

img:hover{background-color: red;}

[barani 3]

سلام

 ممنونم از توجهتون

 

نمیدونم   hover هست یا نه ! ؟ 

من میخوام یه ماژول از نوع html دستی بسازم  و داخلش قسمت ویرایش آیکن شبکه های اجتماعی رو بزارم  

واین آیکنا در دو نمونه اما هردو نمونه یک اندازه و به طور مثال حالت گرد باشه  که با رفتن ماوس روی آیکن شکل زیری نمایش بده 

 

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

 

اما فک کنم برا نمونه ای که من میخوام درست کنم یه کد دیگه باید بکار ببرم

 

لطفا اگر اطلاعی دارید در این زمینه راهنماییم کنید ...منمونم

[topmihan 141]

خب شما نگفتین که عکسه

کد اول رو با بک گراند ایمیج عوض کنید و عکس اول رو بذارید

و کد دوم ( هاور ) نیز بک گراند ایمیج کنید و عکس دوم رو بهش اختصاص بدین

[barani 3]

بله دو تا آیکن png هست

 

کد cssاین دوتا آیکن رو من به این شکل بکار ببرم ،  درسته ؟؟؟

 

img{background-image:url('icon1.png');}


img:hover{background-image:url('icon2.png');}

 

این کد رو داخل کدوم قسمت باید بکارببرم ؟؟؟

 

 کدی  رو که  داخل قسمت html  ویرایشگرباید قرار بدم اون به چه صورته

[رضاقاسمی 1,539]

بله دو تا آیکن png هست

 

کد cssاین دوتا آیکن رو من به این شکل بکار ببرم ،  درسته ؟؟؟

 

img{background-image:url('icon1.png');}

img:hover{background-image:url('icon2.png');}

 

این کد رو داخل کدوم قسمت باید بکارببرم ؟؟؟

 

 کدی  رو که  داخل قسمت html  ویرایشگرباید قرار بدم اون به چه صورته

img
{
background-image:url('icon1');
}
img:hover
{
background-image:url('icon2');
}

بله همین کدیه که دادم

فقط یادتون نره جای Icon1 و icon2 آدرس عکس رو بزارید.

در ضمن لطفا کد هاتون رو بین دو تا تگ

[ php]و [ /php]

بزارید.

ویرایش شده مرداد 93 توسط ghasemy50

[barani 3]

سلام ... ممنونم

من دقیقا نمیدونم این کد رو کجا بکار ببرم . داخل قسمت html ویرایشگر ماژولی که میخوام دکمه شبکه های اجتماعی داخل اون قرار بگیره این کد رو قرار میدم و آدرس دو تا آیکن png رو درست وارد میکنم اما داخل صفحه سایت خود کد رو نمایش میده

آیا این کد  css رو باید داخل فایل style.css قرار بدم ؟؟

اما داخل  قسمت html ویرایشگر باید کد html  اون رو قرار بدم 

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

ویرایش شده مرداد 93 توسط barani

[رضاقاسمی 1,539]

سلام ... ممنونم

من دقیقا نمیدونم این کد رو کجا بکار ببرم . داخل قسمت html ویرایشگر ماژولی که میخوام دکمه شبکه های اجتماعی داخل اون قرار بگیره این کد رو قرار میدم و آدرس دو تا آیکن png رو درست وارد میکنم اما داخل صفحه سایت خود کد رو نمایش میده

آیا این کد  css رو باید داخل فایل style.css قرار بدم ؟؟

اما داخل  قسمت html ویرایشگر باید کد html  اون رو قرار بدم 

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

از قسمت تنظيمات كلي ويرايشگر رو به ساده تغيير بديد بعد اين كد رو وارد كنيد

در صورت پابرجا موندن مشكل لينك بديد

[barani 3]

ممنونم از شما  اما کد رو قبول نمیکنه

یه کد html باید قرار بدم اگه  ممکنه کد زیر رو برام اصلاحش کنید...ممنونم

<p> <img src="image1.png" border="0" alt="" /> </p>
<p><img src="images2.png" border="0" alt="" /></p>

[topmihan 141]

ممنونم از شما  اما کد رو قبول نمیکنه

یه کد html باید قرار بدم اگه  ممکنه کد زیر رو برام اصلاحش کنید...ممنونم

<p> <img src="image1.png" border="0" alt="" /> </p>

<p><img src="images2.png" border="0" alt="" /></p>

سلام دوست عزیز

این ایمیج 2 هاور ایمیج 1 هستش؟؟ یا نه!!

[barani 3]

سلام دوست عزیز

این ایمیج 2 هاور ایمیج 1 هستش؟؟ یا نه!!

بله   میخوام ایمیج 1 بک گراند باشه و ایمیج 2 چشمک زن باشه

اما کدی که اینجا قرار دادین cssهست ودر قسمت html ویرایشگر قبولش نمیکنه

تنظیمات خاصی هم داخل فایل style.css قالب می خواد انجام بدم؟؟

[topmihan 141]

دوست عزیز ابتدا باید بگم حالا که متوجه شده این به این حالت ها میگن هاور بهتره همین کلمه رو بکار ببرید تا کاربران با اطمینان پاسخگو باشن

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

اگه سوالی بود در خدمتم

[mahdiar.dadmarzi 39]

سلام دوست عزیز باتوجه به مباحث اخیر بنده متوجه مشکل شدم

تمامی راهای استاید فرمودن درست میباشد

ولی یه مشکل کوچکی در داخل آنها وجود دارد که اونم مربوط به شما که نتونستید خواستونو بیان کنید وگرنه حتما جواب کامل وصحیح را دریافت میکرد

ببیند ما در فایل html همه جور کدی میتوانی وارد کنیم

مثلا css وphp و javaو......

اما نحوه فراخوانی واستفاده از آنها متفاوت است با بقیه نتیجه میگیرم شما دو راه حل دارید .یکی از پلاگین که مدتها پیش استاد بنده یعنی آقای تهرانی عزیز برای درج کدcss وphp و javaو.... عرضه نمودن ودر سایت جومینا هم موجود است  استفاده کنیددر نهایت در پلاگین هم شما باید کد وارد کنید سطج دانش شما با زبان های کد نویسی نمیدان  .ودوم راهی که بنده عرض میکنم خدمتان

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

ما برای فراخوانی فایلهای کلا css وphp و javaو سه طریق می باشد یکی از فایل خارجی استفاده کنیم

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

سوم به این لاین میتونیم از اون کدها استفاده بکنیم من در اینجا میخواهم این لاین برای شما کد css را در فایل html بارگزاری کنم که فکر مشکل اصلی شما هم در این مورد باشد.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
    .pa{
        background:rgbargba(127,223,255,1);
            }


</style>


</head>
<body>
<p class="pa"> it is pik 1.</p>
<p style="background:rgba(0,255,0,1)"> inline style.</p>
</body>
</html>
میتونید از روس دوش دوم استفاده کنید براتوان ساده تر میباشد منتها به جای زنگ زمینه عکس مورد نظرتون تو دوتا <p> اعمال کنید اگر موفق نشدین آدرس بخش ادمین سایتون و ت وپیام خصوصی برام بفرستید براتون تغیر بدم

[barani 3]

سلام دوست عزیز باتوجه به مباحث اخیر بنده متوجه مشکل شدم

تمامی راهای استاید فرمودن درست میباشد

ولی یه مشکل کوچکی در داخل آنها وجود دارد که اونم مربوط به شما که نتونستید خواستونو بیان کنید وگرنه حتما جواب کامل وصحیح را دریافت میکرد

ببیند ما در فایل html همه جور کدی میتوانی وارد کنیم

مثلا css وphp و javaو......

اما نحوه فراخوانی واستفاده از آنها متفاوت است با بقیه نتیجه میگیرم شما دو راه حل دارید .یکی از پلاگین که مدتها پیش استاد بنده یعنی آقای تهرانی عزیز برای درج کدcss وphp و javaو.... عرضه نمودن ودر سایت جومینا هم موجود است  استفاده کنیددر نهایت در پلاگین هم شما باید کد وارد کنید سطج دانش شما با زبان های کد نویسی نمیدان  .ودوم راهی که بنده عرض میکنم خدمتان

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

ما برای فراخوانی فایلهای کلا css وphp و javaو سه طریق می باشد یکی از فایل خارجی استفاده کنیم

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

سوم به این لاین میتونیم از اون کدها استفاده بکنیم من در اینجا میخواهم این لاین برای شما کد css را در فایل html بارگزاری کنم که فکر مشکل اصلی شما هم در این مورد باشد.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

    .pa{

        background:rgbargba(127,223,255,1);

            }

</style>

</head>

<body>

<p class="pa"> it is pik 1.</p>

<p style="background:rgba(0,255,0,1)"> inline style.</p>

</body>

</html>

میتونید از روس دوش دوم استفاده کنید براتوان ساده تر میباشد منتها به جای زنگ زمینه عکس مورد نظرتون تو دوتا <p> اعمال کنید اگر موفق نشدین آدرس بخش ادمین سایتون و ت وپیام خصوصی برام بفرستید براتون تغیر بدم

سلام  بله درسته من آشنایی کافی با این زبانها ندارم و خیلی وقت نیست که کار با سیستم مدیریت محتوای جوملا روشروع کردم  به همین دلیل نمیتونم مشکلاتم رو درست بیان کنم و از تمام دوستان در انجمن متشکرم که با این وجود راهنماییم می کنند.

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

 

و متاسفانه بدلیل اینکه سایتم رو هنوز روی هاست نبردم نمیتونم به شما لینکی بدم ....ممنونم از توجهتون

[barani 3]

دوست عزیز ابتدا باید بگم حالا که متوجه شده این به این حالت ها میگن هاور بهتره همین کلمه رو بکار ببرید تا کاربران با اطمینان پاسخگو باشن

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

اگه سوالی بود در خدمتم

من کلاس مورد نظر رو تو فایل کاستوم به این صورت درج کردم:

 

.rss_fb_yahoo_icon a {

display: <span style="font-weight: bold; height: 15px;" id="e1laue6oue_7" class="e1laue6oue">block</span>;

width: 32px;

height: 32px;

float:right;

<span style="font-weight: bold; height: 15px;" id="e1laue6oue_4" class="e1laue6oue">margin</span>-left:5px;

margin-right:5px;

}

a {

border: 0px;

text-decoration: none;

color: #6e6e6e;

-moz-transition: all 0.1s ease-in 0.1s;

-webkit-transition: all 0.1s ease-in 0.1s;

-o-transition: all 0.1s ease-in 0.1s;

-ms-transition: all 0.1s ease-in 0.1s;

transition: all 0.1s ease-in 0.1s;

}

.rss_icon{

 overflow:hidden;

 background:url('RSS1.png') no-repeat bottom left ;

}

.rss_icon:hover{

background:url('RSS2.png')

 background-position:top left ;

}

 

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

لطفا راهنماییم کنید متشکرم

[mahdiar.dadmarzi 39]

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

که متاسفانه از سایت حذف شده 

[topmihan 141]

دوست عزیز برای راحتی کارتون پیشنهاد میکنم از افزونه های اشتراک گذاری بهره ببرید

http://www.joomina.ir/joomla-farsi-extensions/joomla-farsi-extension-communication/social-network/%D8%A7%D8%B4%D8%AA%D8%B1%D8%A7%DA%A9-%DA%AF%D8%B0%D8%A7%D8%B1%DB%8C-%D8%B4%D8%A8%DA%A9%D9%87-%D9%87%D8%A7%DB%8C-%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%DB%8C.html

[fatem 0]

سلام دوستان

من با یک مشکل خیلی جدی روبرو شدم. ممنون میشم راهنماییم کنید.

من دکمه های شبکه های اجتماعی رو فعال کردم و تو سایت هم هستن. اما توو تنظیماتشون، هیچ ادرس ایمیلی از من نخواست. وقتی هم که روشون کلیک میکنم،  یه صفحه ارور باز میشه.

میشه توضیح بدید تنظیمات ایمیل و ای دی این دکمه ها از کجاست؟

مرسی

[topmihan 141]

سلام دوستان

من با یک مشکل خیلی جدی روبرو شدم. ممنون میشم راهنماییم کنید.

من دکمه های شبکه های اجتماعی رو فعال کردم و تو سایت هم هستن. اما توو تنظیماتشون، هیچ ادرس ایمیلی از من نخواست. وقتی هم که روشون کلیک میکنم،  یه صفحه ارور باز میشه.

میشه توضیح بدید تنظیمات ایمیل و ای دی این دکمه ها از کجاست؟

مرسی

سلام

اول لطف کنید سوالتون رو در تاپیک جدید بنویسید و تاپیک های قدیم رو بالا نیارین

دوم وقتی در تاپیک جدید نوشتین دمو سایتتون رو هم بذارید و اینکه آیا از افزونه ای برای اینکار استفاده کردین یا نه