آموزش Css3 -آیکون های شبکه اجتماعی

این درس درباره آیکون های شبکه اجتماعی در سی اس اس می باشد.برای ایجاد این آیکون ها ابتدا از اینترنت آن ها را دانلود می کنیم و سپس باید به آن ها استایل دهیم و باید توجه شود آیکون هایی که دانلود می کنیم با فرمت PNG باشد.سپس شروع به کدنویسی می کنیم و با استفاده از FOOTER یک آیدی به نام NOTIFICATION می سازیم سپس با دستور FLOAT همه آیکون ها را در سمت راست قرار می دهیم.بعد با دستور WIDTH یک عرض AUTO به آن می دهیم و با دستور MARGIN فاصله ایجاد می کنیم.سپس یک PADDING به آن می دهیم و بعد OVERFLOW را هم به آن اختصاص می دهیم و مقدار آن را HIDDEN می کنیم  که کار این دستور جلوگیری از خارج شدن آیکون ها از فوتر ساخته شده است.سپس برای لیست عکس های شبکه های اجتماعی نیز یک سری دستور می نویسیم.برای این کار آیدی فوتر را انتخاب کرده و بعد دستور LI را هم بعد از آن می نویسیم که نشان دهنده انتخاب لیست از صفحه می باشد و در این لیست ابتدا دستور LISTSTYLE را می نویسیم و آن را برابر NONE قرار می دهیم و در ادامه یک MARGIN RIGHT را برای آن در نظر می گیریم و سپس عمل FLOAT به سمت راست را انجام می دهیم