ویدئوهای برچسب: «آموزش CSS3»

  • توسط: arta7

    این درس درباره استایل دادن به متن داخل منوها در سی اس اس می باشد.می خواهیم زمانی که روی یک دکمه می رویم رنگ متن نوشته شده در آن از خاکستری به سفید تغییر یابد برای این کار ابتدا آخرین دستوری را که نوشته شده است عنوانش را یک کپی از آن می گیریم و در ادامه کدها قرار می دهیم و یک آیدی به آن می دهیم و در آن BACKGROUND را با نوشتن کدی 30% تیره تر می کنیم و سپس با استفاده از FOOTER MENU و خاصیت  LI و تگ های LINK که در HTML برابر با A است یک آیدی دیگر نوش…
  • توسط: arta7

    این درس درباره تنظیم منودر سی اس اس می باشد.می خواهیم دکمه هایی بسازیم که نسبت به صفحه ما تیره تر باشد برای این کار ابتدا FOOTER MENU را انتخاب کرده و سپس داخل آن یک MARGIN صفر می دهیم و PADDING  را هم صفر می کنیم و عرض آن را AUTO می کنیم سپس با دستور LI به داخل لیستی از منوها رفته و LIST STYLE را برابر NONE قرار می دهیم زیرا اگرNONE  نزنیم به صورت BOLD نوشته ها را نشان می دهد.سپس عمل FLOAT به سمت چپ را انجام می دهیم.با دستور FONTSIZE اندازه فونت…
  • توسط: arta7

    این درس درباره درست کردن منوی پرشی در سی اس اس می باشد.وقتی که MOUSE را روی یک دکمه می بریم یک صفحه به صورت لیست بالا می آید که به آن  POPUP MENU می گویند و ویژگی اصلی این منو که به صورت یک BOX می باشد مخفی بودن آن است و اگر مخفی نباشد زمانی که به داخل صفحه می رویم همه منوها بالا می آیند و زیبایی صفحه را از بین می برند.برای این کار ابتدا تمام لینک هایی که داریم را انتخاب می کنیم و سپس با استفاده از کلاس NOTIFICATION ICONS و سپس نوشتن SPAND حالت D…
  • توسط: arta7

    این درس درباره آیکون های شبکه اجتماعی در سی اس اس می باشد.برای ایجاد این آیکون ها ابتدا از اینترنت آن ها را دانلود می کنیم و سپس باید به آن ها استایل دهیم و باید توجه شود آیکون هایی که دانلود می کنیم با فرمت PNG باشد.سپس شروع به کدنویسی می کنیم و با استفاده از FOOTER یک آیدی به نام NOTIFICATION می سازیم سپس با دستور FLOAT همه آیکون ها را در سمت راست قرار می دهیم.بعد با دستور WIDTH یک عرض AUTO به آن می دهیم و با دستور MARGIN فاصله ایجاد می کنیم.سپ…
  • توسط: arta7

    این درس درباره جعبه های سیاه در سی اس اس می باشد.می خواهیم کاری کنیم که دور عکس ها یک قسمت سایه مانند ایجاد کنیم که کار آن جدا کردن قسمت بیرونی با درونی عکس باشد و سپس می خواهیم کاری کنیم عکس ها سمت چپ نوشته ها قرار گیرند و بین عکس و متن یک فاصله مشخص قرار داشته باشد و  می خواهیم گوشه دور BOX متن را گرد نماییم و رنگ آن را مشکی کنیم که علت استفاده از این ویژگی ها نیز برای تاکید نوشته درون آن است.برای این کار ابتدا FOOTER را انتخاب می کنیم و سپس کل…
  • توسط: arta7

    این درس درباره طرح بندی و تمیز کردن سطرها در سی اس اس می باشد.می خواهیم یاد بگیریم تا پاراگراف هایی که ساخته ایم را به صورت منظم در آوریم و برای هر پاراگراف یک جدول ایجاد کنیم.قبل از اینکه شروع به کدنویسی این قسمت کنیم ابتدا به توضیح بخش دیگری می پردازیم.زمانی که در HTML به یک FOOTER یک آیدی می دهیم و در آن از چند تگ DIV دیگر استفاده می کنیم باید به هر تگ یک آیدی متفاوت دهیم و گرنه دچار مشکل می شویم اما زمان هایی است که می خواهیم مجموعه ای از آید…
  • توسط: arta7

    این درس درباره استایل دادن به لیست ها و عکس ها در سی اس اس می باشد.در ابتدا به معرفی لینک هایی که در FOOTER قرار دارد می پردازد که هر یک لیستی را شامل می شوند.سپس به معرفی تگ هایی که برای ایجاد لیست نیاز است می پردازد این تگ ها شامل دستور UL می باشد که در درون تگ های لیست قرار گرفته اند.سپس به معرفی دستور IMG می پردازد که کار آن معرفی تصویر در برنامه است.در ادامه برای انجام این کارهای توضیح داده شده به صفحه فایل CSS می رویم و در آن دستور  FOOTER …
  • توسط: arta7

    این درس درباره استایل دادن به تیتر ها و پاراگراف ها در سی اس اس می باشد.ابتدا می خواهیم پاراگراف بسازیم برای همین در CSS آیدی FOOTER را انتخاب می کنیم و برای آن HEADER انتخاب می کنیم و دستور FONTWEIGHT که به صورت BOLD می باشد را به NORMAL تغییر می دهیم و سپس به تغییرسایز فونت با دستور SIZEFONT می پردازیم و برای آن که UNDERLINE را به آن دهیم از FONTDECORATION استفاده می کنیم. با دستور COLOR رنگ متن را تغییر می دهیم و با دستور MARGIN عمل تعیین فاصل…
  • توسط: arta7

    این درس درباره سایه دادن در سی اس اس می باشد. قبل از کدنویسی به نشان دادن سایه هایی که در قسمت FOOTER ایجاد می کنیم می پردازیم و نشان می دهیم که 4 نوع سایه داریم سپس کد نویسی را شروع می کنیم.اولین سایه باید به رنگ سفید باشد پس از عدد 255 برای رنگ دادن استفاده می کنیم و این خاصیت را در قسمت RGB دستور BORDER قرار می دهیم و بقیه بوردرها را متناسب با همین رنگ TRANSPARENCY را افزایش می دهیم تا نسبت به هم تفاوت داشته باشند و این عمل را با 4 بوردر انجام…
  • توسط: arta7

    این درس درباره استایل دادن عمومی در CSS3 می باشد.ابتدا به فایل CSS می رویم و می خواهیم برای صفحه مان یک BACKGROUND بسازیم برای این کار در تگ BODY دستور BACKGROUND را نوشته و بعد آدرس عکس را بعد از URL می نویسیم  و سپس دستور REPEAT را می نویسیم تا عمل تکرار را برایمان انجام دهد زیرا ممکن است طول و عرض عکس کوچک باشد و با این کار تمام صفحه را می پوشانیم.سپس در ادامه FOOTER را انتخاب می کنیم و می خواهیم این منو مانند شیشه باشد و خاصیت TRANCEPARRENT د…
  • توسط: arta7

    این درس درباره ساخت footer در css می باشد.می خواهیم این کار را بدون استفاده از کدهای javascript انجام دهیم زیرا خیلی ها از این زبان خوششان نمی آید و استفاده از آن، خیلی ها را اذیت می کند.در این footer می توان لینک رجوع به صفحات facebook , twitter , flicker و rss را درونش قرار داد همچنین می شود با زدن یک دکمه کاری کرد که footer به صورت تمام صفحه نشان داده شود و می خواهیم یک background در صفحه قرار دهیم و footer را با تغییر رنگ نسبت به background د…
  • توسط: علی

    CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، Background، کادرها و تقریبا هر چیزی که در طراحی صفحه استفاده می شود. CSS کمک می کند که بدون استفاده از کدهای HTML، بتوانبم ظاهر صفحات ایجاد شده را طراحی کنیم. همچنین استفاده از CSS کمک می کند که از تکرار دستورات HTML که باعث کند شدن بارگزاری صفحات در اینترنت می شود جلوگیری کنیم. امکان دیگری که استفاده از CSS برایمان فراهم می کند این می باشد که می توان…