::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 7:37 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
12»
LESS زبان پویای شیوه‌ نامه ها
تعداد بازدیدvisits : 1698
tempes آفلاین



ارسال هاAnswers : 155
عضویتRegistration date : 8 /12 /1392
حمایت کردهThanks : 16
حمایت شدهThanked : 87
LESS زبان پویای شیوه‌ نامه ها

از این پس CSS را هم مثل JS و PHP تجربه کنید

LESS توسط روشهایی مانند متغیرها، حسابگرها، mixin ها و توابع، قابلیتهای CSS را توسعه داده و آنرا پویا ساخته است. LESS در هر دو محیط سمت کاربر (مرورگرهای وب مانند گوگل کروم، فایرفاکس، سافاری) و سمت سرور توسط Node.js و Rhino قابل اجــــرا و بهره‌ گیری می باشد.

کد:

@base: #f938ab;

.box-shadow(@style, @c) when (iscolor(@c)) {

box-shadow: @style @c;

-webkit-box-shadow: @style @c;

-moz-box-shadow: @style @c;

}

.box-shadow(@style, @alpha: 50%) when (isnumber(@alpha)) {

.box-shadow(@style, rgba(0, 0, 0, @alpha));

}

.box {

color: saturate(@base, 5%);

border-color: lighten(@base, 30%);

div { .box-shadow(0 0 5px, 30%) }

}

برای نصب در محیط سمت کاربر فقط کافیست از سایت http://lesscss.org/ آخرین نسخه آن را دانلود کنید و کد زیر را در قالب خود بگذارید

و شروع به کدنویسی css به شیوه جدیدی بکنید .

کد:

<link rel="stylesheet/less" type="text/css" href="styles.less">

<script src="less.js" type="text/javascript"></script>

نسخه فارسی LESS را میتوانید در اینجا پیدا کنید

توجه : شما میتوانید از طریق LESS CDN این شیوه را فعال کنید اما بهتر است LESS را دانلود کنید

کد:
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.2.0/less.min.js"></script>

توحه : از لینک هایی مثل LESS گوگل استفاده نکنید . زیرا گوگل ایران را در این زمینه تحریم کرده است

برای یادگیری آن فقط کافیست نمونه ای از LESS را ببینید

پنجشنبه 18 دی 1393 - 14:43
ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (5) : amalian - smaeal - amirmohsen - farnam - wser -
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 1 : LESS زبان پویای شیوه‌ نامه ها

ممنون...خوب و مفید...

با تشکر


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 18 دی 1393 - 15:26
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : wser -
amirmohsen آفلاین




ارسال‌هاAsnwers : 3175
عضویتRegistration date : 20 /11 /1391
حمایت کردهthanks : 610
حمایت شدهThanked : 1228
پاسخAnswer 2 : LESS زبان پویای شیوه‌ نامه ها

خوب روش جالبیه ولی ما داریم فقط کتابخونه اضافه می کنیم و حجم صفحه رو بالا میبریم!

روش کلاسیکش بهتره :دی

:)
پنجشنبه 18 دی 1393 - 15:26
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (2) : smaeal - wser -
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 4 : LESS زبان پویای شیوه‌ نامه ها

امیر جان روش کلاسیکش چیه؟؟؟


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 18 دی 1393 - 15:28
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : wser -
tempes آفلاین



ارسال‌هاAsnwers : 155
عضویتRegistration date : 8 /12 /1392
حمایت کردهthanks : 16
حمایت شدهThanked : 87
پاسخAnswer 5 : LESS زبان پویای شیوه‌ نامه ها

آره منم چون باحال بود گذاشتم ولی در عوض css که خیلی خشک بود باحال تر مشه چون متغییر و .. بهش اضافه میشه

پنجشنبه 18 دی 1393 - 15:29
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : wser -
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 6 : LESS زبان پویای شیوه‌ نامه ها

سی اس اس که میشه خشکیشو از بین برد...:دی

خوراکش transitionـه..:دی

با تشکر


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 18 دی 1393 - 15:41
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : wser -
amirmohsen آفلاین




ارسال‌هاAsnwers : 3175
عضویتRegistration date : 20 /11 /1391
حمایت کردهthanks : 610
حمایت شدهThanked : 1228
پاسخAnswer 7 : LESS زبان پویای شیوه‌ نامه ها

همین شیوه نامه های معمولی!

:)
پنجشنبه 18 دی 1393 - 15:42
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (2) : smaeal - wser -
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 8 : LESS زبان پویای شیوه‌ نامه ها

آهان...

پس بی خیال کد اضافی...

دمت گرم...

با تشکر


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 18 دی 1393 - 15:43
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : wser -
tempes آفلاین



ارسال‌هاAsnwers : 155
عضویتRegistration date : 8 /12 /1392
حمایت کردهthanks : 16
حمایت شدهThanked : 87
پاسخAnswer 9 : LESS زبان پویای شیوه‌ نامه ها

نه من CSS3 رو کامل بلدم باز خشکه

پنجشنبه 18 دی 1393 - 15:48
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : wser -
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 10 : LESS زبان پویای شیوه‌ نامه ها

خب مگه میخوای چیکار کنی که خشکیش مانع تو شده؟؟!!!!!!!

محمد هم اینهمه بلده،ولی از این همه کد بیخود استفاده نکرده...

ولی ببین قالبش چه قدر خوبه...:دی

با تشکر


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 18 دی 1393 - 15:49
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (3) : smaeal - wser - alhojjah -
farnam آفلاین


گرافیست

ارسال‌هاAsnwers : 1701
عضویتRegistration date : 14 /12 /1391
حمایت کردهthanks : 662
حمایت شدهThanked : 973
پاسخAnswer 11 : LESS زبان پویای شیوه‌ نامه ها

خوبه

ولی حق با امیر محسنه

مگه حجم از سر راه اوردیم:دی

حجم مگه علفه خرسه:دی

موفق باشی

با تشکر

یادت باشه که بهترین دوستت همیشه میتونه بهترین ادم در همه شرایط باشه پس قدرشو بدون
------------------------------------------------------------------------------------------------------------------------
دوست های خوبم: محمد، اسماعیل، آقای قیاسی، اقبال، امیر محسن، محمد آر بوی، علیرضا، نوید، مویزبست
پنجشنبه 18 دی 1393 - 15:51
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : wser -
12»



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex