اضافه کردن سی اس اس خارجی

[mehrdad.ch]

در این اموزش شما یم فایل css را به پروژه تان اضافه کرده و قالب دلخواه و فونت دلخواه را آورده. لطفا پلاگین زیر را دانلود کنید.
پلاگین
مثال
این پلاگین کمک می کند که فایل های سی اس اس را وارد پروژه تان کنید. بعد از نصب پلاگین:

آموزش پلاگین
1- فایل سی اس اس خودتان را وارد پروژه کنید. برای اضافه کردن فایل های متفرقه باید آنها را در پوشه فایل ها files بریزیم . روی پوشه فایل ها کلیک راست کرده و  وارد کردن فایل ها (import files)را انتخاب کنید.
2- فایل های چون فایل فونت هم در این پوشه اضافه کنید.
3-  پلاگین را به پروژه اضافه کرده سپس روی آن کلیک کنید .
4- وارد نوار تنظیمات پلاگین شده ،  فیلد css filename  نام فایل سی اس اس به همراه پسوند مثل style.css را تایپ کرده تا فایل به پروژه الحاق شود.
5- کل پلاگین های که  سی اس اس  را پشتیبانی می کنند اکنون می توان با فایل سی اس اس کنترول و تغییر داد.
6- textbox را انتخاب کنید و فیلد ID را نامی از نام هایی که در فایل سی اس اس است را در این قسمت تایپ کنید.
7- خروجی را تست کنید.

آی دی چیست. یک نام منحصربفردی است که درون محتوای سی اس اس بکار می روید.

آموزش سی اس اس:

من چیزی از سی اس اس را آموزش می دهم که بدرد کانسراکت بخورد.

سی اس اس از دو بخش تشکیل شده است
1- انتخابگر ها
2-کد ها(اکشن ها) تنظیمات

کار انتخابگر این است که بگوید کدام از اشیای صحنه این تغییرات اعمال شود.مثل رویداد ها و شرط ها کانسراکت است.
انتخابگر ها را بایستی ID برای کانسراکت تعریف کرد. برای این کار ابتدا # سپس یک نام منحصربفرد برای ان انتخاب می کنیم مثال

کد:

  #text
}

{

نکته : ID اشیای کانسراکت  این نشانه را # حذف کرد بقیه نام آی دی سی اس اس  استفاده شود.یعنی  text
 
کد ها هم کارهایی که بایستی آن انتخابگر انجام دهد  ودا خل  انتخاب گر تعریف می شود مثلا رنگ متن آبی شود ،قلم تغییر کند ، بردار و ...
برای نوشتن کد ها ابتدا نام کد سپس علامت : و مقدار  و در  آخر سر هم علامت ; ختم می شود

کد:

#text
}
   color :blue;
 font-size : 5px;
