آگهی
article

نحوه تنظیم استایل لینک (Link) در CSS

css-link-style

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

تعریف لینک (Link) در HTML


همانطور که قبلا گفتیم CSS به خودی خود کاربردی ندارد و در ترکیب با تگ های HTML نقش و قدرت آن مشخص می شود به همین دلیل وقتی صحبت از تنظیم استایل لینک در CSS است باید ابتدا ببینیم که لینک در HTML چگونه تعریف می شود، در آموزش های مقدماتی دیدیم که لینک (Hyperlink یا ابرپیوند) در HTML با تگ a و صفت href تعریف می شود، مثال:
<a href="https://webgoo.ir" title="وبگو" target="_self">وبگو | آموزش برنامه نویسی و مهارتهای وب</a>
این مثال نمونه یک لینک متنی عادی در وب است که بدون تعریف استایل CSS به صورت پیش فرض در مرورگر پردازش و نمایش داده خواهد شد.

تنظیم استایل لینک در CSS


در آموزش های قبل دیدیم که برای اعمال خاصیت های CSS بر روی تگ های هدف در HTML از مفهومی تحت عنوان سلکتور (Selector) بهره می بریم به فرض استایل زیر بر روی تمام تگ های p در صفحه اعمال خواهد شد:
<style>
p {
    font-size:16px;
    color:#818181;
}
</style>
<p>پاراگراف اول</p>
<p>پاراگراف دوم</p>
<p>پاراگراف سوم</p>
عبارت p در این مثال یک سلکتور در CSS است که تمام تگ های p را در صفحه HTML جهت اعمال جلوه های ظاهری مورد نظر هدف قرار می دهد، با این توضیح سلکتوری که برای لینک در CSS استفاده می شود مشابه با نمونه بالا سلکتور a است که بر روی تمام تگ های a در صفحه اعمال می شود، البته این سلکتور بر حسب نیاز حالت ها و زیرمجموعه هایی دارد که در ادامه بررسی خواهیم کرد.
لینک در وب به طور معمول در چند حالت مختلف می تواند جلوه ظاهری متفاوتی داشته باشد، به طور مثال در حالت عادی که ماوس را روی آن نبرده ایم ممکن است رنگ لینک به فرض آبی باشد اما پس از اینکه ماوس را به منظور کلیک کردن روی لینک می بریم به رنگ دیگری درآید یا پس از دیدن صفحه ارجاع داده شده رنگ لینک به صورت ثابتی تغییر کند، همچنین موقعی که بر روی لینک کلیک می کنیم و پیش از انتقال به آدرس ارجاعی در لحظه ای کوتاه ظاهری متفاوت داشته باشد، به هر صورت تمام این ویژگی ها در CSS با سلکتورهای مربوط به لینک قابل ایجاد هستند، این سلکتورها عبارتند از:
- a یا a:link برای حالت عادی (زمانی که هنوز بر روی لینک کلیک نکرده ایم و صفحه ارجاعی لینک دیده نشده است).
- a:visited برای حالتی که صفحه مربوط به آن لینک دیده شده است.
- a:hover برای حالتی که ماوس را روی لینک می بریم.
- a:active برای لحظه ای که روی لینک کلیک می کنیم.
به کاربرد این سلکتورها در مثال زیر دقت کنیم:
<style>
/* حالت عادی لینک */
a:link {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #06C;
    text-decoration: none;
}
/* حالت لینک دیده شده */
a:visited {
    color: #C30;
}
/* حالت لینک فعال */
a:hover {
    color: #008CC7;
}
/* حالت لینک در لحظه ای که روی آن کلیک می کنیم */
a:active {
    background-color: #999;
}
</style>
<a href="https://webgoo.ir" title="وبگو" target="_self">وبگو | آموزش برنامه نویسی و مهارتهای وب</a>
توضیح:
- سلکتورهای مربوط به لینک باید به صورت ذکر شده در مثال بالا به ترتیب تعریف شوند در غیر اینصورت برخی ویژگی های مورد نظر عمل نخواهند کرد.
- در اغلب موارد به جزء حالت a یا a:link و a:hover استفاده از سایر سلکتورها اختیاری است و بستگی به هدف و سلیقه برنامه نویس دارد.
نکته: در حالت عادی صرفا خاصیت های سلکتور a:visited برای لینکی که محتوای آن قبلا دیده شده باشد اعمال می شود، در صورتی که این سلکتور تعریف نشده یا محتوایی نداشته باشد، خاصیت های سلکتور a یا a:link اعمال خواهند شد.

استفاده از خاصیت text-decoration در تنظیم استایل CSS لینک


اکثر مرورگرها در حالت پیش فرض عبارات متنی لینک شده را به صورت زیرخط نمایش می دهند که شاید از لحاظ ظاهری جلوه خوبی نداشته باشد، خوشبختانه در CSS خاصیتی تحت عنوان text-decoration وجود دارد که به کمک آن و با افزودن مقادیر می توانیم لینک هایی با ظاهری بهتر و سفارشی شده تعریف کنیم، در خصوص text-decoration در آموزش قبل به صورت مفصل صحبت کردیم، گفتیم مقادیر اصلی که برای خاصیت text-decoration قابل استفاده هستند عبارتند از:
- none: برای حالت عادی (بدون خط).
- overline: برای حالتی که خط در قسمت بالای لینک ترسیم می شود.
- underline: برای حالتی که خط در زیر لینک ترسیم می شود.
- line-through: برای ایجاد لینکی که روی آن خط کشیده شده یا خطی از وسط آن گذشته است.
- blink: برای ایجاد لینک های چشمک زن (این خاصیت در حال حاضر منسوخ شده و در اغلب مرورگرها پشتیبانی نمی شود، در ادامه آموزش حاضر در خصوص شیوه جایگزین ایجاد جلوه لینک چشمک زن و استفاده از انیمیشن در CSS صحبت خواهیم کرد).
برای خاصیت هایی که شامل خط (line) می شوند می توانیم از مقادیر استایل زیر در کنار مقادیر اصلی برای تعیین جلوه ظاهری خط ترسیم شده استفاده کنیم:
- solid: خط عادی (حالت پیش فرض).
- double: خط دوتایی.
- dotted: خط نقطه چین.
- dashed: خط تیره (فاصله).
- wavy: خط موج دار.
علاوه بر این در حالت ترسیم خط می توانیم از مقادیر رنگی مجاز CSS (کدهای Hex، RGB، HSL و رنگ های با نام مانند red، green، blue، lime و...) نیز برای تعیین رنگ خط استفاده کنیم، مثال:
<style>
/* حالت عادی لینک */
a:link {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #06C;
    text-decoration: dotted underline #C110D9;
}
/* حالت لینک دیده شده */
a:visited {
    color: #C30;
}
/* حالت لینک فعال */
a:hover {
    color: #008CC7;
    text-decoration: dashed overline underline #4910D3;
}
/* حالت لینک در لحظه ای که روی آن کلیک می کنیم */
a:active {
    background-color: #999;
}
</style>
<a href="https://webgoo.ir" title="وبگو" target="_self">وبگو | آموزش برنامه نویسی و مهارتهای وب</a>
نکته: همانطور که در نمونه کد مشخص است برخی از خواص لینک ها در سلکتور اول یعنی a یا a:link تعریف می شوند و در سلکتورهای بعدی نیازی به تعریف مجدد آنها نیست و از همان تنظیمات پیروی می کنند یا به اصطلاح ارث می برند، مانند font-family یا font-size در مثال بالا.

ایجاد لینک چمک زن با استفاده از خاصیت animation در CSS


گفتیم که خاصیت blink به دلایلی توسط کنسرسیوم جهانی وب W3C منسوخ شده و در اغلب مرورگرهای امروزی پشتیبانی نمی شود، برای ایجاد این حالت می توانیم از شیوه جایگزین و خاصیت animation در CSS استفاده کنیم، مثال:
<style>
blink, .blink {
    animation: blink 1s step-end infinite;
    -webkit-animation: blink 1s step-end infinite;
    -moz-animation: blink 1s step-end infinite;
    -o-animation: blink 1s step-end infinite;
}
@-webkit-keyframes blink {
    80% {
        opacity: 0;
    }
}
@-moz-keyframes blink {
    80% {
        opacity: 0;
    }
}
@-o-keyframes blink {
    80% {
        opacity: 0;
    }
}
@keyframes blink {
    80% {
        opacity: 0;
    }
}
</style>
<a class="blink" href="https://webgoo.ir" title="وبگو" target="_self">وبگو | آموزش برنامه نویسی و مهارتهای وب</a>
جزئیات خاصیت animation باید در جای خود آموزش داده شود اما در گام فعلی در این حد بدانیم که می توانیم با نمونه استایل بالا در صفحات HTML لینک چمک زن ایجاد نمود.

استفاده از خاصیت color و background در تنظیم استایل CSS لینک


از جمله خاصیت های CSS دیگری که می توانیم بر روی تگ a اعمال کنیم خاصیت های مرتبط با رنگ و پس زمینه لینک های متنی است، در رابطه با این خاصیت ها در آموزش های گذشته به صورت مفصل صحبت کردیم، در اینجا به ذکر یک مثال بسنده می کنیم:
<style>
/* حالت عادی لینک */
a:link {
    color: #FFFFFF;
    background: #234AB5;
}
/* حالت لینک دیده شده */
a:visited {
    color: #FFFFFF;
}
/* حالت لینک فعال */
a:hover {
    color: #000000;
    background: #DAE3FF;
}
</style>
<a href="https://webgoo.ir" title="وبگو" target="_self">وبگو | آموزش برنامه نویسی و مهارتهای وب</a>
این خاصیت ها صرفا بر روی لینک های متنی (نه تصویر) قابل اعمال هستند.

استفاده از آی دی (ID) و (Class) در تنظیم استایل لینک در CSS


گاهی در طراحی و برنامه نویسی صفحات وب نیاز است که استایل لینک های یک بخش و بلاک را از سایر بخش ها متمایز کنیم یا الگویی را به دفعات در سایت خود استفاده کنیم به طور مثال قسمت لینک باکس یا قسمت لینک دوستان را به رنگ و ظاهری متفاوت نشان دهیم، در این مواقع تعریف لینک ها در حالت عادی و با سلکتور کلی a کاربرد ندارد، این سلکتور فقط حالتی کلی و پیش فرض برای لینک هایی که آی دی و کلاس برایشان تعریف نشده است را نشان می دهد، بر اساس قانون اولویت ها در CSS سلکتور آی دی و کلاس مقدم بر سلکتور عمومی نام تگ است، به این ترتیب برای هر آی دی یا کلاس در CSS باید عناصر مربوط به سلکتور a:link و زیر مجموعه های مورد نیاز آن را اضافه کنیم، مثال زیر گویا است.
ابتدا استایلی برای کلاس تعریف می کنیم:
<style>
/* حالت عادی لینک */
a:link {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #06C;
    background: #CCCCCC;
    text-decoration: none;
}
/* حالت لینک دیده شده */
a:visited {
    color: #C30;
    background: #C0C0C0;
}
/* حالت عادی لینک در بلاک مورد نظر */
.link a:link {
    font-size: 16px;
    color: #06C;
    text-decoration: underline wavy #FF311C;
}
/* حالت لینک دیده شده در بلاک مورد نظر */
.link a:visited {
    text-decoration: underline wavy #8C0011;    
}
</style>
سپس کلاس را به بلاکی نسبت داده و لینک را درون آن درج می کنیم:
<a href="https://webgoo.ir" title="وبگو" target="_self">وبگو | آموزش برنامه نویسی و مهارتهای وب</a>
<div class="link">
<a href="https://webgoo.ir" title="وبگو" target="_self">وبگو | آموزش برنامه نویسی و مهارتهای وب</a>
</div>
با این کار لینک های موجود در بلاک div فرضی link از سلکتور ترکیبی کلاس تعیین شده پیروی کرده و ویژگی های آن را به خود می گیرند اما سایر لینک های موجود در صفحه صرفا از خاصیت های سلکتور کلی a و زیرمجموعه های آن پیروی می کنند.

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


برای جمع بندی آموزش نحوه تنظیم استایل لینک (Link) در CSS نمونه کد زیر را به همراه پیش نمایش آنلاین آن بررسی می کنیم:
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>وبگو | استفاده از CSS برای تنظیم استایل لینک</title>
<!-- Webgoo.ir -->
</head>
<body>
<style>
body {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    direction: rtl;
    line-height: 22px;    
}
/* حالت عادی لینک */
a:link {
    color: #06C;
    text-decoration: dotted underline #C110D9;
}
/* حالت لینک دیده شده */
a:visited {
    color: #C30;
}
/* حالت لینک فعال */
a:hover {
    color: #008CC7;
    text-decoration: dashed overline underline #4910D3;
}
/* حالت لینک در لحظه ای که روی آن کلیک می کنیم */
a:active {
    background-color: #999;
}
blink, .blink {
    animation: blink 1s step-end infinite;
    -webkit-animation: blink 1s step-end infinite;
    -moz-animation: blink 1s step-end infinite;
    -o-animation: blink 1s step-end infinite;
}
@-webkit-keyframes blink {
    80% {
        opacity: 0;
    }
}
@-moz-keyframes blink {
    80% {
        opacity: 0;
    }
}
@-o-keyframes blink {
    80% {
        opacity: 0;
    }
}
@keyframes blink {
    80% {
        opacity: 0;
    }
}
/* حالت عادی لینک در بلاک مورد نظر */
.link a:link {
    font-size: 16px;
    color: #06C;
    text-decoration: underline wavy #FF311C;
    padding: 4px;
    background: #E7E7E7;
}
/* حالت لینک دیده شده در بلاک مورد نظر */
.link a:visited {
    text-decoration: underline wavy #8C0011;    
}
</style>
<a href="https://webgoo.ir" title="وبگو" target="_self">وبگو | آموزش برنامه نویسی و مهارتهای وب</a><br>
استایل این لینک از خاصیت های سلکتور a پیروی می کند.
<hr>
<a class="blink" href="https://webgoo.ir" title="وبگو" target="_self">وبگو | آموزش برنامه نویسی و مهارتهای وب</a><br>
استایل این لینک علاوه بر سلکتور a از خاصیت های کلاس تعریف شده blink پیروی می کند، برای ایجاد حالت لینک چمک زن از خاصیت animation در CSS بهره برده ایم.
<hr>
<div class="link">
<a href="https://webgoo.ir" title="وبگو" target="_self">وبگو | آموزش برنامه نویسی و مهارتهای وب</a><br>
</div>
استایل این لینک در بلاک div با کلاس فرضی link درج شده و از خاصیت های این کلاس در کنار سلکتور a پیروی می کند.
</body>
</html>
پیش نمایش آنلاین
sectionدسته بندی: آموزش مقدماتی » CSS
related مطالب بیشتر:
» نحوه تنظیم لیست با تگ ul li در CSS
» کاربرد خاصیت height و width در CSS
» کار با border و outline در CSS
» سلکتور آی دی (ID) و کلاس (Class) در CSS
» کاربرد خاصیت display در CSS
commentنظرات (۲۵ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
نویسنده: مجتبی
زمان: ۱۹:۳۷:۲۱ - تاریخ: ۱۳۹۴/۱۱/۲۰
سلام. من با ویژگی display یک بلاک تعریف کردم و داخل اون بلاک یک پیوند قرار دادم به نام home حالا می خواهم کلمه ی home وسط بلاک من بن باشه. هر کار می کنم نمیشه. لطف می کنین راهنمایی کنین
پاسخ: 
به بلاک (که متن داخل آن است) کلاسی با خاصیت های CSS زیر اختصاص دهید:
text-align: center;
vertical-align: middle;
line-height: 100px;
نکته: مقدار 100 جهت نمونه است و برابر با ارتفاع بلاک در نظر گرفته شود.
نویسنده: محسن
زمان: ۰۰:۳۶:۴۸ - تاریخ: ۱۳۹۴/۱۲/۰۴
سلام
استاد اثر تنظیمات سه کلاس لینک مربوط به این نوشته:
حذف شد
رو کجا میتونیم مشاهده کنیم من هرچی تغییرات روش انجام دادم متوجه تغییرش نشدم!
پاسخ: 
هر قسمت استایل CSS جداگانه ای دارد، به طور مثال کلاس header و post به صورت جداگانه استایل دهی شده اند، ضمن اینکه یک حالت کلی برای تگ a تعریف شده که به تمام لینک ها (به جزء آنهایی که مقدار خاصیت مشابه در کلاس اختصاصی خود دارند) اعمال می شود.
نویسنده: کاغذ دیواری
زمان: ۱۵:۳۶:۳۵ - تاریخ: ۱۳۹۵/۰۸/۰۱
سلام مطلب مفیدی بود ازش استفاده کردم ممنون
نویسنده: Alireza
زمان: ۱۹:۵۹:۴۱ - تاریخ: ۱۳۹۵/۰۹/۱۸
سلام
دستتون واقعا درد نکنه
مطالب خیلی مفید بودن ♥♥♥♥
نویسنده: milad
زمان: ۲۲:۳۵:۱۳ - تاریخ: ۱۳۹۶/۰۲/۲۱
وقت بخیر مهندس
لطفا کد این متن آمادشو میدین در 1 صفحه index.html قرار بدم
<h1>لینک دانلود شما</h1>
کد
a:hover { color:red; background-color:#6699CC; border:#006699 2px solid }
این کد نمیدنم کجا این متن
<h1>لینک دانلود شما</h1>
بزارم و آیا باید در css هم تغییری بدم ؟
ممنونم
پاسخ: 
هرچند دقیقا متوجه سوالتان نشدیم، اما به نظر اگر آموزش حاضر را مطالعه کنید به پاسخ سوالتان خواهید رسید، در قسمت اول لینک دانلود را با تگ a مطابق نمونه درج و کد قسمت دوم را در تگ style مشابه آنچه در آموزش گفته شده قرار دهید.
نویسنده: امیرحسین
زمان: ۱۱:۳۵:۱۸ - تاریخ: ۱۳۹۶/۰۶/۰۵
سلام به جای اینکه نوشته اید حالت یه لینک فعال یا یه لینک بازدید شده چی باید بنویسم
پاسخ: 
این متن توضیحات کد CSS بعد از آن و صرفا جهت راهنمایی است!
نویسنده: elahe
زمان: ۱۵:۰۰:۱۸ - تاریخ: ۱۳۹۷/۰۱/۱۳
سلام. خسته نباشید. ببخشید میخواستم ببینم چطوری میشه که لینک یه صفحه ی دیگه ای تو همان صفحه اصلی نشان داده بشه؟ مثلا وقتی روی یکی از گزینه های منو کلیک میکنیم اطلاعاتش نره تو صفحه جدا تو همون پنل سمت چپ صفحه اصلی میخوام نشون داده بشه
پاسخ: 
اگر یک نمونه درج می کردید بهتر بود! در هر صورت برای ایجاد حالت مد نظرتان نمی توانیم صرفا به تگ a در HTML اکتفا کنیم چون این تگ کاربر را به آدرس مقصد هدایت می کند، به طور کلی برای منظور شما باید از CSS و JavaScript در کنار کدنویسی HTML استفاده کرد، لطفا یک نمونه یا اسکرین شات قرار دهید تا راهنمایی دقیق تر میسر باشد.
نویسنده: Morteza Rashidi mehr
زمان: ۱۹:۲۴:۰۰ - تاریخ: ۱۳۹۷/۰۴/۱۴
سلام خسته نباشید خواستم یه تابع درست کنم برای رویداد که یک کلیک Button بنویسیم بعد رو Button کلیک کنم نام کاربر بیاد واسم
پاسخ: 
سوالتان مبهم است! منظور از "نام کاربر بیاد واسم" مشخص نیست؟! اطلاعات از دیتابیس دریافت می شوند یا از پنجره ورود اطلاعات که برای کاربر نمایش داده می شود؟ نام کاربر پس از دریافت ذخیره می شود یا صرفا نمایش داده می شود؟ لطفا سوالتان را دقیقتر و با جزئیات مطرح کنید تا امکان پاسخ دهی وجود داشته باشد.
نویسنده: سوزان دهقانی
زمان: ۱۱:۲۸:۱۳ - تاریخ: ۱۳۹۷/۱۰/۱۸
خیلی خوب و مفید بود. سپاسگزارم.
نویسنده: Maryam
زمان: ۱۷:۱۹:۰۰ - تاریخ: ۱۳۹۷/۱۲/۲۳
سلام، خسته نباشی
بابت مطالب مهم و عالی که میزارید تشکر
وقتی که می خواهیم یک وب چند صفحه ای ایجاد کنید و آنها رو به index.html و صفحه اصلی لینک دهی کنیم باید چه کار کنیم
ــــــــــــــــ🌟ــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
مثلا وب ایجاد کنیم که چند صفحه دارد
برای ساخت صفحه باید، چه کار کرد
لطفا بگید
پاسخ: 
سوالتان پاسخ کوتاهی ندارد، باید ابتدا با مفهوم سایت استاتیک و داینامیک آشنا شوید که این مستلزم طی دوره آموزش های مقدماتی وب و HTML است، سپس می توانید با برنامه های موجود مانند Adobe Dreamweaver صفحات وب را کدنویسی و به صورت فایل های جداگانه (پسوند html یا htm) ذخیره کرده و در کنار فایل index.html قرار دهید، در این حالت کافی است با تگ a به صورت نمونه زیر از صفحه ایندکس به فایل مذکور لینک دهیم:
<a href="page.html" title="صفحه جدید" target="_self">لینک به صفحه جدید</a>
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ کوتاه و مختصر داده خواهد شد!
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.





7 × 6
 refresh
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
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
در:
سلام ببخشید من میخواستم در تگ این‌پوت برخی از کلمات و علامت ها رو حذف کنم. یک درخواست دیگر هم دارم اگه میشه کد...
۱۲:۳۷:۰۵ ۱۳۹۹/۰۲/۱۵
form کیوان
در:
سلام ممنون از سایت خوبتون، من یه فرم دارم که اطلاعاتش رو از دیتابیس میگیره، چطور میتونم با نوشتن حلقه بعد از چاپ سه...
۱۸:۲۲:۲۴ ۱۳۹۹/۰۲/۱۳
form mohammad
در:
آموزشتون خیلی فهما و دقیق بود ممنون
۲۱:۵۵:۳۸ ۱۳۹۹/۰۲/۱۲
form محمودی
در:
سلام چطوری میتونم برای سایت ثبت نام کدبورسی و ثبت نام ارز دیجیتال بک لینک بگیرم
۱۵:۲۶:۰۷ ۱۳۹۹/۰۲/۱۲
در انتظار بررسی: ۰