آگهی
article

چسبیدن فوتر قالب به پائین صفحه با CSS

css-sticky-footer

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

منظور از چسباندن فوتر به انتهای قالب


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

کدنویسی HTML و CSS


برای استفاده از این تکنیک در هنگام طراحی قالب، کافی است مراحل زیر را دنبال کنید.
ابتدا طرح کلی قالبمان باید از دو بلاک div تشکیل شده باشد، یک بلاک به عنوان قسمت اصلی و یک بلاک به عنوان فوتر قالب، به مثال زیر توجه کنید.
<div class="wrapper">
قسمت اصلی قالب
</div>
<div class="footer">
قسمت فوتر قالب
</div>
سپس در استایل CSS قالبمان موارد زیر را تعریف می کنیم.
<style type="text/css">
html, body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
    margin:0;
    padding:0;
    height:100%;
}
.wrapper{
    min-height:100%;
    height:auto;
    margin:0 auto -50px auto;
    background-color:#F0F0F0;    
}
.footer, .wrapper:after{
    width:100%;
    height:50px;
    background-color:#369;
    color:#FFF;
}
.wrapper:after{
    content:"";
    display:block;
    background-color:#F0F0F0;
}
hr{
    border:0;
    border-bottom:1px dashed #CCC;
}
</style>
همان طور که ملاحظه می کنید جهت کشیده شدن ارتفاع قالب به اندازه ارتفاع صفحه نمایش، برای تگ html و body مقادیر %100 (خاصیت height) در نظر می گیریم، برای دو بلاک wrapper و footer نیز مطابق نمونه کدها را تعریف می کنیم، نکته قابل توجه در اینجا اندازه margin است که در بلاک wrapper (برای تعیین فاصله انتهای بلاک از عناصر مجاور)، برابر با ارتفاع بلاک footer در نظر گرفته می شود تا فوتر ما کاملا به انتهای صفحه بچسبد، البته در صورت لزوم می توان این مقادیر را تغییر داد و متناسب با طرح دلخواه خود تنظیم نمود.

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


