/ Css رو قورت بده ( قسمت سوم - border )
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 20

موضوع: Css رو قورت بده ( قسمت سوم - border )

  1. #1
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,611مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26488
    wikivb.ir

    Css رو قورت بده ( قسمت سوم - border )

    درود
    خب دوستان این جلسه بیش از حد طول کشید چون مسافرت خورد و این چیز ها که باید به بزرگی خودتون بخشید .
    در جلسه قبل چند اصول پایه رو آموزش دادیم که جلسه طولانی و مفصلی شد اما طولانی شدنش باعث سردرگمی برخی دوستان شد ، همینطور عده ای اعتراض کردن که فلانی اصول پایه رو خیلی از ما بلدیم و در کل نت هم میشه با یک سرچ کوچیک آموزش هاشو پیدا کرد بنابر این تصمیم گرفتم کمی آموزش ها رو کم حجم تر بکنم و بریم سراغ دیگر خاصیت ها که تو کدنویسی برای تزئین و ... به کار میان .

    بنابر این ازین به بعد هر جلسه یک اصل CSS رو آموزش میدیم به صورت مختصر و مفید و معمولا همراه با تصاویر از عملکرد خاصیت .

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

    غیر ممکنه که شما یک صفحه HTML در سطح متوسط طراحی کنید و درش از border استفاده نکنید ( البته استثناء هم داریم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی ) .

    قبل از هرچیز با تصویر زیر انواع border ها رو بهتون نشون میدم و در ادامه طریقه به کار گیری هرکدوم رو :

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    پس border ها عبارتند از :



    1. dotted
    2. dashed
    3. solid
    4. double
    5. groove
    6. ridge
    7. inset
    8. outset


    خب ما 8 نوع border داریم اما چطور استفاده میشن ؟

    باید خاصیت border رو به کلاس اصلیمون که اینجا wikivb هست اضافه کنید به این صورت :

    کد:
    .wikivb {
        border: 5px solid #000000;
    }
    خاصیتی که به کلاس wikivb دادیم مشخص میکنه که wikivb باید یک border با ضخامت 5 پیکسل از نوع solid و رنگ مشکی احاطه بشه ( به رنگ ها دقت کنید همه چیز رو متوجه میشید ) .

    دقیقا مثل margin که جلسه قبل توضیحاتش رو دادیم میشه border ها رو هم برای هر جهت از بالا ، پایین ، چپ و راست به صورت جداگانه و هر کدوم یک نوع و اندازه و رنگ قرار داد :

    کد:
    .wikivb {
        border-top: 5px solid #000000;
        border-right: 3px groove #000000;
        border-left: 6px outset #000000;
        border-top: 2px dashed #000000;
    }
    حالا برای درک بهتر هر کدوم از انواع border رو براتون با تصویر و کد قرار میدم در ساده ترین نوع خودش ، در موردشون توضیحی هم نمیدم چون مسئله شکل ظاهری border هست که تصاویر مشخصش میکنن :

    1 - dotted

    کد:
    .wikivb {
        border: 5px dotted #000000;
    }
    تصویر :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 - dashed

    کد:
    .wikivb {
        border: 5px dashed #000000;
    }
    تصویر :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    3 - solid ( رایج ترین نوع از border ها )

    کد:
    .wikivb {
        border: 5px solid #000000;
    }
    تصویر :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    4 - double

    کد:
    .wikivb {
        border: 5px double #000000;
    }
    تصویر :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    5 - groove

    کد:
    .wikivb {
        border: 5px groove #000000;
    }
    تصویر :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    6 - ridge

    کد:
    .wikivb {
        border: 5px ridge #000000;
    }
    تصویر :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی


    7 - inset

    کد:
    .wikivb {
        border: 5px inset #000000;
    }
    تصویر :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی


    8 - outset

    کد:
    .wikivb {
        border: 5px outset #000000;
    }
    تصویر :
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی


    احتمال داره کمی سردرگم شده باشید البته خیلی ساده بود اما اگر سردرگم شدید یک استکان چایی یا یک فنجان قهوه میل کنید و مجددا با صبر و دقت مطالعه کنید تا همه چی درک بشه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    به نظر خودم تا اینجاش کافیه ترجیح میدم پاسخگوی سوالاتتون باشم تا با آموزش سنگین سردرگمتون کنم ، بنابر این این جلسه هم ختم میکنیم و هر سوالی دارید در مورد آموزش بپرسید ، اگر متوجه چیزی نشدید هم بپرسید مطمئن باشید پاسخ داده میشه .

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

    پیروز باشید
    ویکی وی بی

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  2. نوين وردپرس تبلیغات شما

  3. #2
    DEFALT آنلاین نیست.
    DEFALT
    مدير بازنشسته
    1,562نوشته3,626مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    214
    پسندیده است
    6,520 پست
    بلاگ
    5 پست
    میزان امتیاز
    3636
    No Set
    درود مصطفی جان
    ممنون به خاطر آموزشهای خوبتونمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    امکانش هست گوشه های border هارو منحنی کنیم؟اگه بله چگونه باید این کارو کرد؟
    موفق باشیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست DEFALT را پسندیده اند


    HiiiP

  4. #3
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,611مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26488
    wikivb.ir
    نقل قول نوشته اصلی توسط ÛŇİǪUĖ ВʘȲ نمایش پست ها
    درود مصطفی جان
    ممنون به خاطر آموزشهای خوبتونمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    امکانش هست گوشه های border هارو منحنی کنیم؟اگه بله چگونه باید این کارو کرد؟
    موفق باشیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    بله اینکار رو باید با border-radius انجام بدیم که درس جلسه بعدمون به احتمال زیاد همین باشه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    6 نفر از اعضا پست WikiVB را پسندیده اند


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  5. #4
    NiNE آنلاین نیست.
    NiNE
    مدير بازنشسته
    1,975نوشته4,462مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    63
    پسندیده است
    7,092 پست
    بلاگ
    1 پست
    میزان امتیاز
    4470
    gilas-web.ir
    نقل قول نوشته اصلی توسط ÛŇİǪUĖ ВʘȲ نمایش پست ها
    درود مصطفی جان
    ممنون به خاطر آموزشهای خوبتونمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    امکانش هست گوشه های border هارو منحنی کنیم؟اگه بله چگونه باید این کارو کرد؟
    موفق باشیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    کد:
    border-radius:X px;
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    بجای X عدد مورد نظر مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    - - - Updated - - -

    نقل قول نوشته اصلی توسط ÛŇİǪUĖ ВʘȲ نمایش پست ها
    درود مصطفی جان
    ممنون به خاطر آموزشهای خوبتونمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    امکانش هست گوشه های border هارو منحنی کنیم؟اگه بله چگونه باید این کارو کرد؟
    موفق باشیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    کد:
    border-radius:X px;
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    بجای X عدد مورد نظر مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    7 نفر از اعضا پست NiNE را پسندیده اند


    Different type

  6. #5
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    خیلی آموزش خوبی بود !مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    4 نفر از اعضا پست AminX را پسندیده اند


    .....

  7. #6
    local آنلاین نیست.
    local
    کاربر سايت
    2,070نوشته1,232مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1475
    پسندیده است
    1,828 پست
    بلاگ
    7 پست
    میزان امتیاز
    1241
    No Set
    کلا css رو قورت دادم ولی نمیدونم چرا دست به کار نمیشم و بقیه رو سوپرایز نمیکنم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست local را پسندیده است:


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  8. #7
    PerSiaNOffliNe آنلاین نیست.
    PerSiaNOffliNe
    کاربر سايت
    217نوشته149مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    653
    پسندیده است
    303 پست
    بلاگ
    1 پست
    میزان امتیاز
    159
    forums5.persianoffline.com
    ساده و مفهومی

    ممنونم مصطفی جان

    خیلی به کار میاد
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست PerSiaNOffliNe را پسندیده است:



  9. #8
    gemlove آنلاین نیست.
    gemlove
    کاربر اخراجي
    760نوشته312مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    1213
    پسندیده است
    843 پست
    بلاگ
    پست
    میزان امتیاز
    321
    /farsizaban.ir
    ممنون مصطفی جان .خیلی عالی توضیح دادی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    جلسات بعدی رو قرار نمیدین؟
    بیزحمت زود قرار بدینمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  10. #9
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,611مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26488
    wikivb.ir
    نقل قول نوشته اصلی توسط gemlove نمایش پست ها
    ممنون مصطفی جان .خیلی عالی توضیح دادی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    جلسات بعدی رو قرار نمیدین؟
    بیزحمت زود قرار بدینمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مدتیه بیش از حد درگیر هستم و با توجه به اینکه از آموزش ها زیاد استقبال نمیشد به نظرم غیر ضروری اومد برای همین فعلا آپدیت نشده ایشالا سر فرصت مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    3 نفر از اعضا پست WikiVB را پسندیده اند


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  11. #10
    local آنلاین نیست.
    local
    کاربر سايت
    2,070نوشته1,232مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1475
    پسندیده است
    1,828 پست
    بلاگ
    7 پست
    میزان امتیاز
    1241
    No Set
    نقل قول نوشته اصلی توسط WikiVB نمایش پست ها
    مدتیه بیش از حد درگیر هستم و با توجه به اینکه از آموزش ها زیاد استقبال نمیشد به نظرم غیر ضروری اومد برای همین فعلا آپدیت نشده ایشالا سر فرصت مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    از اون موقعی که css ایران رفت رو هوا کلا امید ما هم رفت رو هوا.
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

صفحه 1 از 2 12 آخرینآخرین

اطلاعات موضوع

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

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. درجات کاربری WikiVB Border + فایل PSD
    توسط MR.CSS در انجمن پک درجات کاربری
    پاسخ: 4
    آخرين نوشته: 06-04-2013, 11:47 PM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی