آموزش خاصیت hover در css,با سلام خدمت دوستان گل،در این بحث می خوایم با هم یاد بگیریم که چطوری از خاصیت hover در کد نویسی های خودمون بهره ببریم،برای درک بهتر خاصیت این…

شعار سایت : به سه نفر کمک کنید،و از اون سه نفر هم بخواهید به سه نفر دیگه کمک کنن...

خبر رسان سه نفری
  • تست خوانندگی در سه نفری...(ببینم...)- 1395/04/18
  • هاست با پشتیبانی 24 ساعته...(ببینم...)- 1395/03/25
  • قالب جدید سه نفری رونمایی شد...(ببینم...)- 1395/03/03
☼ آمارکده سه نفری ☼
اطلاعات آماری

با توجه به گزارشات واصله از سرور رزبلاگ،آمار امروز بدین شرح میباشد...:

به طور کل تا این ساعت 15,100 نفر توی سایت حضور به هم رسوندن...

بازدید دیروزمون : 11,610

حالا اگه بخواهیم دقیقتر حساب کنیم به این شکل میشه...:

از این تعداد،61 نفر از گوگل اومدن مهمونی...

ورودی گوگل دیروزمون : 76

و 9255 نفر هم با آی پی های متغیر وارد شدن...

آی پی های دیروز : 6695

راستی آمار کاربرامونم داریم...میگی نه ببین...:

کلاً 865 نفر تو سایت عضون...

بله ما یه ایطور چیزایی تو خودمون داریم...

کلاً توی سه نفری 182 تا پست ارسال شده،مفیدناااا...

از خدا که پنهون نیست،از شما چه پنهون...

همین الآن که شما اینجایی،62 نفر دیگه هم آنلاینن...

مثل خودم اهل آماریااا...خخخخ

بیا اینم بقیه آمار...:

کلاً تا به امروز 6,587,591 نفر از سایت مستفیذ شدن...

این ماه هم تا الآن 223,960 نفر بازدید داشتیم...

خدا رو شکر راضی هم هستیم...

بازم امری بود در خدمتت هستم...54.145.198.123

سلام به همگی...

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

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

اما برای تفریح هم وقت داریم...:)

هر جوری میتونین توی سایت رفتار کنین،ولی مطابق با قوانین باشه دیگه...

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

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

اگه کد خاصی هم خواستید توی انجمن تاپیک بزنید و درخواست بدید...

دیگه زیاد حرف نمیزنم،فعلاً سایت رو بررسی کنید و لذت ببرید...

تفاضل آمار بازدید دیروز و امروز : در حال بررسی...
برای نمایش نتایج حاصل،کلیک کنید
تفاضل آمار گوگل دیروز و امروز : در حال بررسی...
برای نمایش نتایج حاصل،کلیک کنید
تفاضل آمار آی پی دیروز و امروز : در حال بررسی...
برای نمایش نتایج حاصل،کلیک کنید
☼ مطلب کده سه نفری ☼
پست های سایت
تبلیغات
Advertising Advertising Advertising
تبلیغات خود را به ما بسپارید...
☼ مهمان سرای سه نفری ☼
اعضای آنلاین
    مدیران و نویسندگان
    172 پست 104 پست 4 پست 7 پست 2 پست 0 پست 0 پست 0 پست 2 پست 5 پست 0 پست 0 پست 0 پست 0 پست 1 پست 0 پست 0 پست 0 پست 2 پست 2 پست 0 پست

    با سلام خدمت شما سروران گرامی...

    در این بخش از سایت،اسامی و سمت مدیران و نویسندگان سایت قرار گرفته...

    شما میتونید با کلیک بر روی نام هر مقامدار،از وضعیت کلی فعالیتش با خبر بشید...

    یه نکته،هر کس این توانایی رو در خودش میبینه که میتونه نویسنده سایت بشه،با ما در میون بزاره...

    امیدوارم از فعالیت و حضور توی سایت لذت ببرید...

    ☼ پست کده ی سه نفری ☼
    برای این پست 7 لایک ثبت شده است
    به اشتراک بزار...:
    آموزش خاصیت hover در css

    آموزش خاصیت hover در css

    نویسنده پست : admin
    تاریخ ارسال پست : دوشنبه 08 ارديبهشت 1393
    ساعت ارسال پست : 11:7
    زیر موضوع : آموزش کدنویسی ,
    بازدید : 4722 بار
    نظرات این پست : نظر

    با سلام خدمت دوستان گل،در این بحث می خوایم با هم یاد بگیریم که چطوری از خاصیت hover در کد نویسی های خودمون بهره ببریم،برای درک بهتر خاصیت این تگ می تونین ماوس خود را روی کادر زیر ببرید(البته این فقط یکی از خاصیت های این تگه!!!)

    (این آموزش به خواسته کاربر گرامی آقا محمد در سایت قرار گرفت)





    خوب ما با استفاده از این خاصیت میتونیم کاری کنیم که وقتی کاربر ماوسش رو برد روی لینک،شی یا هرچیز دیگه ای که تو صفحه وبتون هست،یه اتفاقی روی اون اشیا بیفته،مثلا میتونیم کاری کنیم که وقتی کاربر ماوس رو برد روی یه لینک اون لینک به رنگ دیگه ای دربیاد..(امتحان کنید):


    سایت سه نفری دات آی آر


    خوب همونطور که میبینید وقتی ماوس رو روی لینک میبرین رنگش تغییر میکنه و وقتی ماوس رو کنار میکشین رنگ لینک به حالت اولیه بر میگرده(البته این ساده ترین قسمت این خاصیته که همه جا استفاده میشه)..

    شما میتونین این خاصیت رو روی اشیای موجود صفحه وبتون پیاده کنین،به این صورت:

    اول باید یه کلاس یا آی دی مشخص بسازیم(اسمش بستگی به خودتون داره،من اسم کلاسمو میزارم hov):

    <style>

    .hov{background:#306; width:35px; height:35px; border:1px solid #333; border-radius:3px;}

    </style>


    حالا ما باید مشخص کنیم که وقتی ماوس به روی این شی رفت چه اتفاقی واسش بیفته،من میخوام وقتی ماوس رفت روی شی،طولش افزایش پیدا کنه و رنگشم سبز بشه،به این شکل یک خط دیگه به استایلمون اضافه میکنیم:


    <style>

    .hov{background:#306; width:35px; height:35px; border:1px solid #333; border-radius:3px;}

    .hov:hover{background:green; width:320px;}

    </style>


    خوب همونطور که میبینین من برای اینکه این تغییرات اعمال بشه اومدم و بعد از کلاسمون تگ hover: رو اضافه کردم.به این صورت شما میتونین خیلی کارهای دیگه انجام بدین که وبتون رو زیبا میکنه،مثل سایت خودم که منوهای بالای سایت(منوهای کشویی)رو با این تگ ساختم،البته این اجزا رو میشه با جاوا اسکریپت هم ساخت،ولی ما وارد بحثش نمیشیم...

    برای فراخونی این کلاس به شکل زیر عمل میکنیم:


    <div class="hov"></div>



    ارسال نظر
    محمد
    پیام محمد در تاریخ 1393/2/11 و ساعت 19:24 به شرح زیر می باشد
    البته من نمیدونم که چرا سایتم اینطوری میشه ؟!
    در واقع من قبلا کد جلوگیری از راست کلیک رو گذاشته بودم ولی بعدا خوشم نیومد و برداشتمش ...
    و حالا نمیدونم که چرا اینطوریه ؟!
    پاسخ : فکر کنم فهمیدم ایراد از چیه،شما خیلی تصویر توصفحه اول سایتتون قرا دادین...به همین خاطر سایتتون دیر لود میشه،درضمن سعی کنید تعداد مطالب نخست رو کمتر کنین تا هم کاربرا به صفحات دیگه مراجعه کنن و هم سایتتون خوب تر لود بشه..همین
    محمد
    پیام محمد در تاریخ 1393/2/10 و ساعت 19:08 به شرح زیر می باشد
    نه بابا ! دشمنتون شرمنده بشه >>>
    فقط نمیدونم که چرا قسمتی از سایتم که نوشته مکان شما در سایت
    آدرس سایت شما بود؟!
    واسه همین فک کردم اشتباه شده و تغیرش دادم ...

    پاسخ : شرمنده،یادم رفته بود که درستش کنم،آخه قالبو عوض کردم...
    خنده بازار - مسافران آفتاب
    پیام خنده بازار - مسافران آفتاب در تاریخ 1393/2/10 و ساعت 18:00 به شرح زیر می باشد
    آها !!!!!!!!!!
    نه نمیخوام ...
    آخه من فک کردم که یه کد جدیده !
    نگو داشششششششتم .....

    *************************
    باید ببخشید آخه من هم مثل آدم های دیگه بی سواد برنامه نویسی هستم !
    البته با ویژوال بیسیک میتونم یه چیزایی درست کنم ولی در حد مقدماتی ....
    آقا از این جمله خیلی بدم میاد:
    لطفا صبر کنید ...
    شما چی؟
    پاسخ : آقا شرمنده که باید هی بگم لطفا صبر کنید...
    آخه هر کاری میکنم این اسکریپت آپلود نمیشه که نمیشه،باید برم کافینت و تو این محل هم کافینت پیدا نمیشه،فکر کنم دیگه تا هفته بعد درست بشه،قول میدم...بازم شرمنده...
    محمد
    پیام محمد در تاریخ 1393/2/9 و ساعت 22:12 به شرح زیر می باشد
    إه !
    آقا من نمیتونم از این کد استفاده کنم.

    هر کار میکنم یه مشکل دیگه بوجود میاد ...!
    میشه بیشتر توضیح بدین؟
    یا اصلا خودتون کد رو بزارین توی قالب سایتم؟
    لطفا؟؟؟؟!
    پاسخ : کجای قالب بزارم،این همون منوی کشوییه که براتون ساختم،فقط به جای عکس از بکگراند رنگ استفاده کردم...همین...شما بگین میخواین از این کد چه استفاده ای کنین من بهتون میگم که چیکار کنین...http://rozblog.com/images/smilies/smile%20(3).gif
    محمد
    پیام محمد در تاریخ 1393/2/8 و ساعت 22:16 به شرح زیر می باشد
    داداش بهتون پیغام خصوصی دادم ...
    محمد
    پیام محمد در تاریخ 1393/2/8 و ساعت 21:58 به شرح زیر می باشد
    آقا این آدرس هاست:

    http://******.zgig.ir/

    و اینم یوزر و پسورد:

    نام کاربری*********

    پسورد*******



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

    محمد
    پیام محمد در تاریخ 1393/2/8 و ساعت 21:00 به شرح زیر می باشد
    ممنون.
    راستی من الان خیلی منتظر اون آپلود سنتر هستم.
    میشه راه اندازیش کنید؟
    پاسخ : آقا محمد گل،شرمندت شدم،باشه،تو اولین فرصت راه اندازیش میکنم،آخه نمیدونم چی به سر هاست های رایگان اومده،اگه تونستی خودت تو یه هاست رایگان ثبت نام کن بعد یوزر و پسوردتو بده به من تا برات آپلود سنتر رو نصب کنم...(هاستش ایرانی باشه)...
    جکي چان
    پیام جکي چان در تاریخ 1393/2/8 و ساعت 11:49 به شرح زیر می باشد
    سلام دوست عزيز!

    وبلاگ خيلي زيبايي داري!

    لطفا به منم سر بزن!

    منتظرما!

    پاسخ : باشه عزیز...سر زدم...
    .
    .
    .
    الکی مثلاً من نفهمیدم با اسپمر فرستاده...:دی


    نام
    ایمیل (منتشر نمی‌شود) (لازم)
    وبسایت
    :) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
    نظر خصوصی
    مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
    کد امنیتی

    ☼ تبادل کده سه نفری ☼
    تبلیغات کانالی

    ارسال اطلاعات کانال جهت تبلیغ
    ارسال پست

    من به عنوان مدیر سه نفری یه چیزی اومد تو ذهنم...

    اونم اینکه هر کسی توی ذهنش یا گوشه کامپیوترش،یه سری کد و بازی و در کل مطلب داره...

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

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

    پس اگه از اون دست آدمایید که همیشه یه چیز برای بقیه دارید تا رو کنید...

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

    همین حالا امتحان کنید،فرستادن از شما،تایید از ما...

    نمایش فرم ارسال فقط برای اعضای سایت امکان پذیر است...!!