آگهی
article

کار با ویژگی margin و padding در CSS

css-margin-padding

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

ویژگی margin در css


همانطور که از عنوان این عبارت مشخص است، ویژگی margin برای تنظیم فاصله ی حاشیه ها استفاده می شود، به فرض اگر بخواهیم بلاک div اصلی صفحه، از کناره ها و در واقع از تگ body به میزان چند پیکسل فاصله داشته باشد، کافی است برای آن بلاک، مقادیر حاشیه را در قسمت بالا (top)، به میزان مشخصی در یک کلاس (class) یا آی دی (id) تعریف کنیم، به طور مثال:
.main-block{
    margin-top:4px;
    display:block;    
}
به این صورت، بلاک div با کلاس فرضی main-block از تگ body و در واقع از حاشیه بالای صفحه نمایش، به میزان 4 پیکسل فاصله می گیرد.
مقادیر مربوط به اندازه حاشیه را می توان به چند صورت زیر تعیین کرد، اما مناسب ترین و متداول ترین شیوه در حالت معمول، تعیین مقادیر به پیکسل (px) است.
- تعیین مقادیر به پیکسل (picture element)، به فرض 4px، 0px و... (پیکسل ها مقادیری ثابت هستند)، از واحد px بیشتر برای نمایش محتوا در صفحه نمایش (مانیتور) استفاده می شود.
- تعیین مقادیر به Points، به فرض 2pt، 6pt و... (هر pt برابر 1/72 اینچ است)، از واحد pt بیشتر برای کارهای چاپی استفاده می شود.
- تعیین مقادیر به Ems، به فرض 1em، 0.5em و... (هر em برابر با 16 پیکسل و 12 pt است)، به دلیل قابلیت غیر ثابت و مقیاس پذیر (scalable)، این واحد در طراحی صفحات وب برای گوشی های تلفن همراه و دستگاه های مانند آن مناسب است.
- تعیین مقادیر به سانتی متر (CentiMeter)، به فرض 5cm ، 10cm و...، استفاده از این شیوه در وب، چندان مرسوم نیست.
- تعیین مقادیر به درصد (Percent)، به فرض %10 ، %50 و...، در این حالت اندازه بلاک با توجه به اندازه صفحه نمایش، مقادیری متغیر خواهد بود؛ این واحد نیز در طراحی صفحات وب برای گوشی های تلفن همراه و دستگاه های مانند آن مناسب است.
- تعیین مقادیر به صورت خودکار (auto) و حالت وراثتی (inherit) از بلاک والد.

نحوه تعریف ویژگی margin


ویژگی margin را می توان به دو صورت عادی و مختصر تعریف کرد، در شیوه عادی برای کل جهت های بالا، پائین، چپ و راست به صورت یکجا یا جداگانه، margin تعریف می شود، به طور مثال:
.main-block{
    margin:auto;
}
مثال بالا به این معنی است که مرورگر مقادیر پیش فرض حاشیه را برای جهت های بالا، پائین، چپ و راست در نظر می گیرد.
و یا:
.main-block{
    margin-bottom:4px;
    margin-left:2px;
    margin-right:2px;
    margin-top:4px;
}
و یا:
.main-block{
    margin-left:50%;
    margin-right:30em;
    margin-bottom:20pt;
    margin-top:inherit;
}
و همچنین:
.main-block{
    margin-right:auto;
    margin-left:auto;
}
اما در حالت مختصر نویسی، به جای نوشتن مقادیر و جهت های بالا، پائین، چپ و راست، با نوشتن مقادیر آنها در یک خط، به همان هدف اما با کدنویسی کمتر می رسیم، به فرض:
.main-block{
    margin:10px 15px 20px 25px;
}
اعداد در کلاس فوق، به ترتیب نشانگر جهت بالا (top) راست (right) پائین (bottom) و چپ (left) هستند، در واقع مثال برابر است با کد css زیر:
.main-block{
    margin-top:10px;
    margin-right:15px;
    margin-bottom:20px;
    margin-left:25px;
}
و همین طور مختصر نویسی به صورت زیر:
.main-block{
    margin:10px 15px 20px;
}
برابر است با این کلاس css:
.main-block{
    margin-top:10px;
    margin-right:15px;
    margin-bottom:20px;
    margin-left:15px;
}
و همچنین:
.main-block{
    margin:10px 15px;
}
برابر است با:
.main-block{
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
}

