• فناوری
  • سرگرمی
همچنین در ناتیلوس بخوانید


❶شیوه کارکرد (css) چیست؟ چگونه در وردپرس به کار ببریم و تغییر دهیم | CSS HTML 


انواع باتری لپ تاپ از چه جنسی هستند + بررسی
توضیح کامل VPN چیست VPN چگونه کار می کند
پدیده لاشامپ چه تاثیری بر زندگی موجودات زنده دارد
احکام قرض گرفتن و قرض دادن
همسايه هاي دروني و بيروني خورشيد
بررسی موشکافانه رفتار احتمالی بانک مرکزی اروپا در تقویت یورو
آیا ماهواره خیام استفاده جاسوسی و نظامی دارد؟
در صورت جهانی شدن قیمت ها و حذف یارانه ها چه اتفاقی برای اقتصاد کشور می افتد؟
توییت ایلان ماسک با سقوط قیمت بیت کوین همراه شد
مقاله آموزش کامل CSS به زبان کاملا ساده
چرا هدایت نقدینگی به سمت تولید امکان ندارد
آیا مشکل ایران اسلام و مذهب است | مشکل ایران کمبود مسجد و روحانی است
آموزش مشکل قطع شدن آپلود فایل ها در هاست با نرم افزار اف تی پی
تورم تولید کننده چیست/روند نزولی و صعودی آن به چه معناست
هاست رایگان برای چه وب سایت هایی مناسب است
مقایسه نرخ تورم در ترکیه و ایران
آیا نیکولا تسلا، منبع انرژی رایگان را کشف کرده‌بود؟
دانلود 22 مداحی و سروده برتر مهدی سلحشور بهترین مهدی سلحشور
چگونه بفهمیم که در یک سخنرانی مغالطه وجود دارد یا نه ؟
داستان بازی GTA3 کامل ترین داستان
رمز عبور کامپیوتر یا دکستاپ خود را تغییر دهید نحو تغییر رمز عبور ویندوز
از افشاگری سردار سلامی هواپیمای اوکراینی چه بلایی سرش آمد؟
عوامل تاثیرگذار بر رتبه بندی وب‌سایت‌ها در موتورهای جستجوگر
فایده های گیاه کرفس، آشنایی با خواص بسیار و مضرات گیاه کرفس
جلوگیری از خالی شدن سریع باتری گوشی‌های هوشمند با چند ترفند ساده
مغالطه توسل به جهل چیست؟ توضیح مغالطه توسل به عدم آگاهی
محلول سوسپانسیون چیست و چگونه ساخته می شود
ولایت در ترازوی عدالت! چرا تلقی رایج از ولایت فقیه، مانع تحقق عدالت است؟
نه خرید از ترکیه عیب است نه اقامت در آمریکا ریا، تظاهر و عوامفریبی عیب است.
25 خاصیت باورنکردنی سیب سبز و فواید خوردن سیب سبز
چرا نمی توانم یک شبکه بی سیم را پیدا کنم؟
آیا ایران پیشتاز #فرونشست زمین در جهان است؟
چرا از “فیزیک کوانتومی” سو استفاده می شود؟!
پاسخ صادق زیباکلام به «وزیربهداشت» و «رئیس نهاد رهبری در دانشگاه‌ها»
آموزش ایجاد یا تغییر یک رمز عبور در ویندوز XP WIN7 و WIN 10 راهنمای کامل تغییر رمز عبور
انواع سنگ ها مانند : سنگ آذرین، پگماتیت، دگرگونی، ماربل، كوارتزيت
مغالطه سنت گریزی / مغالطه ناشی از یک پیشفرض نادرست
دانستنی های بدن انسان
سیستم مدیریت محتوا چیست؟
خواص فلفل را بدانید | خواص شگفت انگیز فلفل در درمان بیماری ها
کارکرد CSS
Function CSs

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

شیوه نامه (css) یا شیوه‌نامه آبشاری (Cascading Style Sheet) یک زبان نشانه گذاری برای تعریف جلوه های تصویری و قالب بندی اسناد HTML می باشد. پوسته های وردپرس از CSS و HTML برای خروجی گرفتن از اطلاعاتی که توسط وردپرس تولید می شوند استفاده می کنند. هر قالب وردپرسی دارای یک فایل style.css می باشد. این فایل سی اس اس حاوی قوانینی برای تعریف قالب بندی صفحاتی که توسط وردپرس ایجاد می شوند است.

یادگیری و استفاده از زبان نشانه گذاری CSS بسیار راحت می باشد. سایت های زیادی به زبان انگلیسی و فارسی وجود دارند که آموزش های CSS را منتشر می کنند, این آموزش ها می توانند به یک تازه کار وردپرس برای شروع کار کمک کند. البته به دلیل اینکه CSS خیلی راحت می باشد بسیاری از کاربران وردپرس با کمی نگاه کردن به فایل style.css می توانند اصول اولیه این زبان را درک کنند.

مثال:

body {
font-size:12px;
color: #000;
background-color:#fff;
}

h1 {
font-size:18px;
text-transform:none;
}

.post-title {
font-size: 16px;
color: #000;
font-weight:normal;
}

عناصر HTML می توانند به صورت مستقیم توسط css استایل داده شوند. همچنین طراحان وب می توانند با استفاده از شناسه ها (ID) و کلاس ها (classes) بخش های مختلفی که که می خواهند استایل دهند را تعریف کنند. این قابلیت به آنها کمک می کند تا از استایل های مختلف برای عنصار یکسان HTML در یک صفحه اما در بخش های مختلف استفاده کنند. برای مثال, یک عنصر H1 در سربرگ یک صفحه می تواند متفاوت از عنصر H1 واقع در ناحیه پست همان صفحه استایل داده شود.

مثال:

<div id="header">

<h1 class="blog-title">
<a href="<?php bloginfo('url'); ?>"
title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a>
</h1>

</div>

سند HTML ای که در بالا می بینید شامل یک id به نام header و یک کلاس به نام blog-title می باشد. این بخش ها می توانند به صورت مجزا مانند زیر توسط CSS استایل داده شوند.

#header {
background-color:#000;
height:140px;
width:100%;
padding:20px 10px;
}

h1.blog-title a {
font-color:#000;
font-size:15px;
font-family: tahoma;
text-decoration:none;
}





  • فناوری
  • سرگرمی

لطفا نظر خود را درباره مطلبی که خوانده‌اید، بنویسید...
نام شریف شما :
آدرس ایمیل:
مطلب :
کپی از مطالب این سایت تنها با ذکر فاتحه رایگان است
مجله تفریحی، سرگرمی و اطلاع رسانی   Natilos.ir © 2022 - 2015
V 7.3