رنگ گدرن دور کادر در Css [بایگانی]

amir000555

سه شنبه 09 خرداد 1396, 19:52 عصر

با سلام

چطوری میشه داخل CSS برای یه کادر مشخص ForegroundColor مشخص کرد؟

یعنی فقط دور یه کادر را (فقط دورش) را رنگ کنیم؟

harand1

سه شنبه 09 خرداد 1396, 21:23 عصر

با سلام

یعنی فقط دور یه کادر را (فقط دورش) را رنگ کنیم؟

سلام :)
https://www.w3schools.com/cssref/pr_border.asp

amir000555

سه شنبه 09 خرداد 1396, 22:36 عصر

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

realAnvari

چهارشنبه 10 خرداد 1396, 13:52 عصر

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

یه زحمت بکشید و لطفا قبل از سوال کردن دروس HTML و CSS را یاد بگیرید .

و اما جواب :

https://www.w3schools.com/css/css_border.asp

amir000555

چهارشنبه 10 خرداد 1396, 17:46 عصر

یه نمونه دیگه ای بدید.
من میخوام (وقتی) کسی روی دکمه ای کلیک کرد دور آن به صورت خط چیت در بیاید.

realAnvari

پنج شنبه 11 خرداد 1396, 02:16 صبح

یه نمونه دیگه ای بدید.
من میخوام (وقتی) کسی روی دکمه ای کلیک کرد دور آن به صورت خط چیت در بیاید.

p.dashed {border-style: dashed;}

https://jsfiddle.net/anvari/5ffLwpey/

amir000555

پنج شنبه 11 خرداد 1396, 10:52 صبح

ممنون بازم. ولی میگم من اینارو بلدم میدونستم . خواهش دارم سوالی که اون اول کردم را به طور دقیق و کامل بخونید شما حتی توی سایت مایکروسافت نرفتید ببینید که منظورم چیه.
این کدی که دادی فقط یه بار کلیک که کردی میره و نمیمونه مایکروسافت ولی میمونه.
من کدشو اینطوری در نظر گرفتم :

.Line:Active {Border-Style: Dashed; }ولی بازم میگم که کلیک کنید نمیمونه یه لحظه ای نشون میده.

اصلا به سوال توجه ای نمیکنید.

anvar

پنج شنبه 11 خرداد 1396, 13:08 عصر

فرض می کنیم شما دکمه - لینک و یا هر کنترل طرف دیگه ای دارید (حالت نرمال)
کاربر مییاد و بر روی این کنترل شما کلیک می کنه (باید با جی کوئری این رویداد رو بگیریم)
به کنترل مورد نظر یک کادر در اطرافش اضافه میشه (یه کلاس جدید بهش اضافه میشه که براش یک کادر با رنگ و مشخصات مورد نظر اضافه می کنه) و اگر از قبل یک کنترلی دارای کادر بود آنرا حذف می کنیم

.active
{
border: 1px dashed #CC3333;
}

<a href="#">Home</a>
<a href="#">About us</a>
<a href="#">Contact us</a>

<script>
$( "a" ).click(function() {
$( "a" ).removeClass( "active" );
$( this ).addClass( "active" );
});
$(document).on('mouseup', function(e) {
if(!$(e.target).closest('a').length) {
$('a').each(function(){
$(this).removeClass( "active" );
});
}
});
</script>

realAnvari

پنج شنبه 11 خرداد 1396, 15:03 عصر

ممنون بازم. ولی میگم من اینارو بلدم میدونستم . خواهش دارم سوالی که اون اول کردم را به طور دقیق و کامل بخونید شما حتی توی سایت مایکروسافت نرفتید ببینید که منظورم چیه.
این کدی که دادی فقط یه بار کلیک که کردی میره و نمیمونه مایکروسافت ولی میمونه.
من کدشو اینطوری در نظر گرفتم :

.Line:Active {Border-Style: Dashed; }ولی بازم میگم که کلیک کنید نمیمونه یه لحظه ای نشون میده.

اصلا به سوال توجه ای نمیکنید.

145379

فکر کنم تو این منو رو میخای درست کنی و پس زمینه منو مد نظرت است . اونو بهش میگن background . یه نمونه برات نوشتم . ببین :

https://jsfiddle.net/anvari/p7qyspoy/

amir000555

پنج شنبه 11 خرداد 1396, 15:32 عصر

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

realAnvari

پنج شنبه 11 خرداد 1396, 17:52 عصر

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

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

سپاس

amir000555

پنج شنبه 11 خرداد 1396, 21:02 عصر

شرمنده اصلا حواسم به اسکرین شات نبود

realAnvari

جمعه 12 خرداد 1396, 01:05 صبح

شرمنده اصلا حواسم به اسکرین شات نبود

https://jsfiddle.net/anvari/46htzke0/