ویژگی padding در css


بر عکس ویژگی margin که فاصله دو بلاک یا دو لایه را در صفحات وب تعیین می کند، ویژگی padding میزان فاصله و حاشیه ی محتوای درون یک بلاک را مشخص می کند، به فرض اگر بخواهیم مطالب داخلی یک لایه به میزان 4 پیکسل از کناره های آن فاصله داشته باشد، کافیست برای استایل یا کلاس مربوط به آن لایه، یک مقدار padding در نظر بگیریم، به طور مثال:
.main-block{
    padding:4px;
}
آنچه در مورد ویژگی margin گفتیم، تا حدود زیادی در مورد padding نیز قابل اعمال است، به طور مثال برای تعریف مقادیر جهت های بالا، پائین، چپ و راست به صورت زیر، padding را مقدار می دهیم:
.main-block{
    padding-top:4px;
    padding-bottom:6px;
    padding-left:8px;
    padding-right:10px;
}
و در شیوه مختصر نویسی:
.main-block{
    padding:4px 10px 6px 8px;
}
همانطور که پیش تر گفتیم، اعداد در کلاس فوق، به ترتیب نشانگر جهت بالا (top) راست (right) پائین (bottom) و چپ (left) هستند.

مثال و پیش نمایش آنلاین


جهت بررسی و آشنایی بیشتر با ویژگی های padding و margin می توانید از کد زیر و پیش نمایش آنلاین آن استفاده کنید.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>وبگو | حاشیه و نمایش محتوا در css</title>
<!-- https://webgoo.ir -->
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
    margin:0px;
    padding:0px;
    background-color:#333;
    color:#CCC;
}
.main-block{
    display:block;
    color:#666;
    background-color:#CCC;
    height:400px;
    width:400px;
    margin-top:100px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:10px;
    padding:8px;
}
</style>
</head>
<body>
<div class="main-block">
بر عکس ویژگی margin که فاصله دو بلاک یا دو لایه را در صفحات وب تعیین می کند، ویژگی padding میزان فاصله و حاشیه ی محتوای درون یک بلاک را مشخص می کند.
</div>
<hr />
با تنظیم مقادیر margin-right و margin-left به صورت auto، بلاک div در وسط صفحه تنظیم می شود.
</body>
</html>
پیش نمایش
نکته: ویژگی های padding و margin ممکن است در برخی نسخه های مرورگر اینترنت اکسپلورر به خوبی نمایش داده نشوند، لذا اگر با این نوع مشکلات مواجه شدید، برای این نوع مرورگرها، باید استایل مخصوصی تعریف کنید.
sectionدسته بندی: آموزش مقدماتی » CSS
related مطالب بیشتر:
» کاربرد خاصیت display در CSS
» کاربرد ویژگی position و float در CSS
» ویژگی های Font و Text در CSS
» سلکتور آی دی (ID) و کلاس (Class) در CSS
» کاربرد خاصیت height و width در CSS
commentنظرات (۳۳ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: حسنلو
زمان: ۲۰:۱۷:۵۶ - تاریخ: ۱۳۹۱/۱۲/۱۵
با سلام
میخواستم کناره هایه صفحه سایتم رو مثل سایت شما درست کنم می تونید راهنماییم کنید چطور انجامش بدم
با فتوشاپ درست کردم فقط نمیدونم با چه کدی وارد کنم که ایمیجم از حاشیه به یک اندازه باشه
پاسخ: 
سلام
کد مشخصی وجود ندارد، همان طور که قبلا گفتیم، باید استایل نویسی با css را فرا بگیرید، به این تریتب می توان برای بلاک های div با استفاده از خاصیت های مربوط به پس زمینه، تصاویر را تنظیم کرد، اگر css بلد نباشید توضیح این مسئله ممکن نیست.
در قسمت طراحی وب و آموزش کاربردی css مطالبی در این رابطه وجود دارد.
نویسنده: شکوفه
زمان: ۰۱:۲۳:۰۷ - تاریخ: ۱۳۹۲/۰۴/۱۳
سلام
یه سوال داشتم، اینکه یک دکمه را در قسمتی از صفحه قرار دادم ولی وقتی صفحه را مینیمایز میکنم همان مقدار که فرضا مارجین دادم داخل صفحه میآید. چکار کنم که ثابت سرجاش بمونه و این مشکل را رفع کنم.
مرسی که وقت گذاشتید
پاسخ: 
سلام
این مشکل نیاز به بررسی کدها و استایل CSS دارد، بدون دیدن سورس کدها نمی توان پاسخ داد، شاید ایراد از بلاکی است که دکمه در آن قرار گرفته، به طور مثال هنگامی که از مقدار دهی در صدی به جای پیکسل استفاده می کنید، طبیعی است که خصوصیات بلاک متناسب با عرض کلی صفحه تغییر می کند و در نتیجه عناصر داخل آن بلاک نیز به همین صورت.
نویسنده: tarahomiasl
زمان: ۱۵:۰۵:۰۵ - تاریخ: ۱۳۹۲/۰۴/۲۱
سلام و خسته نباشید، من افزونه
widget-css-classes.1.2.1
رو برای دادن استایل خاص برای هر ابزارک فعال کردم، حالا میخوام محتویات یه ابزارک خاص فاصله ای از کنار سایدبار نداشته باشه، چه کدی باید وارد کنم؟
پاسخ: 
سلام
ظاهرا سوال شما در مورد وردپرس است که متاسفانه اطلاعی در این خصوص نداریم، لطفا سوالات مربوط به CMS ها را در انجمن ها و سایت های مربوطه مطرح کنید.
نویسنده: نگار
زمان: ۱۳:۳۷:۲۱ - تاریخ: ۱۳۹۲/۰۵/۰۲
به صاحب سايت تبريك ميگم خيلي زحمت ميكشي براي مردم. دستت درد نكنه
نویسنده: علی
زمان: ۲۰:۳۰:۱۹ - تاریخ: ۱۳۹۲/۰۵/۱۱
سلام بنده مشکلی دارم که تا الان هیچ کس نتونسته حلش کنه
سوال راجع به بلوک تبلیغاتی بلاگم داشتم
این عکس رو مشاهده بفرمایید
طبق فلش می خوام اون عکس بیاد سمت راست ولی نمیاد
چجوری حرکتش بدم؟
http://www.8pic.ir/images/83040855789582935954.jpg
من فقط می خوام توی همین یک بلوک تغییر ایجاد کنم
padding , .. تمامی بلوک های تبلیغاتی وبلاگ رو تغییر میده
<div class="adblock">
<a href="https://alliexfinancial.com/?ref=rapidleech"><img
src="https://alliexfinancial.com/images/alliex160x600.gif" alt="دریافت 15% سود پس از هفت روز"/></a>
</div>
پاسخ: 
سلام
می توانید به روش های زیر این کار را انجام دهید:
- استفاده از تگ center در HTML (توصیه نمی شود):
<div class="adblock">
<center>
<a>...</a>
</center>
</div>
- استفاده از استایل CSS خطی:
<div class="adblock" style="padding-left:12px; text-align:right;">
<a>...</a>
</div>
- تعریف استایل در کلاس مربوطه یا تعریف یک id یکتا برای بلاک:
<style type="text/css">
#adblock_special{
padding-left:12px;
text-align:right;
}
</style>
<div class="adblock" id="adblock_special">
<a>...</a>
</div>
نویسنده: علی
زمان: ۲۳:۱۴:۰۲ - تاریخ: ۱۳۹۲/۰۵/۱۱
سومین کد کار کرد!!
فقط می تونم بگم بی نظیری! واقعا کسی نتونسته بود
برای تشکر کوچک
آدرس سایتتون رو لینک کردم
دو سوال دیگه داشتم اگه امکانش هست و هر وقت تونستید راهنماییم کنید:
سوال اول
در وبلاگ من کد آخرین مطالب در پایین صفحه هست و بصورت افقی چطور اون رو به سمت راست وبلاگ بیارم و مثل دیگر سایتها و وبلاگها:
http://earn1sec.mihanblog.com
سوال دوم
من طبق عکس پایین دو جابه جایی می خواستم انجام بدم
یکی عنوان سایت
و دیگری بلوک سرچ
http://upload7.ir/images/63755705721460500569.jpg
ممنون می شم راهنمایی کنید.
قالب:
http://uploadtak.com/images/y5999_New_Text_Document_2.rar
پاسخ: 
متاسفانه به دلیل کمبود فرصت، امکان انجام تغییرات سفارشی برای کاربران وجود ندارد، لطفا با یک طراح قالب موضوع را مطرح کنید یا اینکه وقت بگذارید و CSS را یاد بگیرید.
نویسنده: علی
زمان: ۱۹:۱۰:۰۴ - تاریخ: ۱۳۹۲/۰۵/۱۵
جناب من تغییر سفارشی نمی خوام
بی زحمت راهنمایی کنید
پاسخ: 
منظور از تغییرات سفارشی، درخواست هایی است که نیاز به ویرایش سورس کد وبلاگ و به فرض تغییر سلیقه ای چینش محتوا و... دارند، راهنمایی خاصی نمی توان در مورد مشکل شما داشت چون باید زمینه قبلی در CSS داشته باشید، تغییر بدون تسلط بر این موضوع، مشکلات دیگری در ظاهر وبلاگ شما ایجاد می کند.
نویسنده: پگاه
زمان: ۱۲:۱۷:۱۱ - تاریخ: ۱۳۹۲/۰۷/۱۶
در سایت w3schools گفته که padding-right و padding-left به width اضافه میشه اما اینطور که من تست کردم اگر به المان width بدیم padding به width اضافه میشه اما اگر به المان width ندیم padding به width اضافه نمیشه و عرض المان ثابت می مونه
پس درستش چیه؟
پاسخ: 
padding در هر صورت به width اضافه می شود، برای اطمینان مقادیر زیادی برای آن در نظر بگیرید، مثال:
<style type="text/css">
.test{
padding:50px;
border:1px solid #999;
}
</style>
<div class="test"></div>
نویسنده: پگاه
زمان: ۰۷:۳۶:۰۴ - تاریخ: ۱۳۹۲/۰۷/۱۷
با تشکر از پاسختون
اتفاقا در همین مثالی که زدید هم همینطوره وقتی به div پراپرتی width رو ندیم عرض کل صفحه رو اشغال می کنه و وقتی padding:50px می دیم عرضی که div در صفحه اشغال کرده هیچ فرقی نمی کنه خودتون امتحان کنید
پاسخ: 
هنگامی که بلاک خاصیت width ندارد، در واقع حالت پیش فرض (auto) برای آن در نظر گرفته می شود، مشخص است که در این صورت padding با مقدار 50 پیکسل تاثیری در ظاهر بلاک نخواهد داشت (چون مقادیر auto آن را در خود حل می کند!)، اما اگر به فرض حالت زیر را در نظر بگیرید:
<style type="text/css">
.test{
padding:50px;
border:1px solid #999;
width:100%;
}
</style>
<div class="test"></div>
قاعدتا نباید اسکرول افقی داشته باشیم (اگر گفته شما درست باشد)، اما به جهت اضافه شدن 50 + 50 پیکسل حاشیه، 100 پیکسل بیشتر از 100 درصد عرض خواهیم داشت و در نتیجه اسکرول افقی.
نویسنده: Bardia
زمان: ۲۰:۲۳:۳۳ - تاریخ: ۱۳۹۲/۱۰/۰۸
سلام.
فقط یه نکته :
از مقادیر منفی هم میشه برای این تگ استفاده کرد.
پاسخ: 
سلام
خیلی ممنون از یادآوری.
نویسنده: مریم
زمان: ۰۰:۳۲:۰۰ - تاریخ: ۱۳۹۲/۱۰/۲۴
سلام سایت خیلی خوبی دارید وخیلی ممنون بابت زحمتتون.
میخوام قسمت هد سایتم مثه سایت زیر باشه.
http://tehran.academia.edu/
بیشتر گیر کارم سر این هست که چطور قسمت رنگی زیر سفید رفته. چطور میتونم این کار رو بکنم.
ممنون میشم در اولین فرصت پاسخ بدید. چون سریعا نیاز دارم.
پاسخ: 
سلام
پیش از هر چیز باید با تکنیک های حرفه ای CSS و طراحی وب آشنا باشید، به فرض این قابلیت را می توان با تعریف یک یا چند div برای هدر و در نظر گرفتن پس زمینه سفید و سپس متصل کردن قسمت هدر با قسمت اصلی و همپوشانی آن با رنگ مشابه بدست آورد، هر چند درک این تکنیک تنها در صورتی ممکن است که قبلا قالب های ساده تر را طراحی و با تکنیک های پایه مانند تبدیل طرح از فتوشاپ به HTML آشنا باشید.
نویسنده: hamed
زمان: ۱۸:۰۱:۰۷ - تاریخ: ۱۳۹۳/۰۳/۱۰
سلام من وقتی از word-warp:break word استفاده می کنم دچار مشکل میشم چون هرخط بطور جداگانه تفسیر میشه و وقتی بخوام پشت خطوط رنگ زمینه بندازم یا border تعریف کنم برای هر خط بطور جداگانه رنگ زمینه و border تعریف میکنه در حالی که میخوام یک رنگ زمینه و border برای تمام خطوط استفاده بشه
پاسخ: 
سلام
هر چند نمونه کدی قرار نداده اید، اما به نظر اگر ابتدا یک بلاک والد (بلاک اصلی) داشه باشید و خاصیت های مربوط به رنگ و خط حاشیه را به آن اختصاص دهید،‌ سپس یک بلاک سطح پائین تر در درون آن داشته باشید و خاصیت های دیگر را نسبت دهید، مشکل حل خواهد شد.
نویسنده: neda
زمان: ۱۵:۵۳:۴۲ - تاریخ: ۱۳۹۳/۰۴/۲۹
سلام دوست عزیز من میخوام margin-right متفاوت از مرورگر های دیگه برای IE V7 تعریف کنم اما نمیدونم چطوری.
چون در مرورگر های دیگه margin-right=27px صحیح کار میکنه ولی در IE v7 باید 0 باشه
اگه میتونید راهنمایی کنید ممنون
پاسخ: 
سلام
لطفا در وب عبارت "تنظیمات CSS مخصوص مرورگر اینترنت اکسپلورر" را جستجو کنید.
نویسنده: حسام
زمان: ۱۶:۵۴:۳۸ - تاریخ: ۱۳۹۳/۱۰/۲۹
متشکرم ... واقعا فقط یه طراح وبه که میتونه تلاش و وقتی رو که برای نوشتن این مطالب مفید و ارزشمند گذاشته شده رو درک کنه :)
نویسنده: محسن
زمان: ۱۹:۵۳:۰۹ - تاریخ: ۱۳۹۴/۰۳/۰۳
با سلام
چگونه از تاثیر padding بر سایر المان ها جلوگیری کنیم. منظورم اینه که مثلا دو تا div داریم که دایو دوم زیر دایو اول و مثلا در موقعیت 500px از بالا قرار دارد حالا اگه مقدار padding دایو اول رو فرضا 20px قرار بدیم اونوقت دایو دوم از موقعیت 500px به موقعیت 520px می ره.
چی کار کنم که از اتفاق جلوگیری شود
پاسخ: 
سلام
می توانید استایل زیر را به بلاک خود اضافه کنید:
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
البته این روش برای مرورگر اینترنت اکسپلورر صرفا از نسخه 8 به بعد کار می کند (که امروزه مشکل چندانی نیست!)، روش دیگر استفاده از width یا height به صورت auto و استفاده از margin-left یا margin-right است.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ کوتاه و مختصر داده خواهد شد!
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.





2 × 4
 refresh
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form مهدی
در:
سلام من از کد زیر استفاده کردم ولی وقتی که اعمال میشه کل css های سایتم میپره.. چه باید بکنم
۰۹:۵۵:۵۰ ۱۳۹۹/۰۴/۲۳

form سلماسی
در:
سلام ایا اگر از وبسایت شخصی کسی بازدید کنیم صاحب وبسایت شماره ی ما را می بیند
۲۱:۳۱:۵۳ ۱۳۹۹/۰۴/۲۲

form mahdi
در:
سلام استاد اگه براتون زحمتی نیست یه نگاه دیگه بهش بندازید ، الان ریموو ادیت درست هستن فقط برای نمایش کلیشون که وقتی رفرش میکنیم...
۱۹:۱۳:۱۵ ۱۳۹۹/۰۴/۲۲

form mahdi
در:
سلام استاد عزیز ، میتونید یه نمونه که فقط با جاوا اسکریپت کار شده نه با فریمورکاش بهم معرفی کنید ببینم؟ من هرچی گشتم پیدا...
۱۴:۴۶:۲۴ ۱۳۹۹/۰۴/۲۲

form mahdi
در:
سلام استاد عزیز و گرامی ، یه دفتر چه یادداشت با localstorage میخوام بنویسم ولی مشکل دارم، دو تا سوال دارم ممنون میشم راهنماییم...
۱۲:۰۵:۰۷ ۱۳۹۹/۰۴/۲۲

form اریا
در:
سلام و درود بزرگوار چه دستوری باید بنویسیم تا فقط مقدارهای خاصی از ارایه بتونیم نمایش بدیم. مثلا یک ارایه 6 خونه ای...
۱۶:۴۷:۳۱ ۱۳۹۹/۰۴/۲۰

form کافه کتاب
در:
سپاس خیلی وقت بود دنبالش بودم مرسی از سایت عالیتون
۱۴:۵۱:۴۳ ۱۳۹۹/۰۴/۲۰

form سجاد
در:
دمتون گرم. خیلی زحمت کشیدید
۱۳:۴۳:۱۱ ۱۳۹۹/۰۴/۲۰

form KhashayarPrk
در:
سلام. میخوام الگو تمام کلمات داخل پرانتز رو بدون پرانتز بریزه ارایه با این کد فقط یک پرانتز رو جواب میده.
۱۳:۱۳:۴۷ ۱۳۹۹/۰۴/۲۰

form Oliver
در:
چطوری دستور background رو برای جدلمون عکسش رو تنظیم کنیم و بهش طول و عرض بدیم
۱۶:۰۷:۱۷ ۱۳۹۹/۰۴/۱۸

form محمد
در:
با عرض سلام ببخشید چطوری میتونم واسه اشتراک کاربر انقضا بزارم مثلا یک ماه داخل دیتابیس ردیف تایم رو درست کردم البته تاریخ رو تبدیل...
۱۹:۱۴:۵۹ ۱۳۹۹/۰۴/۱۵

