
با درود خدمت کاربران عزیز پروان وب !
شاید در خیلی از سایت دیده باشین وقتی متنی از یه کارکتری بیشتر میشه ، خودکار سه تا نقطه ( . . . ) برای ادامه مطلب و نشون دادن اینکه اقا این مطلب ادامه هم داره استفاده میشه !!! برای اینکار ما نیاز به آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت داریم 🙂
مام امروز قصد داریم تا این کد رو برای شما با استفاده از 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 های دلخواه خودتان را اضافه نمایید.
خب این آموزش هم خیلی ریز به پایان رسید ، هرگونه سوالی بود بنده در قسمت نظرات در خدمتم
یاعلی
نویسنده وبسایت پروان وب
نویسنده وبسایت پروان وب
ثبت نظر جدید لغو پاسخ
لیست نظرات
-
فروش قالب وردپرس نوین دانلود – آپدیت جدید
10 آذر 1397213 ۴,۹۵۸ 5 -
دانلود قالب قبلی سایت پروان وب برای وردپرس + آپدیت جدید
7 بهمن 1393148 ۱,۰۳۰ 1 -
فروش قالب موزیک و سریال وردپرس پارسبان
14 بهمن 1393122 ۱,۹۹۳ 0 -
افزونه مدیریت حرفه ای کاربران وردپرس User Pro فارسی | افزونه یوزر پرو
28 مرداد 139782 ۴,۵۹۷ 5 -
فروش قالب دانلود وردپرس نوین دانلود نسخه 2 – قالب سایت دانلود
3 آبان 139982 ۱۰,۲۰۲ 4.2
-
بهترین نوع بخاری برای گلخانه گیاهان زینتی | راهنمای مقایسه و انتخاب
17 بهمن 14030 ۱۰ 5 -
بهترین گوشیهای شیائومی با بالاترین ارزش خرید
16 بهمن 14030 ۹ 5 -
قوانین آپارتماننشینی و بازی کودکان
12 بهمن 14030 ۱۱ 5 -
با بهترین مینی پیسیهای دنیا آشنا شوید
8 بهمن 14030 ۱۰ 5 -
چگونه هزینه تبلیغات در گوگل را محاسبه کنیم؟
7 بهمن 14030 ۳۰ 5
تبلیغات متنی
به این مطالب نیز شاید علاقه مند باشید ...
مطالب مشابه
چگونه هزینه تبلیغات در گوگل را محاسبه کنیم؟
هزینه تبلیغات در گوگل موضوع مهمی است که شما هنگام استفاده از این پلتفرم تبلیغاتی برای کسبوکار خود باید به آن توجه کنید. گوگل ادز به کسب و کار شما کمک میکند که با تبلیغات هدفمند، در نتایج جستجو و سایتهای مختلف دیده شوید. اما یکی از چالشهای اصلی در این مسیر، مدیریت بهینه هزینهها […]
تبلیغاتی که هیچکس نمیتواند آنها را نادیده بگیرد! (فرمول موفقیت)
در گذشتۀ نهچندان دور، تمام کسبوکارها برای تبلیغات به روشهای سنتی مانند تبلیغات در رادیو، تلویزیون، روزنامه و تراکت متکی بودند. اما امروزه، تبلیغات اینترنتی جایگزین روشهای سنتی گذشته شده است و بهعنوان روشی قدرتمند و مؤثر در تمام کشورهای دنیا به کار برده میشود. اگر شما هم دوست دارید برای کسبوکارتان بهترین تبلیغات را […]
بهترین راهحل برای مدیریت و جمعآوری اطلاعات با فرم ساز وردپرس
امروزه مدیریت و جمعآوری اطلاعات از کاربران بهویژه برای وبسایتهای کسبوکارهای آنلاین اهمیت ویژهای پیدا کرده است. از دریافت اطلاعات تماس تا ثبتنام کاربران و حتی نظرسنجیها، همه به فرمهایی نیاز دارند که به شکلی کاربر پسند و ساده در اختیار مخاطبان قرار بگیرد. افزونههای فرمساز وردپرس یکی از ابزارهای قدرتمند برای این کار هستند […]
آموزش نصب و فعالسازی ماژول ioncube روی هاست و لوکال هاست
در این مقاله، نحوه نصب و فعالسازی ماژول ionCube روی هاست و لوکال هاست را آموزش میدهیم. IonCube یکی از ابزارهای قدرتمند برای رمزگذاری و محافظت از کدهای PHP است که برای توسعهدهندگان بسیار مفید است. این راهنما شامل مراحل نصب، نکات و ترفندها، و پاسخ به سوالات متداول است. آموزش ویدئویی نصب ماژول ioncube […]
دستتون درد نکنه بسیار کاربردی بود
خواهش میکنم
وظیفه اس …
سلام ممنونم واقعا عالی بود
من در کسب و کارم کوتاه کننده لینک استفاده نمودم با تشکر
مطلبتون عالی بود خیلی ممنون
خواهش میکنم ، موفق باشید
سلام
مطالب خوبی به اشتراک گذاشتید
موفق باشید
کپی و بدرد نخور
درود بر شما چطوری میشه وقتی کاربر روی 3 نقطه کلیک کرد بقیه متن بیاد؟
باسلام
با جاوااسکریپت باید اینکار انجام بشه