loading...

طراحی سایت

بازدید : 65
سه شنبه 1 خرداد 1403 زمان : 13:14

در HTML، از یک سری طرز برای ساخت و ساز متن متحرک به کار گیری میشه که نسبتاً کلیه اونها برای ارتقاء چگونگی خروجی و تنوع اون، با امداد دریافت کردن از CSS و جاوا اسکریپت اعمال میشه. در‌پی به طور خلاصه 4 روشی که میشه با اونها متن متحرک ایجاد کرد رو تحقیق می‌کنیم. به کارگیری از تگ های Blink و ‌marquee در HTML در طراحی سایت در مشهد قضیه کدهای HTML متن متحرک، به کار گیری از تگ های HTML به تنهایی برای ساخت متن متحرک تنوع و توان مانور متعددی در چنگ شما قرار نمیده البته به هرحال در توان خودش و سوای به کار گیری از یارهای کمکی یعنی CSS و جاوااسکریپت میتونه توقعات بی آلایش خیس رو برآورده کنه. یکی‌از تگ ‌هایی که برای این خواسته به کار گیری میشه ،
میباشد که قابلیت تکان دادن متن به طور افقی یا این که عمودی رو آماده میکنه.

برای استعمال از تگ
میتونید از خصوصیت‌ هایی مثل behavior و direction به کار گیری نمائید.

از جمله:

با سبزلرن از فراگیری تا استخدام
این کد منجر میشه متن متبوع از راست به چپ جنبش کنه. مقادیر دیگری مانند up یا این که down رو هم میتونید به کارگیری فرمایید که برای جنبش دادن متن به سمت بالا و زیر استعمال میشن و همچنین loop که تعداد دفعات تکرار جنبش رو گزینش میکنه.

تگ
تگ یک کدام از تگ های دیرین HTML میباشد که برای ساخت و ساز متن چشمک‌ زن در صفحه های اینترنت استعمال میشه. این تگ معمولا برای جلب دقت یوزرها یا این که تاکید روی بخشی از متن به فعالیت میره.

برای به کارگیری از می‌توانید به آسانی متن خویش رو داخل این تگ قرار بدید

با سبزلرن در مرز تکنولوژی
بنابراین متن درون این تگ به طور چشمک زن اکران داده میشه.

ولی بهتره بدونید که به کار گیری از این تگ ها با ابهام و تنوع تکنولوژی های امروز خیر مورد مطلوبی می باشد و خیر منطقی زیرا از حیث استاندارد و با صرفه‌ سازی اینترنت مشکلاتی داره و حتی به وسیله برخی از مرورگرها و استانداردهای تازه اینترنت نگهبانی نمیشه. مسائل رسپانسیو هم بماند!

استعمال از CSS با keyframes


درسته که مقصود، یادگرفتن کدهای HTML متن متحرک میباشد البته احتمالا میدونید که تگ های HTML به صورت بی واسطه توانا به تولید برنامه خردسالان برای ساخت‌و‌ساز متن متحرک نیستن ولی میتونید با به کار گیری از ادغام تگ های HTML و CSS کارتون های متنی خوشگل و جذابی ساخت و ساز نمایید. ادغام این دو تکنولوژی، تجهیزات بیشتری رو برای تولید تکان و تغییرات در متن در دست شما قرار میده.

یکی‌از شیوه های ساخت‌و‌ساز برنامه خردسالان متنی با CSS، به کار گیری از تکنیک keyframes برای تمجید وضعیت های گوناگون متن در زمان فرصت می باشد. با به کارگیری از keyframes در CSS، میتونید جنبش‌های متنی بغرنج ‌خیس و متنوع تری رو تولید فرمائید. مثل تکان از یک جای به جای دیگه یا این که تغییرات در اندازه و رنگ متن.

به عنوان مثال، در صورتیکه بخوایم متنی رو بوسیله تغییرات پیوسته از حیث اندازه و رنگ، متحرک کنیم، با کد پایین قابل اجرا خواهد بود:

@keyframes changeText {
0% { font-size: 16px; color: black; }
50% { font-size: 24px; color: blue; }
100% { font-size: 16px; color: black; }
}

.animated-text {
animation: changeText 3s ease-in-out infinite;
}
این کد CSS یک کارتن تعریف‌و‌تمجید میکنه که متن رو از اندازه 16 پیکسل و رنگ مشکی به اندازه 24 پیکسل و رنگ آبی رنگ تغییر‌و تحول میده و بعد از آن به وضعیت نخستین برمیگرده. در‌این نمونه انتخاب کردیم که برنامه کودکان به بازه زمانی 3 ثانیه و به طور پیوسته تکرار بشه.
هم اکنون در پوشه کدهای HTMLمتن متحرک ، از کلاسی که تولید شد در کنار متن به کار گیری نمایید تا خروجی رو مشاهده کنید :

با سبزلرن حافظه بگیرید و حافظه بدید
این کد منجر میشه انیمیشنی که در ابتدا توضیح دادیم روی متن “با سبزلرن خاطر بگیرید و حافظه بدید” اجرا بشه.

در HTML، از یک سری طرز برای ساخت و ساز متن متحرک به کار گیری میشه که نسبتاً کلیه اونها برای ارتقاء چگونگی خروجی و تنوع اون، با امداد دریافت کردن از CSS و جاوا اسکریپت اعمال میشه. در‌پی به طور خلاصه 4 روشی که میشه با اونها متن متحرک ایجاد کرد رو تحقیق می‌کنیم. به کارگیری از تگ های Blink و ‌marquee در HTML در طراحی سایت در مشهد قضیه کدهای HTML متن متحرک، به کار گیری از تگ های HTML به تنهایی برای ساخت متن متحرک تنوع و توان مانور متعددی در چنگ شما قرار نمیده البته به هرحال در توان خودش و سوای به کار گیری از یارهای کمکی یعنی CSS و جاوااسکریپت میتونه توقعات بی آلایش خیس رو برآورده کنه. یکی‌از تگ ‌هایی که برای این خواسته به کار گیری میشه ،
میباشد که قابلیت تکان دادن متن به طور افقی یا این که عمودی رو آماده میکنه.

برای استعمال از تگ
میتونید از خصوصیت‌ هایی مثل behavior و direction به کار گیری نمائید.

از جمله:

با سبزلرن از فراگیری تا استخدام
این کد منجر میشه متن متبوع از راست به چپ جنبش کنه. مقادیر دیگری مانند up یا این که down رو هم میتونید به کارگیری فرمایید که برای جنبش دادن متن به سمت بالا و زیر استعمال میشن و همچنین loop که تعداد دفعات تکرار جنبش رو گزینش میکنه.

تگ
تگ یک کدام از تگ های دیرین HTML میباشد که برای ساخت و ساز متن چشمک‌ زن در صفحه های اینترنت استعمال میشه. این تگ معمولا برای جلب دقت یوزرها یا این که تاکید روی بخشی از متن به فعالیت میره.

برای به کارگیری از می‌توانید به آسانی متن خویش رو داخل این تگ قرار بدید

با سبزلرن در مرز تکنولوژی
بنابراین متن درون این تگ به طور چشمک زن اکران داده میشه.

ولی بهتره بدونید که به کار گیری از این تگ ها با ابهام و تنوع تکنولوژی های امروز خیر مورد مطلوبی می باشد و خیر منطقی زیرا از حیث استاندارد و با صرفه‌ سازی اینترنت مشکلاتی داره و حتی به وسیله برخی از مرورگرها و استانداردهای تازه اینترنت نگهبانی نمیشه. مسائل رسپانسیو هم بماند!

استعمال از CSS با keyframes


درسته که مقصود، یادگرفتن کدهای HTML متن متحرک میباشد البته احتمالا میدونید که تگ های HTML به صورت بی واسطه توانا به تولید برنامه خردسالان برای ساخت‌و‌ساز متن متحرک نیستن ولی میتونید با به کار گیری از ادغام تگ های HTML و CSS کارتون های متنی خوشگل و جذابی ساخت و ساز نمایید. ادغام این دو تکنولوژی، تجهیزات بیشتری رو برای تولید تکان و تغییرات در متن در دست شما قرار میده.

یکی‌از شیوه های ساخت‌و‌ساز برنامه خردسالان متنی با CSS، به کار گیری از تکنیک keyframes برای تمجید وضعیت های گوناگون متن در زمان فرصت می باشد. با به کارگیری از keyframes در CSS، میتونید جنبش‌های متنی بغرنج ‌خیس و متنوع تری رو تولید فرمائید. مثل تکان از یک جای به جای دیگه یا این که تغییرات در اندازه و رنگ متن.

به عنوان مثال، در صورتیکه بخوایم متنی رو بوسیله تغییرات پیوسته از حیث اندازه و رنگ، متحرک کنیم، با کد پایین قابل اجرا خواهد بود:

@keyframes changeText {
0% { font-size: 16px; color: black; }
50% { font-size: 24px; color: blue; }
100% { font-size: 16px; color: black; }
}

.animated-text {
animation: changeText 3s ease-in-out infinite;
}
این کد CSS یک کارتن تعریف‌و‌تمجید میکنه که متن رو از اندازه 16 پیکسل و رنگ مشکی به اندازه 24 پیکسل و رنگ آبی رنگ تغییر‌و تحول میده و بعد از آن به وضعیت نخستین برمیگرده. در‌این نمونه انتخاب کردیم که برنامه کودکان به بازه زمانی 3 ثانیه و به طور پیوسته تکرار بشه.
هم اکنون در پوشه کدهای HTMLمتن متحرک ، از کلاسی که تولید شد در کنار متن به کار گیری نمایید تا خروجی رو مشاهده کنید :

با سبزلرن حافظه بگیرید و حافظه بدید
این کد منجر میشه انیمیشنی که در ابتدا توضیح دادیم روی متن “با سبزلرن خاطر بگیرید و حافظه بدید” اجرا بشه.

نظرات این مطلب

تعداد صفحات : 0

درباره ما
موضوعات
آمار سایت
  • کل مطالب : 581
  • کل نظرات : 0
  • افراد آنلاین : 2
  • تعداد اعضا : 0
  • بازدید امروز : 82
  • بازدید کننده امروز : 1
  • باردید دیروز : 119
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 203
  • بازدید ماه : 298
  • بازدید سال : 2410
  • بازدید کلی : 29429
  • <
    پیوندهای روزانه
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    کدهای اختصاصی