font-family : tahoma;
{

 مقدار  کد ها چندین حالت دارد. یا عددی هستند که همراه یک شاخص می آیند. یا رشته ای هستند. یا از نوع آیتمی (شمارشی). گاهی اوقات هم ترکیبی از سه نوع هستند.
برای راحتی کار و حرفه ای شدن با نرم افزار JetBrains WebStorm 10.0.4 فایل های سی اس اس بسازید و ویرایش کنید. بعدا قابلیتهای این نرم افزار را خواهم گفت. نرم افزار سنگینی است اما مزیت های زیادی دارد . مجموعه ابزارهای برنامه نویسی وب را در خودش جای داده است. همیت که از فارسی و utf-8 پشتیبانی می کند خودش مزیت بزرگی است.
همچنین دارای منو باز شو لیست کد ها همراه با راهنما و می گوید نسخه این کد چند است و با کدا مرور گر ها سازگاری دارد.
همچنین خطا یابی و راهنمایی همزمان را دارا می باشد. قابلیت node.js ، cordova و ... دارا می باشد. هوشمند است و سختی های برنامه نویسی را می کاهد. دارای اشکال زدای هم هست.

فونت داخلی (فونت همراه پروژه) : اگر می خواهید فونت دلخواهی را بروی هر دستگاهی بدون انکه ان دستگاه آن فونت را داشته باشد. نصب کنید.
برای این کار شما بایستی در سی اس اس سه خط بنویسید

کد:

@font-face
}
font-family : name font;
src : url(address) , url2 ;
{

خط اول  تعریف فونت جدید 
خط دوم نام فونت جدید
خط سوم آدرس یا آدرس های فونت جدید
ممکن است شما چند نوع از یک فونت داشته باشد آدرس هر کدام را در یک url آورده سپس با این نشان  ,   آنها را با هم پیوند کنید.
برای فونت های دیگر بایتی کار بالا را مجددا تکرار کنید.

این هم یک قالب می توانید در پروژه تان استفاده کنید
قاالب

برای تست  بعد از ریختن کل فایل ها به پروژه در قسمت ID فرم ها farsi تایپ کرده .

---

قالب بالا را تست کرده و درباره آن نقد کنید . تا در آینده نزدیک قالب قویتری ارائه دهم.

با قالب بالا می توانید فونت های جدید را نصب کنید. فونت نستلیغ هم گذاشتم.

برای تست کردن کافی است هر کدام با این علامت # شروع می شود را داخل ID قرار دهید

[pro.designer_68]

سلام 
واقعا عالی بود. روی گوشی هم فونت نستعلیق رو تست کردم
خیلی ممنون.

[wowxpria]

تقریبا میشه گفت عالی و ساده.
فقط ای کاش کنار خوده پلاگین text کانستراکت2 هم ID وجود داشت باید پلاگین شبیه سازش باشه مطما هستم.

[Vizmark#]

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

[wowxpria]

فک کنم فقط برای کردوا جواب بده چون تو خوده پلاگین ها قسمت ID نوشته from HTML

[mehrdad.ch]

تمام تحت مرور گر ها جواب می دهد مثل( کوکون جی اس ، کوردوا و فون گپ) ساز گار است.
اما درباره غیر مرور گر ها بایستی جواب بدهد. درست تعداد ناساز گاری با برخی پلاگین ها دارد. اما این هم در نظر گرفت که خروجی این غیر مرورگر ها هم وب است . چون جاوا اسکریپت و اچ تی ام ال و سی اس اس دارد. مگر کد ها را تبدیل کند به جاوا.

---

هر خروجی گیری که بر طبق کودوا باشد این عناصر را با خود دارد
HTML5 - java script 5 - CSS3
یعنی خروجی وب گرفته می شود و با کمک مرورگر مجازی در پلتفرم های مختلف اجرا می شود.
همان کاری می کند که جاوا برای پلتفرم های از ماشین مجازی استفاده می کند تا کدها اجرا شود.

[mehrdad.ch]

اگر سی اس اس بلد باشید می توانید رابطه های کاربری خیلی قوی بسازید.
در داخل قالب یه تعداد ابزارهای قوی وردی وجود دارد که پروژه تان را زیبا و دلنشین میکند.

یکی از ورودی ها به محض کلیک به سمت راست کشیده می شود. که من تا حالا با سی اس اس خالی این کار ها را ندیده بودم.
وردی که کلیک می کنید از حالت تاری در می آید و دورش درخشان می شود.

[wowxpria]

آقا فقط الان مشکل من تو پلاگین text هست آخه ID نداره عیب نداره بجای ID , فونتش رو به نستلیغ تغییر بدم یعنی اینجور جواب میده روی گوشی؟؟؟

[mehrdad.ch]

فکر کنم پلاگین اضافه text باشد که آی دی داشته باشد.

من دارم تست می کنم که پلاگین هایی که آی ندارند را می توان  یکجوری با سی اس اس ارتباط دهیم

---

جواب داد
فونت نستلیغ که داخل پروژه است. نام فونت را کپی کن و در فونت text پیس کن جواب می دهد
داخل نمای کاری هیچی دیده نمی شود اما در داخل اجرا تغییر می کند

[Vizmark#]

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