تایپ سریع فرمول‌های ریاضی در Word

تایپ سریع فرمول‌های ریاضی در Word

ادامه مطلب
آموزش نتورک پلاس (جلسه اول)

آموزش نتورک پلاس (جلسه اول)

ادامه مطلب
آموزش نصب بی نهایت تلگرام در کامپیوتر

آموزش نصب بی نهایت تلگرام در کامپیوتر

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

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

ادامه مطلب
رفع مشکل پنهان شدن فایل های USB

رفع مشکل پنهان شدن فایل های USB

ادامه مطلب
آموزش برنامه نویسی سی شارپ (مقدمه)

آموزش برنامه نویسی سی شارپ (مقدمه)

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

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

ادامه مطلب
قالب لایه  باز تفریحی

قالب لایه باز تفریحی

ادامه مطلب
ابزار پرسش نام و سن از کاربر و جواب های خنده دار - ورژن 2

ابزار پرسش نام و سن از کاربر و جواب های خنده دار - ورژن 2

ادامه مطلب
قالب لایه باز برای رزبلاگ - مدل اول

قالب لایه باز برای رزبلاگ - مدل اول

ادامه مطلب

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

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

با سلام در این بخش به شما آموزش میدم که چطوری یه باکس درست کنید که سایه داشته باشه،برای مثال به تصویر زیر دقت کنید،همون طور که میبینید این باکس دارای سایه ای به رنگ سیاه میباشد،ولی شما میتوانید از رنگ های مختلف استفاده نمایید،من این باکس رو تماماً توسط 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>


کامنت ها
: محمد 9 سال پیش

خیلی خیلی ممنونم.
ضمنا به گفته خودتون منم کد پاپ آپ رو پاک میکنم.و همین طور تا زمانی که خودتون بگین اون یوزر پسورد در اختیار خودتون هست.
راستی از اینکه کد وبگذر رو به جای مناسبتری بردید سپاس گذارم.
یه خواهش دیگه ای هم دارم.
لطفا !
میتونید یه قالب تخصصی برای انجمن سایت درست کنید./؟
یا اصلا قالب انجمن خودتون رو به من بدین؟
راست میگین ها منم از نوشتن خسته شدم.شکلک

تایپ سریع فرمول‌های ریاضی در Word

تایپ سریع فرمول‌های ریاضی در Word

ادامه مطلب
آموزش نتورک پلاس (جلسه اول)

آموزش نتورک پلاس (جلسه اول)

ادامه مطلب
آموزش نصب بی نهایت تلگرام در کامپیوتر

آموزش نصب بی نهایت تلگرام در کامپیوتر

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

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

ادامه مطلب
رفع مشکل پنهان شدن فایل های USB

رفع مشکل پنهان شدن فایل های USB

ادامه مطلب
آموزش برنامه نویسی سی شارپ (مقدمه)

آموزش برنامه نویسی سی شارپ (مقدمه)

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

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

ادامه مطلب
قالب لایه  باز تفریحی

قالب لایه باز تفریحی

ادامه مطلب
ابزار پرسش نام و سن از کاربر و جواب های خنده دار - ورژن 2

ابزار پرسش نام و سن از کاربر و جواب های خنده دار - ورژن 2

ادامه مطلب
قالب لایه باز برای رزبلاگ - مدل اول

قالب لایه باز برای رزبلاگ - مدل اول

ادامه مطلب
نام کاربری :
رمز عبور :
تکرار رمز :
موبایل :
ایمیل :
نام اصلی :
کد امنیتی :
 
کد امنیتی
 
بارگزاری مجدد