امیر محمد دینی 
با درود خدمت کاربران عزیز پروان وب !
شاید در خیلی از سایت دیده باشین وقتی متنی از یه کارکتری بیشتر میشه ، خودکار سه تا نقطه ( . . . ) برای ادامه مطلب و نشون دادن اینکه اقا این مطلب ادامه هم داره استفاده میشه !!! برای اینکار ما نیاز به آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت داریم 🙂
مام امروز قصد داریم تا این کد رو برای شما با استفاده از 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 های دلخواه خودتان را اضافه نمایید.
خب این آموزش هم خیلی ریز به پایان رسید ، هرگونه سوالی بود بنده در قسمت نظرات در خدمتم
یاعلی
نویسنده وبسایت پروان وب
ثبت نظر جدید
لیست نظرات
-
چگونه از غول های فارسی بک لینک رایگان بگیریم ؟!!!
26 اسفند 139518 1,224 0 -
افزونه پنل کاربری حرفه ای و بهترین افزونه ثبت نام وردپرس MemberShip Pro درگاه زرین پال
12 شهريور 139915 5,263 5 -
افزایش سرعت بارگذاری – بهترین افزونه های کش وردپرس
20 آذر 139314 280 0 -
دانلود افزونه Gravity Forms : ساخت انواع فرم های وردپرس
27 آذر 139313 370 0 -
ارسال خودکار مطالب سایت به شبکه های اجتماعی ( ارسال مطالب در تلگرام و اینستاگرام )
14 تير 13979 3,415 0 -
آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت
8 تير 13969 1,738 3 -
معرفی و مقایسه 7 افزونه مشاور املاک وردپرس – ساخت سایت املاک وردپرس
2 ارديبهشت 13979 2,894 5 -
آموزش افزونه حتما بخوانید وردپرس
25 بهمن 13958 367 5
-
آموزش انتخاب کلمات کلیدی پربازدید + 8 ابزار رتبه کلمه کلیدی در گوگل
12 فروردين 14041 1,387 5 -
10 نکته تولید محتوای سئو شده جامع و پیشرفته + ( سئو مطالب وردپرس )
10 فروردين 14040 381 5 -
27 فاکتور سئو داخلی On Page Seo در سال 2025 | آموزش سئو داخلی
8 فروردين 14041 397 5 -
آموزش کامل گوگل سرچ کنسول (Google Search Console) + راهنمای جامع ثبت سایت و افزایش بازدید
3 فروردين 14042 876 5 -
چگونه هزینه تبلیغات در گوگل را محاسبه کنیم؟
7 بهمن 14030 93 5 -
تبلیغاتی که هیچ‌کس نمی‌تواند آن‌ها را نادیده بگیرد! (فرمول موفقیت)
22 آذر 14030 115 5 -
بهترین راه‌حل برای مدیریت و جمع‌آوری اطلاعات با فرم ساز وردپرس
20 آذر 14030 165 5 -
آموزش نصب و فعالسازی ماژول ioncube روی هاست و لوکال هاست
6 خرداد 14038 8,120 5
تبلیغات متنی
به این مطالب نیز شاید علاقه مند باشید ...
مطالب مشابه
آموزش انتخاب کلمات کلیدی پربازدید + 8 ابزار رتبه کلمه کلیدی در گوگل
در تاریخ ۱۱ فروردین ۱۴۰۴ این آموزش به روزرسانی شد | 8 ابزار بررسی کلمات کلیدی اضافه شد. در این مقاله به بررسی وضعیت کلمات کلیدی در گوگل و روش‌های یافتن بهترین کلمات کلیدی می‌پردازیم. همچنین، نحوه انتخاب کلمه کلیدی مناسب و جستجوی کلمات کلیدی را برای بهبود رتبه در نتایج جستجوی گوگل آموزش خواهیم […]
وحید رنجبر
10 نکته تولید محتوای سئو شده جامع و پیشرفته + ( سئو مطالب وردپرس )
آبا این عبارات کلیدی سوالات شما هم بوده است؟ آموزش تولید محتوای سئو شده ، اصول سئو در تولید محتوا ، تولید محتوا بر اساس اصول سئو ، اصول نگارش سئو ، رعایت اصول سئو در محتوا ، اصول محتوای سئو در نویسندگی ، چگونه یک متن را سئو کنیم ، چگونه یک متن سئو […]
ادمین
27 فاکتور سئو داخلی On Page Seo در سال 2025 | آموزش سئو داخلی
در این مقاله به فاکتورهای سئو داخلی، به 27 فاکتور آموزش سئو داخلی سایت (on page seo) در سال 2025 پرداخته ایم. با ما همراه شوید تا سایت خود را با جدید ترین فاکتورهای سئو داخلی 2025 بهینه کنید. آموزش امروز، هدیه ویژه ما برای شما کاربران پروان وب می باشد. در این مقاله یک […]
ادمین
آموزش کامل گوگل سرچ کنسول (Google Search Console) + راهنمای جامع ثبت سایت و افزایش بازدید
1. مقدمه: گوگل سرچ کنسول چیست؟ گوگل سرچ کنسول (Google Search Console) که قبلاً با نام گوگل وبمستر تولز (Google Webmaster Tools) شناخته می‌شد، ابزاری رایگان از گوگل است که برای کمک به صاحبان سایت‌ها و وبمسترها در جهت نظارت، نگهداری و بهبود وب‌سایتشان در نتایج جستجوی گوگل به کار می‌رود. اگر بخواهیم به زبان […]
وحید رنجبر
دستتون درد نکنه بسیار کاربردی بود
خواهش میکنم
وظیفه اس …
سلام ممنونم واقعا عالی بود
من در کسب و کارم کوتاه کننده لینک استفاده نمودم با تشکر
مطلبتون عالی بود خیلی ممنون
خواهش میکنم ، موفق باشید
سلام
مطالب خوبی به اشتراک گذاشتید
موفق باشید
کپی و بدرد نخور
درود بر شما چطوری میشه وقتی کاربر روی 3 نقطه کلیک کرد بقیه متن بیاد؟
باسلام
با جاوااسکریپت باید اینکار انجام بشه