form آیدا
در:
سلام من در حال طراحی با html هستم اما طبق فیلم آموزشی پیش میرم از یه جایی به بعد هم تغییرات اعمال نمیشه...
۲۲:۴۷:۴۴ ۱۳۹۹/۰۴/۱۴

form علی
در:
سلام اگه میشه یه تکه کدی بفرستید که کاربر نتونه عکس مورد نظر رو دانلود کنه و با نگه داشتن روی عکس فقط لینکو ببینه...
۰۹:۳۰:۴۹ ۱۳۹۹/۰۴/۱۴

form sina2000
در:
با سلام و خسته نباشید طبق کد زیر استفاده میگه متغیر Pdc برای PDO است لطفا نمونه کد برای لایبرری...
۱۵:۰۳:۵۱ ۱۳۹۹/۰۴/۱۳

form محمد امین
در:
سلام ممنون از مطلبتون ببخشید من یه سایتی با شی گرایی کامل زدم الان میخوام آدرسشو بهینه کنم آدرس الان من به این صورته:...
۱۸:۲۸:۲۴ ۱۳۹۹/۰۴/۱۱
form ترنم
در:
سلام وقتتون بخیر ببخشید من کدهای مربوط منو و زیر منو رو نوشتم ولی موقع اجرا منوی اصلی رو میاره ولی زیر منوها رو...
۱۱:۰۶:۲۹ ۱۳۹۹/۰۴/۱۱
form ا
در:
سلام چرا وقتی مطالب مربوط که تو وبلاگم هست رو جستجو میکنم نمیاره ؟؟؟
۲۰:۳۱:۰۸ ۱۳۹۹/۰۴/۰۷
form amir
در:
سلام من اگه بخوام با وارد کردن یه id داخل یک text کل اون ردیف پاک بشن باید چه کنم مثلا یک text دریافت میکنم...
۰۱:۴۸:۰۵ ۱۳۹۹/۰۴/۰۷
form محمدباقر حسیبیان
در:
من این مشکل برام پیش اومده که موقع ورود به پروژه م توی لوکال هاست wamp صفحه سفیده و هیچی رو نشون نمیده و کد...
۱۶:۴۲:۳۸ ۱۳۹۹/۰۴/۰۶
form ...
در:
سلام دو سایت نوشته ای مربوط به من رو چند سال قبل لینک دانلود قرار دادن من ازشون خواستم بردارنش ولی اینکارو نکردن سایت...
۱۷:۲۶:۴۲ ۱۳۹۹/۰۴/۰۵
form مجتبی
در:
سلام میشه یک کد جاوا رو به php تبدیل کرد تا لود سایت سریع تر بشه؟
۱۳:۰۴:۲۳ ۱۳۹۹/۰۴/۰۴
form متین
در:
سلام ؛ من تازه شروع به یادگیری کردم ؛ مطلب بسیار کاربردی بود ؛ ممنون از شما دوست عزیز.
۰۱:۵۰:۰۵ ۱۳۹۹/۰۴/۰۴
form mahdi
در:
سلام استاد عزیز و گرامی امیدوارم که حالتون خوب باشه ، اگه براتون ممکنه لطفا یه آموزش خوب در زمینه وردپرس بهم معرفی کنید ،...
۲۱:۴۸:۱۳ ۱۳۹۹/۰۴/۰۳
form امید
در:
در برنامه نویسی کاربر با چه دستوری میتواند به صفحه اصلی برگردد
۱۹:۰۶:۵۶ ۱۳۹۹/۰۴/۰۳
form ali
در:
با سلام من یک پروژه طراحی کردم میخوام که وقتی کاربر روی ادامه مطلب کلیک کرد در خود صفحه بقیه مطالب را ببینه...
۱۸:۴۷:۲۲ ۱۳۹۹/۰۴/۰۳
form علی
در:
سلام و تشکر از زحمات ارزشمند شما احتراما بنده امروز از یک شماره تلفن ثابت از طریق یک رایانه و یک موبایل به طور...
۱۸:۰۱:۱۰ ۱۳۹۹/۰۴/۰۳
form oscar
در:
درود. اگر بخوایم در نمایش تاریخ و زمان که به صورت لحظه ای خودش در صفحه رفرش میشه، فقط عبارت " Mon Jun 22 2020...
۱۵:۵۹:۳۲ ۱۳۹۹/۰۴/۰۲
form علی
در:
با سلام چطور میشه فقط یک صفحه مورد نظرمون رفرش بشه نه همه صفحات سایت
۰۰:۰۳:۴۱ ۱۳۹۹/۰۳/۳۱
form Farzad
در:
الان وقتی فایل رو میخواد دانلود بکنه از خودش فایل میسازه ، به این صورت یعنی بعد از پوشه file هر پوشه ای باشه...
۱۸:۵۶:۲۱ ۱۳۹۹/۰۳/۳۰
form Farzad
در:
سلام ، خسته نباشید من فایل هایی که در هاست میزارم به این شکل هست: یعنی مشخص نیست فایل ها تو چه پوشه...
۱۳:۳۳:۴۰ ۱۳۹۹/۰۳/۳۰
form شیما طیبی
در:
سلام خیلی مطلب مفیدی بود . همیشه به وبلاگ نویسی به چشم یه کار خسته کننده نگاه میکردم ولی خب یه مقدار نظرم تغییر کرد....
۲۳:۵۲:۳۲ ۱۳۹۹/۰۳/۲۹
form احسان
در:
سلام من یک کد اسکریپت دارم که به صورت عددی تبدیل شده است. میخواستم بپرسم چطوری میتونم اسکریپت به حالت اولیه نوشته شده برگردانم و...
۲۱:۰۲:۱۳ ۱۳۹۹/۰۳/۲۷
form علی
در:
ممنون از پاسختون اما روش بالا جهت دانلود فایل کاربرد داره . من میخواستم به صورت استریم ویدئو پخش بشه اما آدرس مستقیم ویدئو...
۰۰:۳۷:۴۶ ۱۳۹۹/۰۳/۲۷
form محمد
در:
سلام مجدد ببخشید طبق فرمایش شما من در دیتابیس جدولی ساخته بودم فقط مشکلم اینجاست چطوری میتونم توسط کوکی یا سیشن با تابع دیت انقضا...
۲۲:۳۸:۰۳ ۱۳۹۹/۰۳/۲۵
form محمد
در:
با عرض سلام ببخشید چطوری میشه واسه اشتراک خریدن زمان ۱ ماهه گذاشت که بعد از گذشت ۱ ماه پیام بده دوباره اشتراک تهیه کنید...
۱۳:۱۳:۵۵ ۱۳۹۹/۰۳/۲۵
در انتظار بررسی: ۴