تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 9 از 9

مقاله: درجات کاربری HTML به سبک ال جی ایران || ورژن 2

    1. درجات کاربری HTML به سبک ال جی ایران || ورژن 2 »

      درجات کاربری HTML به سبک ال جی ایران || ورژن 2

      نگارش: , by (مدیر بازنشسته)
      2015/01/30 11:43 AM
      امتیاز: 

      با سلام خدمت کاربران فهیم ال جی ایران

      با رونمایی از ورژن جدید درجات کاربری ال جی ایران به شکل اچ تی ام ال در خدمت شما هستیم

      این درجات کاربری فعلا در هیچ جای دنیا استفاده نشده و برای اولین بار در ال جی ایران استفاده میشه و در خدمت شما عزیزان نیز قرار داده میشه تا بتونید استفاده کنید

      چند روز پیش اسکرین شات هایی ازش قرار دادم و گفتم که در حال کار کردن روی درجات جدید هستیم

      حال امروز به پایان رسیده و در خدمت شما هستیم

      درجات کاربری فلت به سبک ال جی ایران (( ورژن 2 )) | LG Developers

      ورژن های قبلی را نیز خدمت شما ارائه نمودیم که این کد شدش هستش

      درجات کاربری HTML به سبک LG-Developers

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

      درجات کاربری فلت به سبک ال جی ایران | LG-Developers


      حالا قبل از هر چیز یک اسکرین شات از ورژن جدید قرار میدم براتون بعد میریم سراغ آموزش





      حالا بریم سراغ آموزش :

      ابتدا کد های زیر رو در قسمت اضافه کردن درجات کاربری جدید در کادر پایین کادر وارد کردن کد های اچ تی ام ال
      کد:
      <style>.daraje28{   display: block;overflow:hidden;   text-shadow:11111 ;background:  #FF6633; margin: 2px auto;border-radius: 3px;font-size: 13px;  font-family:Yekan,"Source Sans Pro",sans-serif;padding: 12px 0px;color:  #FFF;text-align: center;line-height: 1;}    .daraje28:hover {          top:3px;     border-bottom:0px solid #c0392b;   } </style>    <center style="padding: 10px 0px;"><a class="daraje28"  >مشاور حقوقی انجمن</a></center>

      خب حالا یک توضیح مختصر

      در قسمت بالا چند قسمت رو باید توضیح بدم


      برای مثال اگر شما میخواید چند درجه بسازید باید شماره کلاس هارو تغییر بدید مثلا این قسمت هارو ببیند



      کد:
      <style>.daraje1
      و



      کد:
      .daraje1:hover {
      و



      کد:
      a class="daraje1
      اون عدد یک رو میبینید اون باید در هر درجه فرق کنه و کلاس جدا باشه

      برای مثال من برای مدیریت شماره 1 گذشتم

      و ذخیره کردم

      بعد میخوام برای مدیر ارشد هم درجه بسازم باید ان عدد یک رو به 2 یا هر عدد دیگه ای تغییر بدم و همینطوری پیش برم

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


      مورد بعدی تغییر رنگ درجه هستش که باید در خاصیت Background اون رو تغییر بدید

      حالا قسمت مهم قسمت text-shadow هستش

      این نکته رو بگم که من در کد های ارائه شده ی بالا قسمت text-shadow رو برای کوتاه شدن اینطوری به شکل 1111 قرار دادم در اصل یک کد طولانی هستش این قسمت

      حالا برای ساختن خاصیت لانگ شادو باید چیکار کرد

      به سایت زیر مراجعه کنید

      کد:
      http://sandbox.juan-i.com/longshadows/
      حالا تصویر زیر رو ببینید





      ابتدا در پایین تیک text-shadow only رو بزنید حالا در کادر شماره ی 1 کد رنگتون رو بدون # وارد کنید

      در قسمت 2 اندازه ی سایه ی خودتون رو تنظیم کنید

      در قسمت 3 اپاسیتی هستش باید میزان وضوح شادو خودتون رو انتخاب کنید

      در قسمت چهار هم میزان استحکام شادو رو انتخاب کنید بعد از انتخاب اون در پایین یک کادر Show code هستش اون رو بزنید تا کد ها براتون به نمایش در بیاد

      دقت کنید شما نباید همه کد هارو بردارید فقط قسمت Text-shadow رو بردارید و در کد های قسمت اولی که دادم با قسمت text-shadow عوض کنید

      بعد بزارید در کادر درجات کاربری





      دموی آنلاین :

      انجمن تخصصی ال جی ایران


      لطفا کپی بدون ذکر منبع و نام کاربری بنده و نام ال جی ایران نباشه ..



      موفق باشید
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    224
    میزان امتیاز
    27

    پیش فرض

    سلام
    یکم راجع به این شادوش میشه بیشتر توضیح بدین؟
    من کدهای شادو رو با اون سایتی که گفتین میزنم خیلین وقتیم قرارشون میدم مثلا رنگ سبز شادوشم رنگش سبزه
    میخوام وقتی هم روی اسم کاربری میرم هیچ تغییری نکنه و رنگش عوض نشه یعنی هاورش رو میگم
    میشه بیشتر راهنمایی کنید
    ممنون
    ویرایش توسط Hy0SuNg : 2015/03/31 در ساعت 04:36 PM

  2. Top | #3
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    224
    میزان امتیاز
    27

    پیش فرض

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

  3. Top | #4
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    2,262
    میزان امتیاز
    266

    پیش فرض

    نقل قول نوشته اصلی توسط ATOM نمایش پست ها
    شاید عزیزی بیاید شاید
    up..............
    دوست عزیز رنگ هاور رو میتونید توی کد ها اگر ببینید کد hover هست اون رو بردارید کلا یا اگر نشد اون رو به این شکل تعریف کنید

    کد:
    hover:#fff !important

    کاربر مقابل از DARKSKIES بابت این پست مفید تشکر کرده است:


  4. Top | #5
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    224
    میزان امتیاز
    27

    پیش فرض

    نقل قول نوشته اصلی توسط O'Sullivan نمایش پست ها
    دوست عزیز رنگ هاور رو میتونید توی کد ها اگر ببینید کد hover هست اون رو بردارید کلا یا اگر نشد اون رو به این شکل تعریف کنید

    کد:
    hover:#fff !important
    بازم نشد
    ببینید من میخوام وقتی موس روی درجه کاربری میبرم اسم درجه هیچ تغییری نکنه و ثابت باشه
    الان من کد رو این شکلی کردم آیا درسته؟
    کد:
    <style>.daraje28{   display: block;overflow:hidden;   text-shadow:11111 ;background:  #FF6633; margin: 2px auto;border-radius: 3px;font-size: 13px;  font-family:Yekan,"Source Sans Pro",sans-serif;padding: 12px 0px;color:  #FFF;text-align: center;line-height: 1;}    .daraje28:hover {#fff !important   } </style>    <center style="padding: 10px 0px;"><a class="daraje28"  >مشاور حقوقی انجمن</a></center>

  5. Top | #6
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    2,262
    میزان امتیاز
    266

    پیش فرض

    خیر کاملا اشتباهه

    مثلا شما کد رنگ مدیر کل رو برای من قرار بدید تا من براتون درجش رو بسازم بدم

    در ضمن لانگ شادو داشته باشه یا خیر این رو هم بگید

    کاربر مقابل از DARKSKIES بابت این پست مفید تشکر کرده است:


  6. Top | #7
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    224
    میزان امتیاز
    27

    پیش فرض

    نقل قول نوشته اصلی توسط O'Sullivan نمایش پست ها
    خیر کاملا اشتباهه

    مثلا شما کد رنگ مدیر کل رو برای من قرار بدید تا من براتون درجش رو بسازم بدم

    در ضمن لانگ شادو داشته باشه یا خیر این رو هم بگید
    بفرما اینم کد رنگ درجه مدریت کل انجمن
    #FF0000
    بله لانگ شادو هم داشته باشه
    ولی اگه ممکنه یدونه بدون لانگ شادو هم بزارید
    ممنون

  7. Top | #8
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    2,262
    میزان امتیاز
    266

    پیش فرض

    نقل قول نوشته اصلی توسط ATOM نمایش پست ها
    بفرما اینم کد رنگ درجه مدریت کل انجمن
    #FF0000
    بله لانگ شادو هم داشته باشه
    ولی اگه ممکنه یدونه بدون لانگ شادو هم بزارید
    ممنون
    بدون لانگ شادو


    کد:
    <style>.daraje28{   display: block;overflow:hidden;background:  #F00; margin: 2px auto;border-radius: 3px;font-size: 13px;  font-family:Yekan,"Source Sans Pro",sans-serif;padding: 12px 0px;color:  #FFF;text-align: center;line-height: 1;}.daraje28:hover {top:3px;border-bottom:0px solid #c0392b;color:#fff !important} </style>    <center style="padding: 10px 0px;"><a class="daraje28"  >مدیریت کل انجمن</a></center>

    اینم با لانگ شادو

    کد:
    <style>.daraje2{  display:block;overflow:hidden;  text-shadow: 1px 1px rgb(214, 0, 0), 2px 2px rgb(214, 0, 0), 3px 3px rgb(214, 0, 0), 4px 4px rgb(214, 0, 0), 5px 5px rgb(214, 0, 0), 6px 6px rgb(214, 0, 0), 7px 7px rgb(214, 0, 0), 8px 8px rgb(214, 0, 0), 9px 9px rgb(214, 0, 0), 10px 10px rgb(214, 0, 0), 11px 11px rgb(214, 0, 0), 12px 12px rgb(214, 0, 0), 13px 13px rgb(214, 0, 0), 14px 14px rgb(214, 0, 0), 15px 15px rgb(214, 0, 0), 16px 16px rgb(214, 0, 0), 17px 17px rgb(214, 0, 0), 18px 18px rgb(214, 0, 0), 19px 19px rgb(214, 0, 0), 20px 20px rgb(214, 0, 0), 21px 21px rgb(214, 0, 0), 22px 22px rgb(214, 0, 0), 23px 23px rgb(214, 0, 0), 24px 24px rgb(214, 0, 0), 25px 25px rgb(214, 0, 0), 26px 26px rgb(214, 0, 0), 27px 27px rgb(214, 0, 0), 28px 28px rgb(214, 0, 0), 29px 29px rgb(214, 0, 0), 30px 30px rgb(214, 0, 0), 31px 31px rgb(214, 0, 0), 32px 32px rgb(214, 0, 0), 33px 33px rgb(214, 0, 0), 34px 34px rgb(214, 0, 0), 35px 35px rgb(214, 0, 0), 36px 36px rgb(214, 0, 0), 37px 37px rgb(214, 0, 0), 38px 38px rgb(214, 0, 0), 39px 39px rgb(214, 0, 0), 40px 40px rgb(214, 0, 0), 41px 41px rgb(214, 0, 0), 42px 42px rgb(214, 0, 0), 43px 43px rgb(214, 0, 0), 44px 44px rgb(214, 0, 0), 45px 45px rgb(214, 0, 0), 46px 46px rgb(214, 0, 0), 47px 47px rgb(214, 0, 0), 48px 48px rgb(214, 0, 0), 49px 49px rgb(214, 0, 0), 50px 50px rgb(214, 0, 0), 51px 51px rgb(214, 0, 0), 52px 52px rgb(214, 0, 0), 53px 53px rgb(214, 0, 0), 54px 54px rgb(214, 0, 0), 55px 55px rgb(214, 0, 0), 56px 56px rgb(214, 0, 0), 57px 57px rgb(214, 0, 0), 58px 58px rgb(214, 0, 0), 59px 59px rgb(214, 0, 0), 60px 60px rgb(214, 0, 0), 61px 61px rgb(214, 0, 0), 62px 62px rgb(214, 0, 0), 63px 63px rgb(214, 0, 0), 64px 64px rgb(214, 0, 0), 65px 65px rgb(214, 0, 0), 66px 66px rgb(214, 0, 0), 67px 67px rgb(214, 0, 0), 68px 68px rgb(214, 0, 0), 69px 69px rgb(214, 0, 0), 70px 70px rgb(214, 0, 0), 71px 71px rgb(214, 0, 0), 72px 72px rgb(214, 0, 0), 73px 73px rgb(214, 0, 0), 74px 74px rgb(214, 0, 0), 75px 75px rgb(214, 0, 0), 76px 76px rgb(214, 0, 0), 77px 77px rgb(214, 0, 0), 78px 78px rgb(214, 0, 0), 79px 79px rgb(214, 0, 0), 80px 80px rgb(214, 0, 0), 81px 81px rgb(214, 0, 0), 82px 82px rgb(214, 0, 0), 83px 83px rgb(214, 0, 0), 84px 84px rgb(214, 0, 0), 85px 85px rgb(214, 0, 0), 86px 86px rgb(214, 0, 0), 87px 87px rgb(214, 0, 0), 88px 88px rgb(214, 0, 0), 89px 89px rgb(214, 0, 0), 90px 90px rgb(214, 0, 0), 91px 91px rgb(214, 0, 0), 92px 92px rgb(214, 0, 0), 93px 93px rgb(214, 0, 0), 94px 94px rgb(214, 0, 0), 95px 95px rgb(214, 0, 0), 96px 96px rgb(214, 0, 0), 97px 97px rgb(214, 0, 0), 98px 98px rgb(214, 0, 0), 99px 99px rgb(214, 0, 0), 100px 100px rgb(214, 0, 0), 101px 101px rgb(214, 0, 0), 102px 102px rgb(214, 0, 0), 103px 103px rgb(214, 0, 0), 104px 104px rgb(214, 0, 0), 105px 105px rgb(214, 0, 0), 106px 106px rgb(214, 0, 0), 107px 107px rgb(214, 0, 0), 108px 108px rgb(214, 0, 0), 109px 109px rgb(214, 0, 0), 110px 110px rgb(214, 0, 0), 111px 111px rgb(214, 0, 0);background: #F00; margin: 2px auto;border-radius: 3px;font: 13px Yekan,"Source Sans Pro",sans-serif;font:Yekan,"Source Sans Pro",sans-serif;padding: 12px 0px;color: #FFF;text-align: center;line-height: 1;}    .daraje2:hover {color:#fff !important;   } </style>   <center style="padding: 10px 0px;"><a class="daraje2" >مدیریت کل انجمن</a></center>

    2 تشکر توسط:


  8. Top | #9
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    224
    میزان امتیاز
    27

    پیش فرض

    نقل قول نوشته اصلی توسط O'Sullivan نمایش پست ها
    بدون لانگ شادو


    کد:
    <style>.daraje28{   display: block;overflow:hidden;background:  #F00; margin: 2px auto;border-radius: 3px;font-size: 13px;  font-family:Yekan,"Source Sans Pro",sans-serif;padding: 12px 0px;color:  #FFF;text-align: center;line-height: 1;}.daraje28:hover {top:3px;border-bottom:0px solid #c0392b;color:#fff !important} </style>    <center style="padding: 10px 0px;"><a class="daraje28"  >مدیریت کل انجمن</a></center>

    اینم با لانگ شادو

    کد:
    <style>.daraje2{  display:block;overflow:hidden;  text-shadow: 1px 1px rgb(214, 0, 0), 2px 2px rgb(214, 0, 0), 3px 3px rgb(214, 0, 0), 4px 4px rgb(214, 0, 0), 5px 5px rgb(214, 0, 0), 6px 6px rgb(214, 0, 0), 7px 7px rgb(214, 0, 0), 8px 8px rgb(214, 0, 0), 9px 9px rgb(214, 0, 0), 10px 10px rgb(214, 0, 0), 11px 11px rgb(214, 0, 0), 12px 12px rgb(214, 0, 0), 13px 13px rgb(214, 0, 0), 14px 14px rgb(214, 0, 0), 15px 15px rgb(214, 0, 0), 16px 16px rgb(214, 0, 0), 17px 17px rgb(214, 0, 0), 18px 18px rgb(214, 0, 0), 19px 19px rgb(214, 0, 0), 20px 20px rgb(214, 0, 0), 21px 21px rgb(214, 0, 0), 22px 22px rgb(214, 0, 0), 23px 23px rgb(214, 0, 0), 24px 24px rgb(214, 0, 0), 25px 25px rgb(214, 0, 0), 26px 26px rgb(214, 0, 0), 27px 27px rgb(214, 0, 0), 28px 28px rgb(214, 0, 0), 29px 29px rgb(214, 0, 0), 30px 30px rgb(214, 0, 0), 31px 31px rgb(214, 0, 0), 32px 32px rgb(214, 0, 0), 33px 33px rgb(214, 0, 0), 34px 34px rgb(214, 0, 0), 35px 35px rgb(214, 0, 0), 36px 36px rgb(214, 0, 0), 37px 37px rgb(214, 0, 0), 38px 38px rgb(214, 0, 0), 39px 39px rgb(214, 0, 0), 40px 40px rgb(214, 0, 0), 41px 41px rgb(214, 0, 0), 42px 42px rgb(214, 0, 0), 43px 43px rgb(214, 0, 0), 44px 44px rgb(214, 0, 0), 45px 45px rgb(214, 0, 0), 46px 46px rgb(214, 0, 0), 47px 47px rgb(214, 0, 0), 48px 48px rgb(214, 0, 0), 49px 49px rgb(214, 0, 0), 50px 50px rgb(214, 0, 0), 51px 51px rgb(214, 0, 0), 52px 52px rgb(214, 0, 0), 53px 53px rgb(214, 0, 0), 54px 54px rgb(214, 0, 0), 55px 55px rgb(214, 0, 0), 56px 56px rgb(214, 0, 0), 57px 57px rgb(214, 0, 0), 58px 58px rgb(214, 0, 0), 59px 59px rgb(214, 0, 0), 60px 60px rgb(214, 0, 0), 61px 61px rgb(214, 0, 0), 62px 62px rgb(214, 0, 0), 63px 63px rgb(214, 0, 0), 64px 64px rgb(214, 0, 0), 65px 65px rgb(214, 0, 0), 66px 66px rgb(214, 0, 0), 67px 67px rgb(214, 0, 0), 68px 68px rgb(214, 0, 0), 69px 69px rgb(214, 0, 0), 70px 70px rgb(214, 0, 0), 71px 71px rgb(214, 0, 0), 72px 72px rgb(214, 0, 0), 73px 73px rgb(214, 0, 0), 74px 74px rgb(214, 0, 0), 75px 75px rgb(214, 0, 0), 76px 76px rgb(214, 0, 0), 77px 77px rgb(214, 0, 0), 78px 78px rgb(214, 0, 0), 79px 79px rgb(214, 0, 0), 80px 80px rgb(214, 0, 0), 81px 81px rgb(214, 0, 0), 82px 82px rgb(214, 0, 0), 83px 83px rgb(214, 0, 0), 84px 84px rgb(214, 0, 0), 85px 85px rgb(214, 0, 0), 86px 86px rgb(214, 0, 0), 87px 87px rgb(214, 0, 0), 88px 88px rgb(214, 0, 0), 89px 89px rgb(214, 0, 0), 90px 90px rgb(214, 0, 0), 91px 91px rgb(214, 0, 0), 92px 92px rgb(214, 0, 0), 93px 93px rgb(214, 0, 0), 94px 94px rgb(214, 0, 0), 95px 95px rgb(214, 0, 0), 96px 96px rgb(214, 0, 0), 97px 97px rgb(214, 0, 0), 98px 98px rgb(214, 0, 0), 99px 99px rgb(214, 0, 0), 100px 100px rgb(214, 0, 0), 101px 101px rgb(214, 0, 0), 102px 102px rgb(214, 0, 0), 103px 103px rgb(214, 0, 0), 104px 104px rgb(214, 0, 0), 105px 105px rgb(214, 0, 0), 106px 106px rgb(214, 0, 0), 107px 107px rgb(214, 0, 0), 108px 108px rgb(214, 0, 0), 109px 109px rgb(214, 0, 0), 110px 110px rgb(214, 0, 0), 111px 111px rgb(214, 0, 0);background: #F00; margin: 2px auto;border-radius: 3px;font: 13px Yekan,"Source Sans Pro",sans-serif;font:Yekan,"Source Sans Pro",sans-serif;padding: 12px 0px;color: #FFF;text-align: center;line-height: 1;}    .daraje2:hover {color:#fff !important;   } </style>   <center style="padding: 10px 0px;"><a class="daraje2" >مدیریت کل انجمن</a></center>
    خیلی خیلی ممنون

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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. جدول های HTML
    توسط Ostad در انجمن آموزش های وی بولتین
    پاسخ: 0
    آخرين نوشته: 2013/08/18, 10:42 AM
  2. قاب های HTML
    توسط Ostad در انجمن آموزش های وی بولتین
    پاسخ: 0
    آخرين نوشته: 2013/08/18, 10:40 AM
  3. قرار دادن favicon با استفاده از HTML در استایل ها html
    توسط Mr.Amirhossein در انجمن هک و آموزش های مخصوص
    پاسخ: 0
    آخرين نوشته: 2013/08/17, 04:32 PM
  4. مشکل : &#60;HTML&#62;&#60;/HTML&#62;Unexpected Text در نصب وی بی
    توسط mahdimh20_20 در انجمن پرسش و پاسخ
    پاسخ: 2
    آخرين نوشته: 2012/09/29, 12:05 AM
  5. مشکل فوری در Html
    توسط bvk در انجمن پرسش و پاسخ
    پاسخ: 5
    آخرين نوشته: 2011/11/17, 08:20 PM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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