آموزش ایجاد باکس سایه دار با CSS,با سلام در این بخش به شما آموزش میدم که چطوری یه باکس درست کنید که سایه داشته باشه،برای مثال به تصویر زیر دقت کنید،همون طور که میبینید این باکس…

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

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

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

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

بازدید دیروزمون : 10,350

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    ☼ پست کده ی سه نفری ☼
    برای این پست 0 لایک ثبت شده است
    به اشتراک بزار...:
    آموزش ایجاد باکس سایه دار با CSS

    آموزش ایجاد باکس سایه دار با CSS

    نویسنده پست : admin
    تاریخ ارسال پست : جمعه 08 فروردين 1393
    ساعت ارسال پست : 9:34
    زیر موضوع : آموزش کدنویسی ,
    بازدید : 946 بار
    نظرات این پست : نظر

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


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



    همونطور که میبینید برای ایجادیه باکس سایه دار شما باید اول یه باکس به رنگ دلخواه بسازید،ما با id زیر و مشخصاتی که به اون دادیم تونستیم باکس بالا رو ایجاد کنیم:

    <style>

    #boxshadow{background:#9C0; border:1px solid #CC0; border-radius:8px; width:200px; height:140px;}

    </style>

    حالا وقتش شده که به این باکس سایه اضافه کنیم،ما برای ایجاد سایه از دستور box-shadow استفاده میکنیم،به شکل زیر:

    <style>

    #boxshadow{background:#9C0; border:1px solid #CC0; border-radius:8px; width:200px; height:140px; box-shadow:7px 7px 2px #333;}

    </style>

    اطلاعات کد:

    (این باکس در همه مرورگرهای بروز شده کار میکند)

    background:#9C0 : این قسمت از کد ، رنگ باکس را برای شما تغییر میدهد.

    border:1px solid #CC0 : با این قسمت میتوانید برای باکس خود حاشیه ایجاد کنید و رنگ آن را مشخص نمایید.

    width:200px; height:140px : این عناصر مخصوص تغییر اندازه باکس میباشند.

    box-shadow:7px 7px 2px #333 : این قسمت از کد نیز برای سایه دار کردن به کار میرود،با دستکاری اعداد میتوانید در مورد کارکرد این کد بیشتر آشنا بشید.

    برای اینکه این کد نمایش داده بشه باید نام id رو به صورت زیر در هرجایی که میخواین این باکس نمایش داده بشه قرار بدین:


    <div id="boxshadow"></div>



    ارسال نظر
    محمد
    پیام محمد در تاریخ 1393/1/18 و ساعت 22:45 به شرح زیر می باشد
    خیلی خیلی ممنونم.
    ضمنا به گفته خودتون منم کد پاپ آپ رو پاک میکنم.و همین طور تا زمانی که خودتون بگین اون یوزر پسورد در اختیار خودتون هست.
    راستی از اینکه کد وبگذر رو به جای مناسبتری بردید سپاس گذارم.
    یه خواهش دیگه ای هم دارم.
    لطفا !
    میتونید یه قالب تخصصی برای انجمن سایت درست کنید./؟
    یا اصلا قالب انجمن خودتون رو به من بدین؟
    راست میگین ها منم از نوشتن خسته شدم.

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

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

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

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

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

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

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

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

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

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

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