در زیر مثال و پیش نمایش آنلاینی از تکنیک فوق را بررسی می کنیم.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>وبگو | تکنیک هدایت فوتر به پائین صفحه</title>
<!-- https://webgoo.ir -->
<style type="text/css">
html, body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
    margin:0;
    padding:0;
    height:100%;
}
.wrapper{
    min-height:100%;
    height:auto;
    margin:0 auto -50px auto;
    background-color:#F0F0F0;    
}
.footer, .wrapper:after{
    width:100%;
    height:50px;
    background-color:#369;
    color:#FFF;
}
.wrapper:after{
    content:"";
    display:block;
    background-color:#F0F0F0;
}
hr{
    border:0;
    border-bottom:1px dashed #CCC;
}
</style>
</head>
<body>
<div class="wrapper">
قسمت اصلی قالب
<hr>
محتوای قالب را در این قسمت درج کنید.
</div>
<div class="footer">
قسمت فوتر قالب
<hr>
نکته: این روش با تمام مرورگرهای استاندارد سازگار است (شامل مرورگر قدیمی و غیر استاندارد IE 6 نیز می شود).
</div>
</body>
</html>
پیش نمایش
sectionدسته بندی: آموزش کاربردی » CSS
related مطالب بیشتر:
» ایجاد بلاک و تصویر شفاف (Transparent) با استفاده از CSS3
» ساخت منوی آبشاری (عمودی) با تگ ul li و CSS
» آموزش استفاده از فونت فارسی در وب با CSS
» تنظیم موقعیت در وسط و حذف حاشیه ها با CSS
» مخفی کردن عناصر وب با CSS
commentنظرات (۲۷ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: m
زمان: ۱۸:۲۹:۱۷ - تاریخ: ۱۳۹۱/۱۲/۲۱
ممنون از زحماتتون
نویسنده: amirhossein
زمان: ۲۱:۱۶:۲۵ - تاریخ: ۱۳۹۲/۰۴/۱۵
سلام یه سوال داشتم شاید شما هم تا حالا توجه نکرده باشید امیدوارم بتونید جوابم رو بدید
من یه سایدبار درست کردم اینم کدش
<div class="sidebar">
<div class="sidebar-body">
سلام به همه سلام به همه سلام به همه
</div></div>
<style type="text/css">
.sidebar{height:200px;transition:all 5s;-moz-transition:all 5s;-webkit-transition:all 5s;}
.sidebar:hover{height:auto;transition:all 5s;-moz-transition:all 5s;-webkit-transition:all 5s;}
.sidebar-body{display:none;}
.sidebar:hover .sidebar-body{display:block;}
</style>
دقت کنید تو کد ها از تگ transition استفاده شده اما کار نمیکنه میخوام به سایدبار به صورت افکتی باز و بسته بشه
------------------------------
اما اگه تو همین کد های بالا قسمت
.sidebar:hover{height:auto;}
ارتفاش بجای auto مقدار عدد تعیین بشه transition عمل میکنه و همانطور که من میخوام میشه ولی من میخوام auto باشه transition هم عمل کنه و هر چقدر متن داخل سایدبار بادی بود نمایش بده مثلا اگه بجای auto پنجاه پیکسل بزارم شاید متن هام از پنجاه پیکسل بیشتر باشه و اسکرول بده و من نمیخوام اینطوری باشه میخوام auto باشه حیف که نمیشه چرا واقعا چرا؟
لطفا راهنماییم کنید خیلی ممنون میشم یه دنیا
پاسخ: 
سلام
متاسفتنه قابلیت های CSS3 بعضا آنطور شسته رفته نیست که انتظارش را داریم، در اینجا هم راه حل نسبی استفاده از max-height است، به طور مثال:
.sidebar{
max-height:20px;
transition:all 5s;
-moz-transition:all 5s;
-webkit-transition:all 5s;
border:1px solid;
}
.sidebar:hover{
max-height:999px;
}
در قسمت hover بیشترین حدی که ممکن است بلاک به آن اندازه محتوا داشته باشد را در نظر می گیریم (مقدار فرضی است).
نکته: این روش چندان قابل اتکا نیست، شاید هنوز استفاده از تکنیک های مبتنی بر جاوا اسکریپت بهترین گزینه باشد.
نویسنده: farzan
زمان: ۱۷:۳۵:۱۵ - تاریخ: ۱۳۹۲/۰۵/۲۰
با سلام و عرض ادب
لطفا یک راهنمایی در مورد فایل css reset بفرمایید.
اینکه لزوم استفادش و نوع و انتخابش و....
خییییلی ممنون.
پاسخ: 
سلام
در حالت عادی معمولا هر مرورگری به برخی عناصر استایل پیش فرضی اختصاص می دهد، مانند در نظر گرفتن حاشیه، رنگ و... برای بلاک ها، فرم ها و... در صورتی که اغلب طراحان وب تمایل دارند صرفا استایلی را به کاربر نشان دهند که آن را به صورت سفارشی طراحی کرده باشند، لذا برای غیر فعال کردن رفتار پیش فرض مرورگرها، یک فایل به عنوان CSS reset طراحی می کنند که این موارد ناخواسته را به صورت یکجا از بین ببرد!
استفاده از این فایل اجباری نیست، چون به صورت موردی نیز می توانید این کار را در حین طراحی انجام دهید، اما اغلب طراحان حرفه ای که وقت زیادی برای حالت موردی ندارند، از یک فایل کلی استفاده می کنند.
نویسنده: ali gh
زمان: ۰۷:۵۹:۴۷ - تاریخ: ۱۳۹۲/۰۸/۱۰
ممنون بابت آموزش خوبتون .
اما با یک راه آسون تر هم میتوانید این مشکل را حل کنید.
با استفاده از position : relative
برای top :
bottom : -x
برای foot :
top : -x
پاسخ: 
سپاس فراوان از مشارکت شما.
نویسنده: محمد
زمان: ۱۲:۰۷:۰۱ - تاریخ: ۱۳۹۲/۱۰/۱۳
چجورى مى تونم رنگش رو عوض كنم؟
پاسخ: 
باید با CSS آشنا باشید.
نویسنده: vahid
زمان: ۱۳:۰۸:۱۷ - تاریخ: ۱۳۹۲/۱۲/۲۴
با سلام
من یه مشکل دارم این که وقتی اطلاعات Div وسطم زیاد میشه از صفحه میزنه بیرون و تنظیمات فوترم بهم میخوره چطوری میتونم Div رو یکجور تنظیم کنم که هر چقدر اطلاعاتم زیاد شد Div ام بزرگ بشه اندازه متن
مرسی
پاسخ: 
سلام
هرچند ارائه راهکار دقیق نیازمند بررسی سورس کدها است، اما با مقداردهی در استایل CSS به صورت auto این نوع مشکلات رفع می شود.
نویسنده: zahra
زمان: ۱۹:۵۹:۳۸ - تاریخ: ۱۳۹۳/۰۱/۱۶
سلام من در زمینه کار با فتوشاپ ضعیف هستم میخوام باکس جستجو که کنارش عکس ذره بین باشه رو با فتوشاپ طراحی کنم ممنون میشم راهنمایی کنید فقط طراحی با فتوشاپ رو مشکل دارم. ممنون. منتظرم
پاسخ: 
سلام
دوست گرامی زمینه فعالیت سایت در خصوص وب و برنامه نویسی است، در مورد فتوشاپ لطفا به سایت های طراحی و گرافیک مراجه کنید.
نویسنده: ناصر
زمان: ۲۲:۰۴:۴۲ - تاریخ: ۱۳۹۳/۰۲/۱۷
سلام
چطور می شه ساید بار همیشه تا اخر صفحه کشیده بشه حتی اگه توش مطلبی نباشه
سپاس
پاسخ: 
سلام
توضیح ساده ای ندارد، با استفاده از الگوبرداری از نمونه های زیر می توانید این حالت را ایجاد کنید:
http://jsfiddle.net/danield770/3rUG7/3
http://plnkr.co/edit/Z1vTAqeZvst7WEE8j1gv?p=preview
نویسنده: علی
زمان: ۱۴:۵۱:۳۹ - تاریخ: ۱۳۹۳/۰۲/۲۶
با سلام
و سپاس از سایت بسیار خوبتون
خواستم بدونم چطور میشه قابلیت Select کردن رو از تصاویر قالب برداشت برای مثال لوگوی سایت که یه تصویره میشه سلکتش کرد چطور میشه این قابلیت رو برداشت
پاسخ: 
سلام
دقیقا متوجه منظورتان از قابلیت انتخاب تصاویر نشدیم، اما اگر منظور حالت انتخاب در دابل کلیک است، باید به جای استفاده از تگ img و درج مستقیم تصویر، از CSS و خاصیت هایی مانند background استفاده کنید.
نویسنده: سعید
زمان: ۱۷:۲۱:۲۴ - تاریخ: ۱۳۹۳/۱۰/۰۳
اقا خیلی عالی بود...!!!
واقعا دمتون گرم!
زنده باشید ایشالا!
نویسنده: emad
زمان: ۰۱:۰۶:۳۷ - تاریخ: ۱۳۹۳/۱۲/۱۸
سلام ببخشید اگه صفحه مثل صفحه ی شما اسکرول بشه اونوقت چطور باید فوتر رو به پایین بچسبونیم
پاسخ: 
سلام
منظور از چسبیدن فوتر به پائین صفحه یعنی هر زمان که فوتر در دید کاربر قرار گیرد در انتهای صفحه نمایش باشد، لذا با اسکرول صفحه فوتر نیز اسکرول می شود، در غیر اینصورت اگر بخواهید فوتر همواره در دید و محل آن ثابت باشد، باید خاصیت position را با مقادیر fixed به کلاس CSS فوتر خود اضافه کنید (ممکن است با توجه به سایر عناصر موجود در صفحه نیاز به تنظیمات بیشتری نیز باشد).
نویسنده: emad
زمان: ۲۱:۵۳:۰۲ - تاریخ: ۱۳۹۳/۱۲/۱۸
الان فوتر سایت شما به نسبت پستهای سایتتون پایین میره منظورم همینه ما چطور بفهمیم عرض صفحه چقدره که فوتر رو بذاریم انتها؟ چون عرض صفحه ممکنه تغییر کنه
پاسخ: 
این مسئله با آموزش حاضر متفاوت است، زمانی که قالبتان به فرض از سه بخش هدر، محتوا و فوتر تشکیل شده، بلاک بخش فوتر در کدهای HTML در آخرین قسمت درج و با استفاده از خاصیت های CSS میزان height بلاک محتوا به صورت auto تنظیم می شود، به این صورت هرچه که به ارتفاع بلاک محتوا اضافه شود، تاثیری بر بلاک فوتر ندارد!
نکته: احتمالا منظورتان از "عرض صفحه" همان ارتفاع صفحه است؟!
نویسنده: مصطفی شربتی
زمان: ۲۲:۱۰:۳۹ - تاریخ: ۱۳۹۴/۰۱/۱۹
سلام
من یه وب سایت طراحی کردم که توی این وبسایت همه اجزا اعم از هدر - فوتر در یک فایل مجزا طراحی شده اند. مثلا فوتر توی یک فایل footer.php قرار گرفته است. حال این دو دایوی که شما فرمودین رو باید در فایل footer.php باید استفاده کنم تا فوتر سایت همیشه به پائین چسبیده بشه.
با تشکر
پاسخ: 
سلام
ساختار سمت سرور (کدنویسی PHP) کار اهمیتی ندارد، مهم این است که خروجی HTML شما در نهایت مطابق با روال آموزش باشد، به عبارتی اینکه شما در چه فایلی تگ ها را قرار دهید بستگی به ساختار برنامه و کدنویسی شما دارد، در نهایت باید به خروجی HTML دقت کنید.
نویسنده: حمید
زمان: ۱۲:۱۷:۴۷ - تاریخ: ۱۳۹۴/۰۵/۲۲
سلام
من یه قالب طراحی کردم که تو مرورگرهای اکسپلورر و موزیلا خوب نشون داده میشه ولی تو کروم مشکل داره...
وقتی روی قسمت خالی صفحه کلیک میکنم ارتفاع صفحه حدود 50 پیکسل اضافه میشه که قسمت زیر فوتر سایت قرار میگیره یعنی دیگه فوتر آخرین قسمت صفحه نیست و 50 پیکسل زیرش خالی میشه.
ارتفاع div اصلی صفحه هم بر اساس auto تنظیم شده
از کدهای ریست css هم استفاده کردم ولی درست نشده. لطفا راهنمایم کنین... ممنون
پاسخ: 
سلام
در هنگام طراحی قالب باید در هر قسمت کار، نتیجه بین مرورگرهای مختلف تست شود، پس از پایان طراحی به راحتی نمی توان گفت که ایراد کار از کجاست، برای آزمایش و خطا باید کدهای قالب در دسترس باشد.
نویسنده: داوود
زمان: ۱۹:۱۲:۳۱ - تاریخ: ۱۳۹۴/۰۷/۲۹
سلام آقای مهندس؛ وقتتون بخیر
قبل از طرح پرسشم ازتون بخاطر پاسخ به سوالات قبلیم سپاسگزارم.
خیلی ممنونم بخاطر این مثال زیباتون. من هم مثال شما رو اینجوری نوشتم و تو 3 تا مرورگر که تست کردم جواب داد. آیا خوبه؟
.wrapper {
background-color: darkgray;
height: auto;
width: auto;
}
.footer {
position: absolute;
width: 100%;
bottom: 0;
height: auto;
background-color: dodgerblue;
padding: 10px 10px;
}
<div class="wrapper">
قسمت اصلی قالب
</div>
<div class="footer">
قسمت فوتر قالب
</div>
ضمنا میشه یه بار دیگه خاصیت margin رو که به wrapper مقدار 50 داده بودین و در footer همون مقدار رو با منفی داده بودین واضح تر بگین. یعنی برای اینه که دقیقا footer ما بچسبه به wrapper؟؟
پاسخ: 
سلام
- محدودیتی در روش ایجاد قابلیت های وب (به شرط مختصر نویسی و سازگاری) وجود ندارد!
- زمانی که wrapper ارتفاع کل صفحه را اشغال می کند، قاعدتا برای بلاک footer جایی برای نمایش باقی نمی ماند و باید صفحه به پائین اسکرول شود (تا footer دیده شود)، به همین دلیل با در نظر گرفتن یک مقدار منفی برای margin، بلاک wrapper به اندازه یک footer کاهش ارتفاع می دهد (قبلا گفتیم که margin در ارتفاع و عرض عنصر موثر است!) و در این حالت بلاک footer در یک قاب در کنار wrapper دیده می شود!
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ کوتاه و مختصر داده خواهد شد!
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.





8 × 6
 refresh
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form امین ایرانی
در:
سلام ممکنه بفرمایید چجوری از تگ span واسه ی عکس استفاده کنیم؟
۱۸:۲۸:۲۲ ۱۳۹۹/۰۳/۱۱

form فرزانه
در:
سلام تو بررسی کدهای نوشته شده برای یک وبسایت در قسمت login برای یوزر و پسورد نوشته شده form-control-feedback و form-control من از کجا...
۱۱:۴۵:۰۱ ۱۳۹۹/۰۳/۱۱

form سحر
در:
سلام من وقتی میخوام توی قسمت صفحات جداگانه وبلاگم گزینه ادامه مطلب رو بیارم باید چیکار کنم چون فقط قسمت نوشته جدید همچین قابلیتی...
۱۵:۰۸:۱۹ ۱۳۹۹/۰۳/۰۸

form علی
در:
با سلام و درود فراوان یه کد جاوا دارم می خوام هر ثانیه نام یه فایل یا پوشه ای رو بگیرم برای مقایسه تا...
۱۱:۰۶:۲۲ ۱۳۹۹/۰۳/۰۸

form علیرضا
در:
با سلام مجدد در پاسخ یکی از کامنت هایم فرمودین که جهت فراخوانی (اجرای) یک فایل در سرور راس ساعت مشخص و صرف...
۱۱:۲۸:۲۴ ۱۳۹۹/۰۳/۰۵

form علیرضا
در:
سلام اگر بخواهیم صفحات سایت رأس ساعت مشخصی مثلا ساعت 12 ظهر رفرش بشه چه کدی رو باید استفاده کنیم. ممنون
۰۴:۴۳:۴۷ ۱۳۹۹/۰۳/۰۵

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

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

form علی
در:
چطور میشه همزمان با کلیک بر روی «تعویض کد» یعنی کد زیر: پوشه ساخته بشه. با سپاس
۰۹:۵۰:۲۷ ۱۳۹۹/۰۳/۰۳

form علی
در:
با سلام... من یه متغیر تعریف کردم مثلا رو بهش متصل کنیم ممنون از پاسختون.
۰۶:۱۶:۲۷ ۱۳۹۹/۰۳/۰۳

form یاسمن
در:
سلام یه برنامه ای که رشته رو به عنوان password دریافت کنه و کاراکتر فاصله نباشد طول رشته هم از 8 تا 50 باشه عدد...
۱۸:۵۲:۴۴ ۱۳۹۹/۰۳/۰۲

form مرتضی ق
در:
سلام خسته نباشید. یک سایت اصلی و مادر دارم مثلا www.m.com حالا سه سایت دیگر زیر مجموعه مثلا m1 و m2 و m3 من...
۱۸:۲۵:۱۱ ۱۳۹۹/۰۳/۰۲

form میترا
در:
با سلام ببخشید مطلبتون خیلی خوب بود یه سوال من با فتوشاپ انلاین کار می کنم نمی دونم چرا نمی تونم باهاش...
۱۸:۱۵:۱۰ ۱۳۹۹/۰۳/۰۲

form fatemeh
در:
پاراگراف زیر را داریم. چه تنظیماتی در CSS و HTML نیاز است تا در صفحه وببدرستی نمایش داده شود؟ میشه برا جواب این سوال...
۱۶:۳۲:۲۳ ۱۳۹۹/۰۳/۰۱

form علی
در:
با سلام و عرض ادب من یه فانکشن تعریف کردم و کدهای فایل ajax-loading-message.php رو درونش گذاشتم
۰۸:۴۲:۲۱ ۱۳۹۹/۰۳/۰۱
form Maryam
در:
سلام .. من میخاستم کدی بنویسم که خروجی آن دکمه on .. of باشه که با زدن دکمه رنگ پس زمینه تغییر کند ممنون میشم...
۰۲:۲۱:۳۴ ۱۳۹۹/۰۲/۳۱
form amir
در:
سلام ممنون از سایت خوبتون چطور میشه با جاوااسکریپت ایجکس و پی اچ پی بتونم تمامی جدول های دیتابیس رو هر کدوم با یه...
۲۰:۴۵:۵۲ ۱۳۹۹/۰۲/۳۰
form علی
در:
با سلام و عرض ادب بسیار سایت پر محتوایی دارید تبریک... می خواستم بپرسم اگر بخواهیم مثلا کاربر روی یک لینکی در سایت...
۰۷:۲۲:۰۱ ۱۳۹۹/۰۲/۳۰
form Edward ASharp
در:
سلام میشه همين فایلای کاملشو به من بدید؟
۰۰:۰۲:۲۱ ۱۳۹۹/۰۲/۳۰
form میکاییل
در:
سلام من پروزه ای دارم با mvc نوشته شده و در روت سایت فایل htacsess دارم که کد های زیر توشه ...
۰۲:۳۰:۰۲ ۱۳۹۹/۰۲/۲۹
form mahdi
در:
سلام استاد عزیز ، این درسته که با node.js دیگه نیازی به یادگیری php نخواهیم داشت؟
۲۲:۳۹:۳۶ ۱۳۹۹/۰۲/۲۸
form امیر مهدی
در:
سلام ممنونم از اینکه کمکم کردید ولی من منو رو با زیر منوها می خواستم کد شما زیر منوها رو از بین برد. منظور من...
۲۲:۳۰:۱۵ ۱۳۹۹/۰۲/۲۸
form امیر مهدی
در:
سلام. من در طراحی منو سایت با مشکل برخوردم. من منو خودم رو ساختم و متوجه شدم که منو من مقداری فضا از سمت چپ...
۱۹:۲۴:۰۱ ۱۳۹۹/۰۲/۲۸
form امین
در:
خیلی خیلی ممنون از اینکه جواب دادید اما الان که امتحان کردم مجموع همه ی سفارشات رو میزنه یعنی اگر 3 نفر سفارش دادن...
۱۳:۴۶:۵۵ ۱۳۹۹/۰۲/۲۸
form امین
در:
درود به شما خسته نباشید یک سوال داشتم خیلی گشتم اما پیدا نکردم من دیتابیسی برای مثال invert دارم میخوام یک صفحه...
۰۱:۰۰:۴۵ ۱۳۹۹/۰۲/۲۸
form امیر
در:
عالی بود. سپاس گذارم
۱۰:۱۹:۴۴ ۱۳۹۹/۰۲/۲۷
form فرامرز اسماعیلی
در:
سلام خسته نباشید. من داخل ویرایشگرهای notepad++ یا Braket دستور html رو می نویسم یعنی فایل متنی به صورت index.html رو می خواهم اجرا کنم...
۲۲:۴۱:۴۳ ۱۳۹۹/۰۲/۲۶
form پری
در:
سلام بعضی از سایت ها وقتی اهنگ بعدی رو پلی میگنیم اهنگ قبلی که در حال پخش است به طور خودگار قطع میشود میشه این...
۱۴:۲۲:۲۵ ۱۳۹۹/۰۲/۲۶
form ilia Delbar
در:
خیلییییییییییی خوبه! فقط دلم می خواد یه برنامه درست کنم رنگ ها رو نشون بده (رنگ تگ ها)
۱۳:۱۵:۱۹ ۱۳۹۹/۰۲/۲۶
form زهیر صفری
در:
با سلام چطور میتونم تاریخ تولد فرد ایرانی رو بگیره مثلا از input و سن فرد رو در input بعدی نمایش بده میتونید...
۱۲:۳۸:۵۷ ۱۳۹۹/۰۲/۲۶
form حبیب
در:
با سلام بنده از طریق مودم خانه به اینترنت وصل شدم هم با کامپیوتر و هم با موبایل. اما ای پی در هر...
۰۳:۱۲:۵۴ ۱۳۹۹/۰۲/۲۶
form امین
در:
سلام خسته نباشید امیدوارم جوابمو بدید من داخل یک صفحه این کد جاوا رو دارم میخوام خروجی که میده رو داخل...
۱۳:۴۴:۳۳ ۱۳۹۹/۰۲/۲۵
form امیر هادی نجاتی
در:
ممنون از شما. این قسمت (استفاده از جاوا اسکریپت برای غیر فعال کردن کلیک راست) واقعا به دردم خورد .
۲۱:۰۳:۵۰ ۱۳۹۹/۰۲/۲۴
form لیلا
در:
سلام ، ببخشید من میخوام یک مدرک رو در سایت آپلود کنم ولی ارور زیر رو میده . میشه راهنماییم کنید. ممنون
۱۴:۵۲:۴۷ ۱۳۹۹/۰۲/۲۴
form زهرا جعفری
در:
با سلام بنده میخواهم در جاوااسکریپت یک textbox داشته باشم که در آن یک دکمه چشمک زن بذارم وسط متن و وقتی روی...
۱۰:۰۱:۵۱ ۱۳۹۹/۰۲/۲۴
form جواد
در:
سلام. مقادیر و اطلاعاتی از یک سایت دیگه با همین متد file get contents میگیرم که روی لوکال هاست سرعتش خوبه، روی سرور هم بد...
۲۲:۰۳:۲۲ ۱۳۹۹/۰۲/۲۳
form علی رضایی
در:
در خط آخر خطای نحوه ارسال آرگومان می دهد. خطای syntax است یا دستور مورد دارد؟
۱۳:۲۹:۴۹ ۱۳۹۹/۰۲/۲۳
form علی
در:
سلام میخوام مطالب مرتبط با موضوعات سایتم رو در پایین اونها نمایش بدم چجوری میتونم این کار رو بکنم
۰۱:۲۸:۰۰ ۱۳۹۹/۰۲/۲۳
form امیرحسین
در:
با سلام. من تو css میخوام از اتریبیوت border-radius استفاده کنم ولی وقتی مقدارشو مثلا توی div زیاد میذارم متن داخل div بیرون میاد میخواستم...
۱۹:۵۲:۳۰ ۱۳۹۹/۰۲/۲۲
form امیرعلی
در:
با سلام بنده میخواستم بدانم که میشود تگ div را با این روش ها پنهان کرد من میخواهم افزونه ی وردپرسی را...
۱۲:۳۹:۲۶ ۱۳۹۹/۰۲/۲۲
form یوسف رضایی
در:
با سلام و خسته نباشید خواستم بپرسم خروجی یک فرم (با چند گزینه) بر روی برووزر که اماده برای ارسال برای سرور هست را توی...
۱۱:۱۴:۰۳ ۱۳۹۹/۰۲/۲۲
form سعیده
در:
سلام من یه اهنگ که تو وبلاگم میزارم صفحه پخش اهنگ میاد و بلندگوش ولی اون مثلث پلی کنندش نمیاد یعنی عملا واسم...
۱۵:۴۱:۰۵ ۱۳۹۹/۰۲/۲۱
form مجید اسکندری فر
در:
سلام حدود 700 تصویر رو در وبلاگم بارگذاری کردم و حدود 6000 بازدید داشته علت عدم نمایش تصاویر بارگذاری شده در وبلاگم چیست؟ خیلی زحمت...
۱۰:۳۲:۴۵ ۱۳۹۹/۰۲/۲۱
form علیرضا
در:
سلام، ممنون از مطلب کاملتون یه نکته رو هم من اضافه کنم برای کاملتر شدن مقاله، هر آدرس آی پی از یک شناسه هاست...
۰۹:۳۷:۵۰ ۱۳۹۹/۰۲/۲۱
form mahdi
در:
سلام استاد عزیز ، خیلی ممنون از راهنمایی ، انجامشون میدم، فکر میکنم همه این کارارو بلد باشم فقط WYSIWYG رو اصلا نشنیده بودم که...
۰۷:۱۸:۳۷ ۱۳۹۹/۰۲/۲۱
form معصومه
در:
سلام، امروز دیدم که عکس های وبلاگم حذف شده چرا؟ چطور میتونم برشون گردونم؟ عکس ها رو از سایت پیکو فایل آپلود میکردم، هرچقدرم سعی...
۱۴:۵۳:۵۱ ۱۳۹۹/۰۲/۲۰
form mahdi
در:
سلام استاد عزیز و گرامی ، یه درخواستی داشتم ازتون میخوام اگه براتون ممکنه من رو در جاوا اسکریپت بسنجی که بدونم چیا بلدم...
۱۴:۱۸:۵۸ ۱۳۹۹/۰۲/۱۹
form امیر
در:
با سلام، خدمت دوستان عزیز دو جدول به نام‌های Messages و Comments موجود هستند. در جدول Comments فیلدی به نام IDElement وجود دارد که...
۰۵:۲۹:۳۸ ۱۳۹۹/۰۲/۱۹
form ehsan hoseini sianaki
در:
سلام خیلی عالی و کاربردی بود. خسته نباشید.
۲۳:۰۰:۵۱ ۱۳۹۹/۰۲/۱۷
form امید
در:
با سلام و عرض ادب فیلتری میخوام که تعداد جوابهای فیلترهای سایت tse بورس که با جاوا نوشته شده رو بگه مثلا قرار...
۰۰:۱۰:۵۱ ۱۳۹۹/۰۲/۱۷
form احسان
در:
سلام ببخشید من هر کار میکنم تو گوشی اندروید با Html یه عکس رو در سایت خودم بزارم هیچی نمیشه فقط یه علامت عکس میاد...
۲۲:۲۸:۳۷ ۱۳۹۹/۰۲/۱۶
form hasti
در:
سلام . وقت بخیر . میشه مثالی بزنید که right over join برابر با inner join (داخلی) بشه . /با order و customer/ ...
۲۰:۰۵:۱۷ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام مجدد من دیگه اینقدر با این کدها ور رفتم دیوونه شدم. این کل تابع منه. شما می تونید برای حل مشکلی که...
۱۷:۳۰:۳۱ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام در تکمیل سوالی که خدمت شما عرض شد: ببینید ما دو تا فیلد فایل داریم توی اولی عکس اپ میشه و توی...
۱۶:۲۶:۲۶ ۱۳۹۹/۰۲/۱۶
form ماردین
در:
سلام من میخواستم ببینم چکار کنم که اولین query رو بدون حذف بقیه query ها حذف کنم
۱۵:۵۲:۵۴ ۱۳۹۹/۰۲/۱۶
form میثم
در:
سلام یه سوال خدمت شما داشتم. من با جاوا اسکریپت میخوام بخش فایل توی فرمم رو چک کنم. توی فرم 2 تا فیلد...
۱۱:۴۷:۵۲ ۱۳۹۹/۰۲/۱۶
form amir mtf
در:
سلام ببخشید من میخواستم در تگ این‌پوت برخی از کلمات و علامت ها رو حذف کنم. یک درخواست دیگر هم دارم اگه میشه کد...
۱۲:۳۷:۰۵ ۱۳۹۹/۰۲/۱۵
در انتظار بررسی: ۰