این درس درباره استایل دادن به متن داخل منوها در سی اس اس می باشد.می خواهیم زمانی که روی یک دکمه می رویم رنگ متن نوشته شده در آن از خاکستری به سفید تغییر یابد برای این کار ابتدا آخرین دستوری را که نوشته شده است عنوانش را یک کپی از آن می گیریم و در ادامه کدها قرار می دهیم و یک آیدی به آن می دهیم و در آن BACKGROUND را با نوشتن کدی 30% تیره تر می کنیم و سپس با استفاده از FOOTER MENU و خاصیت LI و تگ های LINK که در HTML برابر با A است یک آیدی دیگر نوش…
این درس درباره تنظیم منودر سی اس اس می باشد.می خواهیم دکمه هایی بسازیم که نسبت به صفحه ما تیره تر باشد برای این کار ابتدا FOOTER MENU را انتخاب کرده و سپس داخل آن یک MARGIN صفر می دهیم و PADDING را هم صفر می کنیم و عرض آن را AUTO می کنیم سپس با دستور LI به داخل لیستی از منوها رفته و LIST STYLE را برابر NONE قرار می دهیم زیرا اگرNONE نزنیم به صورت BOLD نوشته ها را نشان می دهد.سپس عمل FLOAT به سمت چپ را انجام می دهیم.با دستور FONTSIZE اندازه فونت…
این درس درباره درست کردن منوی پرشی در سی اس اس می باشد.وقتی که MOUSE را روی یک دکمه می بریم یک صفحه به صورت لیست بالا می آید که به آن POPUP MENU می گویند و ویژگی اصلی این منو که به صورت یک BOX می باشد مخفی بودن آن است و اگر مخفی نباشد زمانی که به داخل صفحه می رویم همه منوها بالا می آیند و زیبایی صفحه را از بین می برند.برای این کار ابتدا تمام لینک هایی که داریم را انتخاب می کنیم و سپس با استفاده از کلاس NOTIFICATION ICONS و سپس نوشتن SPAND حالت D…
این درس درباره آیکون های شبکه اجتماعی در سی اس اس می باشد.برای ایجاد این آیکون ها ابتدا از اینترنت آن ها را دانلود می کنیم و سپس باید به آن ها استایل دهیم و باید توجه شود آیکون هایی که دانلود می کنیم با فرمت PNG باشد.سپس شروع به کدنویسی می کنیم و با استفاده از FOOTER یک آیدی به نام NOTIFICATION می سازیم سپس با دستور FLOAT همه آیکون ها را در سمت راست قرار می دهیم.بعد با دستور WIDTH یک عرض AUTO به آن می دهیم و با دستور MARGIN فاصله ایجاد می کنیم.سپ…
این درس درباره جعبه های سیاه در سی اس اس می باشد.می خواهیم کاری کنیم که دور عکس ها یک قسمت سایه مانند ایجاد کنیم که کار آن جدا کردن قسمت بیرونی با درونی عکس باشد و سپس می خواهیم کاری کنیم عکس ها سمت چپ نوشته ها قرار گیرند و بین عکس و متن یک فاصله مشخص قرار داشته باشد و می خواهیم گوشه دور BOX متن را گرد نماییم و رنگ آن را مشکی کنیم که علت استفاده از این ویژگی ها نیز برای تاکید نوشته درون آن است.برای این کار ابتدا FOOTER را انتخاب می کنیم و سپس کل…
این درس درباره طرح بندی و تمیز کردن سطرها در سی اس اس می باشد.می خواهیم یاد بگیریم تا پاراگراف هایی که ساخته ایم را به صورت منظم در آوریم و برای هر پاراگراف یک جدول ایجاد کنیم.قبل از اینکه شروع به کدنویسی این قسمت کنیم ابتدا به توضیح بخش دیگری می پردازیم.زمانی که در HTML به یک FOOTER یک آیدی می دهیم و در آن از چند تگ DIV دیگر استفاده می کنیم باید به هر تگ یک آیدی متفاوت دهیم و گرنه دچار مشکل می شویم اما زمان هایی است که می خواهیم مجموعه ای از آید…
این درس درباره استایل دادن به لیست ها و عکس ها در سی اس اس می باشد.در ابتدا به معرفی لینک هایی که در FOOTER قرار دارد می پردازد که هر یک لیستی را شامل می شوند.سپس به معرفی تگ هایی که برای ایجاد لیست نیاز است می پردازد این تگ ها شامل دستور UL می باشد که در درون تگ های لیست قرار گرفته اند.سپس به معرفی دستور IMG می پردازد که کار آن معرفی تصویر در برنامه است.در ادامه برای انجام این کارهای توضیح داده شده به صفحه فایل CSS می رویم و در آن دستور FOOTER …
این درس درباره استایل دادن به تیتر ها و پاراگراف ها در سی اس اس می باشد.ابتدا می خواهیم پاراگراف بسازیم برای همین در CSS آیدی FOOTER را انتخاب می کنیم و برای آن HEADER انتخاب می کنیم و دستور FONTWEIGHT که به صورت BOLD می باشد را به NORMAL تغییر می دهیم و سپس به تغییرسایز فونت با دستور SIZEFONT می پردازیم و برای آن که UNDERLINE را به آن دهیم از FONTDECORATION استفاده می کنیم. با دستور COLOR رنگ متن را تغییر می دهیم و با دستور MARGIN عمل تعیین فاصل…
این درس درباره سایه دادن در سی اس اس می باشد. قبل از کدنویسی به نشان دادن سایه هایی که در قسمت FOOTER ایجاد می کنیم می پردازیم و نشان می دهیم که 4 نوع سایه داریم سپس کد نویسی را شروع می کنیم.اولین سایه باید به رنگ سفید باشد پس از عدد 255 برای رنگ دادن استفاده می کنیم و این خاصیت را در قسمت RGB دستور BORDER قرار می دهیم و بقیه بوردرها را متناسب با همین رنگ TRANSPARENCY را افزایش می دهیم تا نسبت به هم تفاوت داشته باشند و این عمل را با 4 بوردر انجام…
این درس درباره استایل دادن عمومی در CSS3 می باشد.ابتدا به فایل CSS می رویم و می خواهیم برای صفحه مان یک BACKGROUND بسازیم برای این کار در تگ BODY دستور BACKGROUND را نوشته و بعد آدرس عکس را بعد از URL می نویسیم و سپس دستور REPEAT را می نویسیم تا عمل تکرار را برایمان انجام دهد زیرا ممکن است طول و عرض عکس کوچک باشد و با این کار تمام صفحه را می پوشانیم.سپس در ادامه FOOTER را انتخاب می کنیم و می خواهیم این منو مانند شیشه باشد و خاصیت TRANCEPARRENT د…
این درس درباره ساخت footer در css می باشد.می خواهیم این کار را بدون استفاده از کدهای javascript انجام دهیم زیرا خیلی ها از این زبان خوششان نمی آید و استفاده از آن، خیلی ها را اذیت می کند.در این footer می توان لینک رجوع به صفحات facebook , twitter , flicker و rss را درونش قرار داد همچنین می شود با زدن یک دکمه کاری کرد که footer به صورت تمام صفحه نشان داده شود و می خواهیم یک background در صفحه قرار دهیم و footer را با تغییر رنگ نسبت به background د…
CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، Background، کادرها و تقریبا هر چیزی که در طراحی صفحه استفاده می شود. CSS کمک می کند که بدون استفاده از کدهای HTML، بتوانبم ظاهر صفحات ایجاد شده را طراحی کنیم. همچنین استفاده از CSS کمک می کند که از تکرار دستورات HTML که باعث کند شدن بارگزاری صفحات در اینترنت می شود جلوگیری کنیم. امکان دیگری که استفاده از CSS برایمان فراهم می کند این می باشد که می توان…
