امیر محمد دینی 
با درود خدمت کاربران عزیز پروان وب !
شاید در خیلی از سایت دیده باشین وقتی متنی از یه کارکتری بیشتر میشه ، خودکار سه تا نقطه ( . . . ) برای ادامه مطلب و نشون دادن اینکه اقا این مطلب ادامه هم داره استفاده میشه !!! برای اینکار ما نیاز به آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت داریم 🙂
مام امروز قصد داریم تا این کد رو برای شما با استفاده از CSS3 بذاریم که براحتی بتونین با اون تعریف کنین که اگر متن ما از فلان قدر بیشتر شد بقیه اش رو سه تا نقطه ( . . . ) بزن ! پس با آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت از وب سایت پروان وب همراه ما باشید !!
آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت
شما به طور مثال کد زیر رو در نظر بگیرین :
<div class=”parvanweb”>پروان وب</div>
این یک کد html هست که ادامه ادامه با css ترکیبش میکنیم !!
حال css زیر را به کدهای css خود اضافه کنید. :
.parvanweb{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
به همین راحتی ولی خب چند نکته هست که براتون در پایین ذکر میکنم :
- به جای تگ div در html میتونین هر تگ نوشتاری دیگه مثله h1,h2,h3,h4,p,span. و . . . استفاده کنین
- تگی که نوشته درون آن قرار می گیرد حتما باید width داشته باشد به طور مثال width:100px این کار برای آن است که اگر نوشته از 100px بیشتر شود به سه نقطه محدود شود.
- به تگی که در آن نوشته قرار دارد می توانید برای دیزاین css های دلخواه خودتان را اضافه نمایید.
خب این آموزش هم خیلی ریز به پایان رسید ، هرگونه سوالی بود بنده در قسمت نظرات در خدمتم
یاعلی
نویسنده وبسایت پروان وب
ثبت نظر جدید
لیست نظرات
-
چگونه از غول های فارسی بک لینک رایگان بگیریم ؟!!!
15 فروردين 140418 1,300 0 -
افزونه پنل کاربری حرفه ای و بهترین افزونه ثبت نام وردپرس MemberShip Pro درگاه زرین پال
12 شهريور 139915 5,341 5 -
افزایش سرعت بارگذاری – بهترین افزونه های کش وردپرس
20 آذر 139314 319 0 -
دانلود افزونه Gravity Forms : ساخت انواع فرم های وردپرس
27 آذر 139313 408 0 -
ارسال خودکار مطالب وردپرس به تلگرام، اینستاگرام و سایر شبکه‌های اجتماعی
1 ارديبهشت 14049 3,557 0 -
آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت
8 تير 13969 1,809 3 -
معرفی 7 افزونه ساخت سایت مشاور املاک وردپرس
21 ارديبهشت 14049 2,980 4.8 -
آموزش افزونه حتما بخوانید وردپرس
25 بهمن 13958 397 5
-
6 افزونه رمزگذاری لینک دانلود در وردپرس + مقایسه + آموزش WordPress Download Manager
7 خرداد 14040 461 0 -
معرفی افزونه‌های ریست کامل سایت وردپرس + مقایسه + آموزش
6 خرداد 14040 288 0 -
معرفی افزونه‌های جلوگیری از نظرات اسپم و هرزنامه در وردپرس + مقایسه + آموزش
6 خرداد 14040 278 0 -
دامین اتوریتی چیست و چگونه آن را افزایش دهیم؟ + افزایش اعتبار دامنه و پیج اتوریتی (Domain Authority)
5 خرداد 14040 300 0 -
چگونه بر فعالیت کاربران سایت وردپرس نظارت کنیم؟ | ردیابی و بررسی رفتار کاربر در وردپرس
5 خرداد 14040 296 0 -
چگونه خطای Missed Schedule در وردپرس را حل کنیم؟ | ارور زمانبندی از دست رفته
4 خرداد 14040 25 0 -
چگونه خطای سرچ کنسول گوگل با عنوان “Clickable Elements Too Close Together” را در المنتور حل کنیم؟
4 خرداد 14040 38 0 -
چگونه مشکل لود نشدن المنتور را حل کنیم؟ | 5 روش حل خطا لودینگ و باز نشدن المنتور
3 خرداد 14040 41 0
تبلیغات متنی
به این مطالب نیز شاید علاقه مند باشید ...
مطالب مشابه
چطور با تبلیغات گوگل مشتریانی پیدا کنید که واقعا خریدارند؟
تصور کنید بودجه تبلیغاتی خود را صرف یک کمپینی کردید که فقط بازدیدکننده می‌آورد، اما هیچ‌کس از شما خرید نمی‌کند. به نظر شما این ناامید کننده نیست؟ تبلیغات گوگل ادز می‌تواند کسب و کار شما را به مشتریان واقعی و آماده خرید متصل کند؛ به شرطی که استراتژی درستی داشته باشید. این ابزار قدرتمند به شما این […]
ادمین
6 افزونه رمزگذاری لینک دانلود در وردپرس + مقایسه + آموزش WordPress Download Manager
معرفی افزونه‌های رمزگذاری لینک دانلود در وردپرس در دنیای دیجیتال امروز، اگر فایلی برای دانلود در سایت وردپرسی خود قرار می‌دهید، حتماً با دغدغه‌ی امنیت و مدیریت دسترسی مواجه شده‌اید. بسیاری از مدیران وب‌سایت‌ها به دنبال راهی برای رمزگذاری لینک دانلود در وردپرس هستند تا فقط کاربران مجاز بتوانند به فایل‌های خاص دسترسی پیدا کنند. […]
سیدعلی سعادت
معرفی افزونه‌های ریست کامل سایت وردپرس + مقایسه + آموزش
معرفی افزونه‌های ریست کامل سایت وردپرس در برخی شرایط، مخصوصاً هنگام طراحی، تست یا رفع خطاهای مختلف، ممکن است نیاز به ریست کامل سایت وردپرس داشته باشید. این کار با استفاده از افزونه ریست سایت وردپرسی به سادگی قابل انجام است. ریست کردن باعث می‌شود تمام محتواها، تنظیمات و داده‌های سفارشی حذف شده و سایت […]
سیدعلی سعادت
معرفی افزونه‌های جلوگیری از نظرات اسپم و هرزنامه در وردپرس + مقایسه + آموزش
معرفی افزونه‌های جلوگیری از نظرات اسپم و هرزنامه در وردپرس نظرات اسپم یکی از چالش‌های بزرگ برای صاحبان وب‌سایت‌های وردپرسی است. این دیدگاه‌های ناخواسته علاوه بر تأثیر منفی بر سئو، باعث اشغال منابع سرور و کاهش اعتماد کاربران می‌شوند. خوشبختانه، افزونه‌های متعددی برای جلوگیری از درج کامنت اسپم در وردپرس وجود دارد که می‌توانند با […]
سیدعلی سعادت
دستتون درد نکنه بسیار کاربردی بود
خواهش میکنم
وظیفه اس …
سلام ممنونم واقعا عالی بود
من در کسب و کارم کوتاه کننده لینک استفاده نمودم با تشکر
مطلبتون عالی بود خیلی ممنون
خواهش میکنم ، موفق باشید
سلام
مطالب خوبی به اشتراک گذاشتید
موفق باشید
کپی و بدرد نخور
درود بر شما چطوری میشه وقتی کاربر روی 3 نقطه کلیک کرد بقیه متن بیاد؟
باسلام
با جاوااسکریپت باید اینکار انجام بشه