پیدا کردن دسترسی به XMLRPC


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

پیدا کردن دسترسی به XMLRPC

XML-RPC وردپرس

XML-RPC یا همان Remote Procedure Call یک پروتکل رابط بین سایت شما و نرم افزارهایی است که از طریق آن ها می توانید اقدام به کنترل سایت وردپرسی خود و مدیریت نوشته و تنظیمات سایت خود نمایید. این پروتکل از نسخه ی ۳٫۵ به بعد به صورت پیش فرض در وردپرس فعال شد. قابلیت XML-RPC وردپرس امکان اتصال سایت شما را با سرویس هایی مانند IFTTT فراهم می کند و نرم افزارهای مدیریت در محیط ویندوز و اندروید نیز از همین راه برای اتصال به سایت شما استفاده می کنند. تیم طراحی سایت اصفهان با مضمون XML-RPC و توضیحاتی در این باره مقاله ای برای شما تهیه کرده است. تا پایان این مقاله ما را همراهی کنید.

XML-RPC وردپرس
چگونگی تهدید امنیت وردپرس توسط XML-RPC

اولین نکته ای که باید به آن توجه کرد این است که ممکن است سرویس ها و پلاگین هایی که این پروتکل را به کار می گیرند دارای فعالیت های ضد امنیتی باشند که برای نرم افزار ها و سرویس های امنیتی به راحتی قابل تشخیص نباشد. یکی از مشکلاتی که فعال بودن این پروتکل برای شما به وجود می آورد امکان حملات DDOS می باشد که در نهایت باعث Down شدن وب سایت شما می گردد. یکی از مشکلات دیگر امکان حمله ی Brute Force می باشد، در این حمله هکر می تواند اسکریپت هایی بنویسد که به سایت مورد نظر درخواست هایی ارسال کند. این درخواست ها می تواند شامل نام کاربری و رمز عبور مربوط به سایت مورد حمله باشد. مسئله ی دیگر این است که وقتی از این چنین سرویس هایی استفاده می کنید، این نرم افزارها می توانند با سایت شما ارتباط برقرار کنند و بدون نیاز به بررسی برای سایت شما درخواست های ورود ارسال نمایند. هکر در حین ارسال این درخواست ها شروع به استخراج مطالب و محتویات سایت شما می نماید. این مسائل چند نمونه از مشکلاتی هستند که در صورت استفاده از پروتکل XML-RPC با آن ها مواجه می شوید. در صورتی که نیازی به استفاده از نرم افزارهای مذکور ندارید بهتر است تا قابلیت xml-rpc وردپرس را غیرفعال کنید.

غیر فعال کردن قابلیت xml-rpc وردپرس

شما می توانید برای غیرفعال کردن این قابلیت از سه روش استفاده از افزونه، استفاده از کدهایی در فانکشن و یا استفاده از کدهایی در فایل htaccess. استفاده کنید.

غیر فعال کردن قابلیت xml-rpc وردپرس با استفاده از افزونه

یکی از افزونه هایی که برای غیر فعال کردن این قابلیت استفاده می شود، افزونه ی Disable XML-RPC می باشد. با استفاده از این افزونه قادر به غیرفعال کردن قابلیت xml-rpc وردپرس می باشید. بعد از این که این افزونه را نصب کردید و سپس اقدام به فعال سازی آن نمودید نیازی به تنظیمات خاصی برای غیر فعال سازی این قابلیت وجود ندارد و خود به خود این قابلیت غیر فعال می شود.

غیر فعال کردن قابلیت xml-rpc وردپرس از طریق Function

راهکار دوم برای غیر فعال کردن قابلیت xml-rpc وردپرس قرار دادن کدهایی در فایل Function قالب می باشد. بعد از این فایل Function قالب خود را باز کردید باید کد زیر را به آن اضافه کنید.

add_filter(‘xmlrpc_enabled’, ‘__return_false’);

غیر فعال کردن قابلیت xml-rpc وردپرس از طریق فایل htaccess.

در صورتی که برای غیر فعال کردن این قابلیت اقدام به ویرایش فایل htaccess. نمایید، این پروتکل از روی سایت شما غیرفعال می شود. برای دسترسی به این فایل ابتدا باید وارد CPANEL هاست خود شوید از آنجایی که این فابل جزء فایل های مخفی به شمار می رود بعد از ورود به بخش File Manager باید در بخش Setting گزینه ی Show hidden file را انتخاب کنید و دکمه ی Save را کلیک کنید تا این فایل برای شما به نمایش درآید. درنهایت بعد از باز کردن این فایل باید کد زیر را به آن اضافه کنید.

Prevent Access to xmlrpc.php File#
<Files xmlrpc.php>
order deny,allow
deny from all
allow from 123.123.123.123
<Files/>

در این کد در خط چهارم به یک IP خاصی امکان دسترسی به این قابلیت داده شده است. درصورتی که می خواهید کلا این قابلیت از سایت شما حذف شود می توانید این خط کد را حذف کنید.

غیر فعال کردن قابلیت xml-rpc وردپرس

سخن آخر

در این مقاله سعی بر این شد که شما کاربران عزیز آشنایی مختصری با قابلیت xml-rpc وردپرس پیدا کنید. اگر سوال یا مشکلی در این رابطه داشتید و یا برای آگاهی از آموزش های بیشتر می توانید به سایت اسپادان مراجعه کرده و اطلاعات موردنیازتان را از تیم طراحی سایت اصفهان دریافت کنید.

نوشته پیدا کردن دسترسی به XMLRPC اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

بهینه سازی سئو سایت


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

 

بهینه سازی سئو سایت

امروز تصمیم داریم مقاله ای با عنوان بهینه سازی سئو سایت برای شما بنویسیم. زیرا که اکثرا درک صحیحی از بهینه سازی سایت یا سئو سایت ندارند. باید بدانید زمانی که سایت شما درحال طراحی می باشد.

مهم ترین مسئله, بهینه سازی سئو سایت یا سئوی سایت (seo-optimize-website) هست. این مقاله به شما کمک می کند تا بتوانید کاری کنید تا وب سایت شما در نتایج حاصل از جستجوی یک کلمه یا عبارت در موتورهای جستجو، در جایگاه مناسبی قرار بگیرد. برای مثال جایگاه مناسب, صفحه ی اول گوگل می باشد. برای تفهیم شدن موضوع بهینه سازی سایت وسئو سایت تا پایان مقاله با تیم سئو سایت اصفهان همراه باشید.

بهینه سازی سئو سایت

در ابتدای مقاله توضیحی در مورد بهینه سازی وب سایت بیان می کنیم.
شاید این سوال برای شما پیش آمده که چرا هنگامی که کار طراحی وب سایت شما به پایان رسیده است. آن طور که می خواهید از وب سایت شما بازدید نمی شود. دوستان دلیل این مسئله این است که شما هنوز به سراغ یکی از روش های خیلی مهم و موثر افزایش بازدید طراحی وب سایت نرفته و روی آن کار نکرده اید.
روش مورد نظر برای افزایش بازدید وب سایت, بهینه سازی سئو سایت می باشد. از آن جا که بیشتر مردم برای رسیدن به مطلب مورد نظر خود از موتورهای جست وجو استفاده می کنند. باید بدانید و آگاه باشید که با بهینه سازی وب سایت خود در نتایج یک موتور جستجوی بزرگ دارای بیشترین امتیاز می شوید. و در نتیجه در صفحه ی نخست قرار گرفته و بهینه سازی سئو سایت شما با موفقیت انجام شده و سایت شما مورد بازدید بیشتری قرار می گیرید. اولین گام در بهینه سازی سایت داشتن درک صحیحی از کاربران اینترنت می باشد. باید دقت داشته باشید که به طور معمول کاربران اینترنت، چه چیزی مدنظرشان هست و چه چیزی را جستجو می کنند. به گونه ای باید خودتان را به جای کاربران بگذارید تا متوجه عبارت مورد جستجوی آن ها بشوید. دراین قسمت تقریبا شما را با بهینه سازی سئو سایت و دلیل آن آشنا کردیم.

 

سئو سایت

پس از توضیحاتی که در مورد لفظ عامیانه ی بهینه سازی سایت داده شد. به سراغ توضیحاتی در مورد سئو سایت می رویم. معنای سئو بهینه سازی سایت می باشد به طور کل لغت سئو (Search Engine optimize)معنای بهینه سازی موتور جستجو می باشد. Seo تولید کردن صفحات وب سایت هایی می باشد که برای موتورهای جستجو مورد قبول می باشد. سئو سایت یکی از مراحل مهم در طراحی وب سایت می باشد. شما با سئو کردن سایت خود با وجود کلمات کلیدی می توانید به راحتی در صفحه اول گوگل قرار گیرید.
شروع بهینه سازی وب سایت ها از آغاز مراحل طراحی سایت شما می باشد. یعنی بهینه سازی سئو سایت یا سئو کردن یک وب سایت بعد از طراحی سایت شروع نمی شود. بلکه در حین طراحی سایت شروع و پس از اتمام طراحی سایت ما نیز ادامه دارد. برای مثال در کدنویسی وب سایت خود بابه کاربردن تگ های مناسب ومورد نظر می توانید به سئوی سایت خود کمک کنید. از دیگر مسائلی که باید به آن توجه کنید این است که موتورهای جستجو با استفاده از نرم افزار خزنده وب سایت ها را یافته و فهرست بندی می کنند. اشکالی که وجود دارد این است که این خزنده ها مانند هم کار نمی کنند. برای مثال صفحه ی شما در یک موتور جستجو امتیاز بالا و در موتور جستجوی دیگر امتیاز پایینی دارد. پس باید به این نکته نیز توجه کرد که وب سایت شما در موتورهای جستجوی مختلف چه عملکردی دارد. و بهینه سازی وب سایت ها را باتوجه به عملکرد آن ها در هرکدام از موتورهای جستجو انجام دهیم.

 

سئو سایت و کلمات کلیدی

برای بهینه سازی سایت با استفاده از کلمات کلیدی در شروع کار باید چند کلمه کلیدی که مورد نظرتان هست وقصد دارید سایتتان با آن کلمات رتبه خوبی بدست آورد را انتخاب کنید. و با هدف این که با جستجو کردن هر کدام از این کلمات در موتور جستجو سایت شما در اولین صفحه موتور جستجو ظاهر شود آن ها را انتخاب کنید. کلمات کلیدی عام و خاص داریم. کلمات کلیدی عام کلماتی هستند که کاربران ممکن است نظر مشخص و معلومی در مورد آنچه مدنظرشان هست نداشته باشند. کلمات کلیدی عام بلند و طولانی نیستند و خیلی کوتاه هستند مانند مانتو, ورزش و… . رتبه اول قرار گرفتن درگوگل یا سایر موتور های جستجو با استفاده ازکلمات کلیدی عام کار بسیار دشواری است. زیرا که سایت های زیادی از این کلمات کلیدی استفاده کردند. ولی قابل ذکر است که با سئو کردن سایت خود با استفاده از کلمات کلیدی عام می توانید بازدید فراوانی را برای سایت خود ایجاد کنید. از نکات مهمی که باید آن را بیان کنیم عدم استفاده ی بیش از حد از کلمات کلیدی است. زیرا که گوگل یا موتور های جستجوی دیگر این قضیه را به عنوان گول زدن موتور جستجو در نظر میگیرند. و بدون شک وب سایت را به صفحات آخر پرتاب می کنند. پس به استفاده از کلمات کلیدی در حد استاندارد توجه کنید. تیم سئو سایت اصفهان سعی بر رعایت تمامی استاندارد ها برای بهینه سازی سئو سایت ها دارد.

بهینه سازی سئو سایت
 

ماه عسل گوگل

ماه عسل گوگل یا Google Honeymoon به موقعیتی گفته می شود که زمانی که یک سایت طراحی شد و محتواهایی با کلمات کلیدی اصلی در آن منتشر کردیم. در مدت زمان کم در صفحه ی نخست گوگل قرار میگیرد. ولی این زمان خوشی کوتاه است. و بعد از مدت زمان تقریبا یک هفته سایت به جایگاه و موقعیت خود می رود. و از صفحه ی اول گوگل حذف می شود. به این حالت که گوگل رتبه ی خوبی به سایت می دهد ماه عسل گوگل گویند. فارغ از هر رتبه ای که سایت مورد نظر داشته باشد ماه عسل گوگل ممکن است برای هرگونه سایتی انجام گیرد. حال بیان می کنیم که علت پدیده ماه عسل گوگل برروی سایت ها چیست؟
از علت اصلی ماه عسل گوگل خود موتور جستجوی گوگل اطلاع دارد. اما با این وجود توضیحاتی را بیان می کنیم.
از توضیحاتی که می توانیم بیان کنیم این که موتور جستجوی گوگل سایت را در اولین نتیجه های جستجو قرار می دهد تا ارتباط سایت ها با کلمات کلیدی را بررسی کرده و بسنجد. و همچنین اینکه نحوه ی پاسخ دهی آن ها چگونه است.
موتور جستجوی گوگل برای مدتی کوتاه و موقت برای دیده شدن سایت شما رتبه ی خوب و رنک دهی بالایی به آن می دهد.
یکی ازدلایل موتور جستجوی گوگل برای آوردن سایت شما به صفحه ی اول گوگل این است که مطالب جدیدی در مورد کلمات کلیدی اصلی در اختیار کاربران قرار بدهد. و فرض را بر این میگیرد که سایت شما مطالب و محتوای جدید و مناسبی برای کاربران دارد.
از دلایل دیگر آمدن سایت به اولین صفحه ی گوگل می تواند این باشد که رقیبی برای کلمه ی کلیدی که در سایت تان قرار دادید وجود نداشته و پس از مدتی که سایت های دیگر با کلمه ی کلیدی اصلی شما روی کار آمدند و مطلبی با آن کلمات کلیدی در سایت خود قرار داده رقیب شما می شوند. و به این ترتیب به تدریج جای شمارا میگیرند. و رتبه ی شما پایین می آید.
پدیده ی ماه عسل گوگل را در ذهن داشته باشید. و با بالا آمدن وب سایت خود و بدست آوردن رتبه ی خوب و افت رتبه سایت تعجب نکنید.

 

انواع سئو

برای بهینه کردن سایت خود نیاز به انجام فعالیت هایی است که این فعالیت ها به دو دسته تقسیم می شوند.
سئوی داخلی و سئوی خارجی که در ادامه به توضیح آن ها می پردازیم.
ابتدا به توضیح سئوی داخلی می پردازیم. سئوی داخلی کارها و فعالیت هایی می باشد که درون سایت و در ساختار محتوایی آن انجام می گیرد.
اولین مورد بررسی کردن کد سایتمان می باشد و این که کدهای مورد نیاز سئو را به کد سایت خود اضافه کنیم.
کم کردن حجم تصاویر برای بالابردن سرعت سایت و همچنین ویرایش تصاویر برای سئو.
توضیحات و مطالب سایت را اصلاح کنیم و کلمات کلیدی درآن ها را به اندازه به کاربریم.
نوشتن کد به گونه ای که سایت واکنش گرا و ریسپانسیو باشد. و سایت روی نسخه ی موبایل قابل استفاده باشد.
بررسی و اصلاح تگ های کد های سایت بر اساس کلمات کلیدی.
ایجاد کردن محتوای جدید درون سایت بر اساس کلمات کلیدی مد نظر و ویرایش کردن محتواهای قبل.
لینک ایجاد کردن بین مطالب و صفحات سایت و ارجاع لینک به محتواهای سایت و صفحه ی اصلی سایت.
مورد دوم یا دسته ی دوم سئوی خارجی است. سئوی خارجی در واقع کارها و فعالیت هایی است که خارج از سایت خود انجام می دهیم. مانند معرفی و شناساندن سایت خود در اینترنت و شبکه های اجتماعی و…
ایجاد بک لینک در سایت های معتبر به صورت مکرر.
منتشر کردن محتوا های سایت در شبکه های اجتماعی برای جذب بازدیدکننده و مخاطب و… .
موارد بیان شده تعداد کمی از فعالیت هایی است که باید در داخل و خارج سایت رعایت کنیم. و این موارد باید به صورت متناوب ودر کنار یکدیگر انجام گیرند تا به نتیجه ی مورد نظرمان برسیم. به طور کل برای بهینه سازی سئو سایت به هر دو نوع سئو نیاز داریم.
برای آشنایی شما با سئو و روش های آن توضیحی مختصر در مورد سئو کلاه سفید, سئو کلاه سیاه و و سئوی خاکستری نیز برای شما داده می شود. که در مطالب زیر به آن می پردازیم.

 

سئو کلاه سفید

یکی از روش های درست و مطابق با قوانین گوگل برای سئوی سایت در مدت زمان طولانی سئوی کلاه سفید می باشد. این روش بی خطر وبرای افرادی است که می خواهند با روشی صحیح و به گونه ای حرفه ای سالیان طولانی تجارت کنند. برای بهینه سازی سئو سایت خود این روش بهترین روش سئو می باشد.

 

سئو کلاه سیاه

این روش عکس سئوی سفید می باشد. به گونه ای قوانین گوگل را نقض کرده و با روش های غیر اخلاقی رتبه و موقعیت سایت خود را بالا می برد.

 

سئو کلاه خاکستری

سئو کلاه خاکستری انجام هردوروش سیاه و سفید است. یعنی به نوعی با گذاشتن محتوای عالی و… به افزایش رتبه ی خود کمک می کند. وهم با انجام کارهای غیر اخلاقی مانند گذاشتن بک لینک سیاه برای سایت های با رتبه ی بالا رتبه ی آن هارا پایین می آورد تا خود رتبه ی بالا کسب کند.

نکته حائز اهمیت برای پیشرفت یک سایت در اولویت قرار دادن بهینه سازی سئو سایت می باشد. حتی اگر قصد بروز کردن سایت قدیمی خود را دارید نیز باید سئوی آن را در اولویت قرار دهید. دوستان نگران نباشید برای سئو کردن سایت خود به تیم طراحی سایت اصفهان اعتماد کنید. و سئو ی سایت خود را به ما بسپارید.

بهینه سازی سئو سایت

نوشته بهینه سازی سئو سایت اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

محل قرار گیری عناصر ،خواص float و clear


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

محل قرار گیری عناصر ،خواص float و clear

در مقاله امروز قصد بیان سه Property کاربردی در css  را دارم . برای آشنایی کامل با Property های position،float،clear تا انتهای مطلب با تیم طراحی سایت اصفهان همراه باشید.

خاصیت position

خاصیت position  برای تعیین موقعیت عناصر در یک صفحه تعیین می شود . هم چنین با استفاده از این ویژگی می توانید عناصر را در صفحه وب پشت سر هم قرار دهید .

ویژگی position دارای ۴ مقدار اصلی می باشد که هر کدام دارای کاربرد مخصوص به خود است.در ادامه به بررسی چهار مقداری که ویژگی position دارد ، می پردازم.

  • static

تمام عناصر html به طور پیش فرض دارای مقدار استاتیک هستند به عبارتی نوشتن و یا ننوشتن مقدار static در هنگام کد نویسی تاثیری نخواهد داشت و عناصر در همان محلی که هستند نمایش داده می شوند.عناصری که از ویژگی static استفاده می کنند از ویژگی های top,right,bottom,left تبعیت نمی کنند.

  • Fixed

عناصری که مقدار position آن ها fixed می باشد حتی در صورت scrool خوردن صفحه و یا تغییر اندازه پنجره مرورگر در موقعیت خود قرار خواهند گرفت و موقعیت آن ها نسبت به قبل هیچ تغییری نخواهد کرد.

  • Relative

عناصری که به صورت  relative مقدار دهی می شوند نسبت به موقعیت فعلی خود موقعیت دهی می شوند به عبارتی می تواند نسبت به محل قرار گیری طبیعی خود تغییر مکان دهد.

  • Absolute

موقعیت دهی عناصر به صورت Absolute مشخص می کند که عنصر مشخص شده در محل تعیین شده نشان داده شود نه محلی که کد مربوط به آن نوشته شده است . مقدار Absolute دارای خاصیت ارث بری می باشد.

  • Overlapping elements

خاصیت z-index ترتیب قرار گیری عناصر را مشخص می کند .به عبارتی کدام عنصر باید جلو یا پشت عنصر دیگر قرار گیرد.دقت کنید که خصوصیت z-index فقط در مواقعی کار می کند که عنصر با استفاده از خصوصیت position مکان دهی شده باشد.شکل زیر به فهم شما از متن فوق کمک می کند.

 

 

خاصیت position

خاصیت float

Float  در لغت به معنای شناور بودن می باشد. یکی از پرکاربردترین Property در طراحی سایت ویژگی float می باشد. با استفاده از این خاصیت می توانید موقعیت عناصر را به سمت راست یا چپ تنظیم کنید. با این روش می توان به قرار گیری عناصر در کنار یک دیگر کمک کرد. خاصیت float دارای دو مقدار می باشد.

  • Right

عنصر شناور به سمت راست است

  • Left

عنصر شناور به سمت چپ می باشد

 

خاصیت clear

ویژگی clear به طور مستقیم با ویژگی float کار می کند .کار این عنصر پاک سازی اطراف عنصر شناور به منظور جلوگیری از سقوط سایر عناصر به پایین عنصر شناور می باشد.

خاصیت  clear از والد خود تبعیت نمی کند به عبارتی دارای ارث بری نیست .

ویژگی clear دارای مقدار both  می باشد به این معنا که هیچ عنصر در سمت راست و چپ عنصر شناور قرار نداشته باشند. دو مقدار دیگری که ویژگی clear  دارا می باشد clear:right به معنی پاکسازی سمت راست عنصر شناور و clear:left به معنای پاکسازی سمت چپ عنصر شناور می باشد. clear:none  یکی دیگر از مقادیر پیش فرض این خاصیت می باشد که تمام عناصر به طور پیش فرض دارای clear:none هستند.

در مقاله آموزشی فوق تیم طراحی سایت اصفهان شما عزیزان را با سه خاصیت بسیار مهم در طراحی سایت که اهمیت بالای یادگیری آن ها غیر قابل انکار است، آشنا کردند. برای آشنایی با خواص پرکاربرد دیگر در css3 می توانید از مطالب مفید منتشر شده در سایت استفاده مفید داشته باشید .

نوشته محل قرار گیری عناصر ،خواص float و clear اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

تنظیم خواص  عناصر Border و Margin و Padding   


برای خواندن کامل مطلب به سایت سر بزنید . آنجا کد ها و تصوایر کاملا خوانا ترند !
https://www.spadan.net/

خواص عناصر Border و Margin و Padding

در مقاله های قبلی در رابطه با طریقه نوشتن css صحبت کرده بودیم. حال در این مقاله سعی شده است به بررسی برخی از خواص عناصر Border و Margin و Padding و باکس ها و نحوه ی کار همه ی آن ها پرداخته شود. برای کسب اطلاعات بیشتر در این زمینه با اسپادان همراه باشید.

در نگاه اول استفاده از خواص عناصر Border و Margin و Padding و نحوه ی استفاده از آن ها نسبتا ساده هستند. با این حال موتور های جستجوی مرورگر از لیستی طولانی از قوانینی که در توصیه نامه ی CSS ارائه شده اند پیروی می کنند. به همین دلیل جزییات زیادی قبل از استفاده از css ها وجود دارند که باید فرا بگیرید.

خاصیت Margin

این خاصیت از  css برای مشخص کردن فضای خالی  خارج از محیط عناصر مورد استفاده قرار می گیرد. تمام خصوصیات Margin می توانند مقدار منفی بگیرند که با این کار باعث هم پوشانی عناصر html  می شوید. این عنصر css را می توان برای حالت های Top , Right , Bottom ,Left تنظیم نمود. برای دادن Margin به هر کدام از حالت های بالا می توان از دو روش زیر استفاده کرد. در روش اول می توان به صورت جداگانه به هر کدام از حالت ها مقدار داد. به مثال زیر توجه کنید:

  margin-top:1px;

  margin-right:2px;

  margin-bottom:3px;

  margin-left:2px;

در روش دوم شما می توانید به صورت ساعتگرد به هر کدام از حالت ها مقدار بدهید. به مثال زیر توجه کنید.

;margin:1px 2px 3px 2px

مقدار اول margin  را در حالت Top مشخص می کند. مقدار دوم margin  را در حالت  right مشخص می کند. مقدار سوم margin  را در حالت  bottomمشخص می کند. مقدار چهارم margin  را در حالت  left مشخص می کند.

اگر تنها برای تمام حالت ها یک مقدار وجود داشته باشد. می توان آن را به صورت margin: 2px نوشت که برای تمام جهت ها اعمال می شود.

اگر برای حالت بالا و پایین یک مقدار و برای حالت چپ و راست یک مقدار وجود داشته باشد. برای آن که آن ها را خلاصه بنویسیم می توانیم. margin-top و margin-bottom  را بر روی مقدار اول  و margin-right و margin-left را بر روی مقدار دوم تنظیم کنیم. margin: 1px 2px

حال اگر حالت چپ و راست یک مقدار داشته باشد و پایین و بالا دو مقدار مجزا داشته باشند. به عبارت دیگر سه مقدار وجود داشته باشد. بالا بر روی مقدار اول تنظیم می شود سمت چپ و راست بر روی مقدار دوم و پایین بر روی مقدار سوم تنظیم می شود.margin: 1px 2px 3px

مقادیر margin را می توان به چند صورت مشخص کرد. می توان محاسبه ی مقدار margin را برعهده ی مرورگر قرار داد و برای ان مقدار auto درنظر گرفت. می توان مقادیر آن را برحسب px,em,cm,pt و… در نظر گرفت. یا می توان به margin  مقدار درصد داد. که در این صورت اندازه ی margin برحسب اندازه ی صفحه نمایش تغییر خواهد کرد.

خاصیت Padding

این خاصیت از  css برای مشخص کردن فضای خالی  داخل عناصر مورد استفاده قرار می گیرد. به عبارت دیگر با استفاده از این عنصر می توانید فضای خالی بین لبه(border) و محتوای عنصر را تنظیم کنید. بر خلاف خصوصیت padding , margin  نمی تواند مقدار منفی بگیرد. از این خصوصیت برای تنظیم هر چهار جهت بالا , پایین,چپ و راست می توان استفاده کرد. این خصویت را نیز می توان مانند margin مقدار دهی کرد. به هر کدام از مثال های زیر توجه کنید.

padding-top: 25px;

padding-right: 50px;

padding-bottom: 25px;

padding-left: 50px;

در این مثال به هر کدام از جهت های padding به صورت مجزا مقدار داده شده است.

padding: 25px 50px 75px 100px;

 

در این مثال از روش مختصر نویسی استفاده شده است و هر چهار مقدار padding  در یک تعریف تنظیم شده اند.

padding: 25px 50px 75px;

 

در مثال بالا یک مقدار برای جهت بالا یک مقدار برای جهت های چپ و راست و یک مقدار برای جهت پایین تنظیم شده است.

padding: 25px 50px;

در صورتی که برای جهت های بالا و پایین یک مقدار و برای جهت های راست و چپ یک مقدار وجود داشته باشد.  می توان از روش بالا استفاده کرد. مقدار اول برای  padding-topو padding-bottom  و مقدار دوم برای padding-right و padding-left تنظیم شده است.

padding: 25px;

در صورتی که تمام جهت ها یک مقدار را داشته باشند. می توان از روش بالا برای خلاصه سازی استفاده کرد.

Padding را می توان برحسب, pt px, cm , em مشخص کرد و یا می توان به padding  مقدار درصد داد تا اندازه ی آن بر اساس اندازه ی مرورگر تغییر کند.

خاصیت border

با استفاده از این خصوصیت می توان خواص لبه ی عناصر  و نوع نمایش آن ها را مشخص کرد. این خصوصیت مقادیر زیر را دارا می باشد.

خاصیت border-style

Dotted: لبه به صورت مجموعه ای از نقاط به نمایش در می آید.

none: این حالت معادل border-width=0 می باشد و لبه به نمایش در نمی آید.

dashed: به صورت مجموعه ای از خطوط کوتاه به نمایش در می آید.

solid: لبه به صورت یک خط به نمایش در می آید.

Double: با استفاده از این خاصیت می توانید لیه را به صورت دو خطه نمایش دهید.

Groove: لبه در این حالت به نظر می رسد که به صورت سه بعدی است.

Ridge: در این حالت لبه به صورت سه بعدی برجسته می باشد.

Inset: لبه به صورت سه بعدی داخلی نمایش داده می شود.

Outset: لبه به صورت سه بعدی خارجی به نمایش در می اید.

خاصیت border-width

از خاصیت هایی که باید در border تنظیم شود border-width می باشد. این خصوصیت ممکن است یکی از مقادیر زیر را دارا باشد:

thin : یک بوردر نازک

medium : یک بوردر متوسط

thick : یک بوردر ضخیم

همچنین می توان این خصوصیت را بر اساس مقادیر px,pt,cm,em نیز تنظیم کرد .

در صورتی که خاصیت border-style  تنظیم نشده باشد نمی توان از خاصیت border-width استفاده کرد.

خاصیت border-color

از این خاصیت برای مشخص کردن رنگ لبه ها استفاده می شود. به سه حالت می توان به ان مقدار داد. در روش اول می توان رنگ لبه را بر اساس نام آن مشخص کرد. در روش دوم می توان رنگ لبه را بر اساس کد رنگ rgb مشخص کرد در روش سوم می توان رنگ لبه را بر اساس کد هگزا مشخص کرد.

به مثال های زیر توجه کنید

;border-style:solid
;border-color:red

border-style:solid;
border-color:#98bf21;

border-style:solid;
border-color:rgb(170, 50, 220);

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

 border-top: solid red;

border-right: solid red;

border-bottom: solid red;

border-left: solid red

border-style:dotted solid double dashed;

که به ترتیب مقادیر لبه های بالا, راست, پایین و چپ می باشد

border-style:dotted solid double;

لبه های بالا, راست و چپ و پایین می باشد.

border-style:dotted solid;

لبه های بالا , پایین و راست, چپ می باشد.

border-style:dotted;

در این حالت تمام چهار لبه یک مقدار واحد را می گیرند.

این قوانین خلاصه سازی در مورد border-color  و border-widht نیز برقرار می باشند.

به این صورت نیز می توان مقادیر خصوصیت border را نیز خلاصه نویسی کرد

border-bottom: thick solid red

که در این حالت مقدار اول border-width,  مقدار دوم border-style  و مقدار سوم border-color  می باشد.

 

سخن آخر

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

نوشته تنظیم خواص  عناصر Border و Margin و Padding    اولین بار در طراحی سایت اصفهان | سئو سایت اصفهان | طراحی سایت در اصفهان پدیدار شد.



Source link

..................................................................................طراحی وب سایت , سئو وب سایت , طراحی قالب وردپرس , فروش بک لینک , فروش رپورتاژ.................................................................................. رد کردن

آفلاین

در حال حاضر نیستیم. لطفا پیام خود را ارسال کنید, در اولین فرصت رسیدگی میکنیم. با تشکر : تیم پشتیبانی اسپادان

هر سولی دارید بپرسید.

شروع چت