آخرین ارسال ها

پروژه کرونا(COVID 19) ..:||:.. لیست برنامه ختم قرآن یاران منتظر ..:||:.. Ƹ̵̡Ӝ̵̨̄Ʒ سفره هفت سین امسال اعضای انجمن یاران منتظر Ƹ̵̡Ӝ̵̨̄Ʒ ..:||:.. تا حالا به لحظه تحویل سال 1450 فکر کردید!!؟؟ ..:||:.. Ƹ̵̡Ӝ̵̨̄Ʒ سفره هفت سین سال 1395 اعضای انجمن یاران منتظر Ƹ̵̡Ӝ̵̨̄Ʒ ..:||:.. اگر بفهمید بیشتر از یک هفته دیگر زنده نیستید، چی کار می کنید؟! ..:||:.. **متن روز پدر و روز مرد** ..:||:.. الان چتونه؟ ..:||:.. 🔻هدیه‌ تحقیرآمیز کِندی ..:||:.. ღ ღ ღتبریک ازدواج به دوست خوبم هستی2013 جان عزیز ღ ღ ღ ..:||:..

نوار پیام ها

( یسنا : ▪️خــداحافظ مُــــحَرَّم 😭 نمى دانم سال دیگر دوباره تو را خواهم دید یا نه؟!... 🖤اما اگر وزیدى و از سَرِ کوى من گذشتى، سلامَم را به اربابم برسان... ◾️ بگو همیشه برایَت مشکى به تَن مى کرد و دوست داشت نامَش با نام تو عجین شود!... ◾️بگو گرچه جوانى مى کرد، اما به سَرِ سوزنى ارادتش هم که شده، تو را از تَهِ دل دوست داشت... ◼️با چاى روضه تو و نذری ات، صفا مى کرد و سَرَش درد مى کرد براى نوکرى... 🏴 مُحَرَّم جان؛ تو را به خدا مى سپارم... و دلم شور مى زند براى \"صَفر\"ى که دارد از \"سَفَر\" مى رسد... # )

( سینا : حضرت فاطمه زهرا (سلام الله علیها): «ما جَعَلَ اللّه ُ بَعدَ غَدیرِخُمٍّ مِن حُجَّةٍ و لاعُذرٍ؛ خداوند پس از غدیرخم برای کسی حجّت و عذری باقی نگذاشت.» «دلائل الإمامَه، ص 122» )

( فاطمه 1 : ای روح دو صد مسیح محتاج دَمَت زهرایی و خورشید غبار قدمت کی گفته که تو حرم نداری بانو؟ ای وسعت دل‌های شکسته، حَرَمت. (شهادت حضرت زهرا تسلیت باد) )

( programmer : امام علی (ع):مردم سه گروهند: (1) دانشمندی خدایی، (2) دانش آموزی بر راه رستگاری (3) و پشه های دستخوش باد و طوفان و همیشه سرگردان، که از پی هر جنبنده و هر صدا می روند، و با وزش هر بادی، حرکت می کنند، نه از پرتو دانش، روشنی یافتند، و نه به پناهگاه استواری پناه گرفتند. )

( programmer : امام علی ع : عاقل ترین مردم کسی است که عواقب کار را بیشتر بنگرد. )

( programmer : امام علی (ع):دعوت کننده ای که فاقد عمل باشد مانند تیر اندازی است که کمان او زه ندارد. )

( programmer : امام علی(ع): در فتنه ها همچون بچه شتر باش که نه پشت دارد تا بر آن سوار شوند و نه پستانی که از آن شیر بدوشند )

( سینا : هزارها سال از هبوط آدم بر سیاره‌ی زمین گذشته است و هنوز نبرد فی ما بین حق و باطل بر پهنه‌ی خاك جریان دارد، اگرچه دیگر دیری است كه شب دیجور ظلم از نیمه گذشته است و فجر اول سر رسیده و صبح نزدیك است. )

( programmer : فتنه مثل یک مه غلیظ، فضا را نامشخص میکند؛ چراغ مه‌شکن لازم است که همان بصیرت است....(مقام معظم رهبری) )

( سینا : یاران! شتاب كنید ، قافله در راه است . می گویند كه گناهكاران را نمی پذیرند ؟ آری ، گناهكاران را در این قافله راهی نیست ... اما پشیمانان را می پذیرند )

( سینا : برای حفظ سلامتی، این دعا را هر صبح و شب بخوانید: اللَّهُمَّ صَلِّ عَلَى مُحَمَّدٍ وَ آلِ مُحَمَّدٍ**اللَّهُمَّ اجْعَلْنِي فِي دِرْعِكَ الْحَصِينَةِ الَّتِي تَجْعَلُ فِيهَا مَنْ تُرِيدُ. (سه ‌مرتبه) خداوندا، مرا در زره نگهدارنده و قوی خود _ که هر کس را بخواهی در آن قرار می‌دهی _ قرار بده! )

( فاطمه 1 : ای بهترین بهانه خلقت ظهور کن صحن نگاه چشم مرا پر ز نور کن +++ چشمم به راه ماند بیا و شبی از این پس‌کوچه‌های خاکی قلبم عبور کن +++ آقا بیا و با قدمی گرم و مهربان قلب خراب و سرد مرا گرم شور کن )

( سینا : دود می خیزد ز خلوتگاه من کس خبر کی یابد از ویرانه ام ؟ با درون سوخته دارم سخن کی به پایان می رسد افسانه ام ؟ )

مدیریت پیام ها

اگر این اولین بازدید شما از انجمن یاران منتظراست ، میبایست برای استفاده از کلیه امکانات انجمن عضو شوید و یا اگر عضو انجمن می باشید وارد شوید .

انجمن یاران منتظر » آموزش برنامه نویسی » css » :: آموزش CSS، جلسه ششم:: (تنظیمات متن)

:: آموزش CSS، جلسه ششم:: (تنظیمات متن)

آموزش CSS، جلسه ششم Text color (رنگ متن) مشخصه color برای تنظیم رنگ متن بکار می رود. <html> <head> <style> body {color:purple;} h1 { color:#009900;} p.ex { color:rgb(0,0,255);} </style> </head> <body> <h1>This is heading 1</h1> <p>This is an ordinary paragraph. Notice that this text is purple. The default text-color for a page is defined in the body selector.</p> <p class="ex">This is a paragraph with class="ex". This text is blue.</p> </body> </html> ترازبندی متن همچنین می توانید برای ترازبندی متن از مشخصه text-align استفاده نمایید و آن را به صورت وسط چین(center) ، راست چین(right) ، چپ چین (left) که البته بطور پیش فرض این مقدار درنظر گرفته شده و
:: Hl,ca CSST [gsi aal:: (jkzdlhj ljk)

امکان افزودن پاسخ به این موضوع وجود ندارد امکان افزودن موضوع در این بخش وجود ندارد

ابزار های موضوع

اطلاعات نویسنده

چهارشنبه ۲ بهمن ۱۳۹۲ ۰۷:۱۷ بعد از ظهر

سپیده 313

بانو

شماره عضویت : 325

حالت :

ارسال ها : 420

محل سکونت : : ایران/رشت

جنسیت :

تعداد بازدیدکنندگان : 238

دعوت شدگان : 1

اعتبار کاربر : 6882

پسند ها : 395

حالت من :

تصویر مورد علاقه من : images/mms/yaran (26).jpg

تشکر شده : 694

مدال ها:4

مدال پشتکار

کاربران برتر

مدال 2 سالگی عضویت

مدال تخصص

آموزش CSS، جلسه ششم

Text color (رنگ متن)

مشخصه color برای تنظیم رنگ متن بکار می رود.

<html>

<head>

<style>

body {color:purple;}

h1 { color:#009900;}

p.ex { color:rgb(0,0,255);}

</style>

</head>

<body>

<h1>This is heading 1</h1>

<p>This is an ordinary paragraph. Notice that this text is purple. The default text-color for a page is defined in the body selector.</p>

<p class="ex">This is a paragraph with class="ex". This text is blue.</p>

</body>

</html>

ترازبندی متن

همچنین می توانید برای ترازبندی متن از مشخصه text-align استفاده نمایید و آن را به صورت وسط چین(center) ، راست چین(right) ، چپ چین (left) که البته بطور پیش فرض این مقدار درنظر گرفته شده و یا justify تنظیم نمایید.

<html>

<head>

<style>

h1 {text-align:center;}

p.date {text-align:right;}

p.main {text-align:justify;}

</style>

</head>

<body>

<h1>CSS text-align Example</h1>

<p class="main">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me,

'just remember that all the people in this world haven't had the advantages that you've had.'</p>

<p><b>Note:</b> Resize the browser window to see how the value "justify" works.</p>

</body>

</html>

Text transform

مشخصۀ text-transform برای تعیین بزرگی و کوچکی حروف بکار می رود.

Uppercase : تمامی حروف، بزرگ نمایش داده می شوند.
Lowercase: تمامی حروف، کوچک نمایش داده می شوند.
Capitalize: حرف اول هرکلمه بزرگ و مابقی کوچک نمایش داده می شوند.

<html>

<head>

<style>

p.uppercase {text-transform:uppercase;}

p.lowercase {text-transform:lowercase;}

p.capitalize {text-transform:capitalize;}

</style>

</head>

<body>

</body>

</html>

6 تشکر شده از کاربر سپیده 313 برای ارسال مفید :

admin , غم هجران , Sajjadiyya , programmer , , یاسمن ,

می پسندم 2 0 2

تعداد پسند های ( 2 ) از این کاربر
تعداد آنلایک ها ( 0 ) از این کاربر

پاسخ با بیشترین پسند

امضای کاربر : سپیده 313

اطلاعات نویسنده

:: آموزش CSS، جلسه ششم:: (تنظیمات متن)

چهارشنبه ۲ بهمن ۱۳۹۲ ۰۷:۳۰ بعد از ظهر

[1]

admin

عضو

شماره عضویت : 1

حالت :

ارسال ها : 2117

محل سکونت : : مشهد

جنسیت :

تعداد بازدیدکنندگان : 1242

دعوت شدگان : 13

اعتبار کاربر : 28298

پسند ها : 3479

محل سکونت :

حالت من :

تصویر مورد علاقه من : images/mms/yaran (9).jpg

تشکر شده : 4639

وبسایت من : وبسایت من

ببخشید چند تا سوال دارم
چجوری میشه متن 3 بعدی درست کرد؟
آیا پشت نوشته میشه عکس متحرگ گزاشت؟
مثلا همین اسامی انجمن روشون عکس ستاره چشمک زن بزاریم ، اسما برق بزنه ، ایناااا

می پسندم 2 0 2

تعداد پسند های ( 2 ) از این کاربر
تعداد آنلایک ها ( 0 ) از این کاربر

اطلاعات نویسنده

:: آموزش CSS، جلسه ششم:: (تنظیمات متن)

چهارشنبه ۲ بهمن ۱۳۹۲ ۰۸:۰۱ بعد از ظهر

[2]

سپیده 313

بانو

شماره عضویت : 325

حالت :

ارسال ها : 420

محل سکونت : : ایران/رشت

جنسیت :

تعداد بازدیدکنندگان : 238

دعوت شدگان : 1

اعتبار کاربر : 6882

پسند ها : 395

حالت من :

تصویر مورد علاقه من : images/mms/yaran (26).jpg

تشکر شده : 694

راستش مدیر خوبم بلد نیستم
ولی برای زیبایی بیشتر روی متن مطالعه می کنم
اگه یاد گرفتم حتما تو همین پست اضافه می کنم

می پسندم 3 0 3

تعداد پسند های ( 3 ) از این کاربر
تعداد آنلایک ها ( 0 ) از این کاربر

امضای کاربر : سپیده 313

اطلاعات نویسنده

:: آموزش CSS، جلسه ششم:: (تنظیمات متن)

چهارشنبه ۲ بهمن ۱۳۹۲ ۱۱:۱۸ بعد از ظهر

[3]

سپیده 313

بانو

شماره عضویت : 325

حالت :

ارسال ها : 420

محل سکونت : : ایران/رشت

جنسیت :

تعداد بازدیدکنندگان : 238

دعوت شدگان : 1

اعتبار کاربر : 6882

پسند ها : 395

حالت من :

تصویر مورد علاقه من : images/mms/yaran (26).jpg

تشکر شده : 694

Text shadow

مشخصه text-shadow باعث ایجاد سایه در متن تصویر می شود.

مدیر

می پسندم 1 0 1

تعداد پسند های ( 1 ) از این کاربر
تعداد آنلایک ها ( 0 ) از این کاربر

امضای کاربر : سپیده 313

اطلاعات نویسنده

:: آموزش CSS، جلسه ششم:: (تنظیمات متن)

سه شنبه ۲۸ بهمن ۱۳۹۳ ۰۱:۲۸ بعد از ظهر

[4]

سپیده 313

بانو

شماره عضویت : 325

حالت :

ارسال ها : 420

محل سکونت : : ایران/رشت

جنسیت :

تعداد بازدیدکنندگان : 238

دعوت شدگان : 1

اعتبار کاربر : 6882

پسند ها : 395

حالت من :

تصویر مورد علاقه من : images/mms/yaran (26).jpg

تشکر شده : 694

text decoration

مشخصۀ text-decoration برای زیرخط دار کردن متن یا برداشتن آن استفاده می شود.

این مشخصه بیشتر در مواردی استفاده می شود که بخواهیم لینک ها را از حالت زیرخط دار (underline) در بیاریم.

<html>
<head>
<style>
a {
text-decoration: none;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>

<p>Link to: <a href="http://www.forum.roq.ir">انجمن یاران منتظر</a></p>

</body>
</html>

در این مثال مقدار none برای مشخصه text-decoration باعث برداشته شدن underline می شود و در صورتی که تکه کد مربوط به text-decoration را حذف کنید مشاهده می کنید که لینک به صورت زیرخط دار نمایش داده می شود.

نکته: تکه کد <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> برای مواردی استفاده میشه که در کدهای خود از متون فارسی استفاده کرده باشید.
برای ایجاد این کد نیازی به تایپ کردن آن نیست؛ تنها باید این مسیر را دنبال کنید:
از منوی modify گزینه page properties را انتخاب کنید، از قسمت category گزینۀ title/Encoding را انتخاب کرده و مقدار encoding را unicode(utf-8) قرار دهید.

مقادیر دیگر text-decoration عبارتند از:
overline : بالای متن خطی ایجاد می کند.
line-through : روی متن خطی ایجاد می کند.
underline: زیر متن خطی ایجاد می کند.

<html>
<head>
<style>
body {
   color:#3333CC;
}

h1 {
    text-decoration: overline;
}

h2 {
    text-decoration: line-through;
}

h3 {
    text-decoration: underline;
}
</style>
</head>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

</body>
</html>

text indention

مشخصه text-indent برای اولین خط پاراگراف فاصله ایجاد می کند. برای این مشخصه باید مقداری با واحد پیکسل انتخاب کنیم.

<html>
<head>
<style>
p {
text-indent: 50px;
}
</style>
</head>
<body>

<p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p>

</body>
</html>