امیر محمد دینی 
با درود خدمت کاربران عزیز پروان وب !
شاید در خیلی از سایت دیده باشین وقتی متنی از یه کارکتری بیشتر میشه ، خودکار سه تا نقطه ( . . . ) برای ادامه مطلب و نشون دادن اینکه اقا این مطلب ادامه هم داره استفاده میشه !!! برای اینکار ما نیاز به آموزش قرار دادن سه نقطه برای متن های بسیار طولانی در وب سایت داریم 🙂
مام امروز قصد داریم تا این کد رو برای شما با استفاده از 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
-
آموزش خرید تتر در سایت ارزدیجیتال
23 آبان 14030 ۶ 5 -
بهترین درمان صورت نامتقارن + شناسایی علتها
19 آبان 14030 ۶ 5 -
معرفی لوکس ترین هتل های استانبول
13 مهر 14030 ۷۲۵ 5 -
چگونه ویندوز 11 را بدون پاک شدن اطلاعات کامپیوترم نصب کنم؟
18 شهريور 14030 ۶۷۸ 5 -
بهترین سرور مجازی ایران در سال 1403 (معرفی 8 شرکت برتر)
7 شهريور 14030 ۵۱۵ 5
تبلیغات متنی
به این مطالب نیز شاید علاقه مند باشید ...
مطالب مشابه
آموزش نصب و فعالسازی ماژول ioncube روی هاست و لوکال هاست
در این مقاله، نحوه نصب و فعالسازی ماژول ionCube روی هاست و لوکال هاست را آموزش می‌دهیم. IonCube یکی از ابزارهای قدرتمند برای رمزگذاری و محافظت از کدهای PHP است که برای توسعه‌دهندگان بسیار مفید است. این راهنما شامل مراحل نصب، نکات و ترفندها، و پاسخ به سوالات متداول است. آموزش ویدئویی نصب ماژول ioncube […]
وحید رنجبر
تغییر لوگو قالب وردپرس + تغییر لوگو صفحه ورود وردپرس
با عرض سلام خدمت کاربران عزیز پروان وب میخوام اموزش وردپرسی و خدمتتون قرار بدم دو تا آموزش داریم اول: تغییر لوگو قالب وردپرس دوم: تغییر لوگو صفحه ورود وردپرس یا همون لاگین آموزش تغییر لوگو قالب وردپرس ( روش اول ) برای دسترسی به تنظیمات تغییر لوگو قالب وردپرس باید ابتدا از منوی تنظیمات […]
ادمین
کاهش حجم عکس‌ها با استفاده از ابزارهای آنلاین
اهمیت کاهش حجم عکس‌ها کاهش حجم عکس‌ها که از کاربردهای فتوشاپ است، در دنیای امروز، اهمیت چشمگیری پیدا کرده است، زیرا این عمل به تأثیر بسزایی در بهبود عملکرد وب‌سایت‌ها، اشتراک‌گذاری فایل‌ها، و حتی مدیریت فضای ذخیره سازی دارد. از یک سو، افزایش سرعت بارگذاری صفحات وب توسط کاهش حجم عکس‌ها، تجربه کاربری را بهبود […]
ادمین
نرخ کارمزد شرکت های پرداخت
نرخ کارمزد شرکت های پرداخت به میزان هزینه ای اطلاق می گردد که این شرکت ها در ازای ارائه خدمات پرداخت های آنلاین یا اینترنتی از پذیرنده های حقیقی یا حقوقی دریافت می نمایند. در ادامه این نوشتار به تمامی سوالات و ابهاماتی که در این خصوص مطرح می شود پاسخ خواهیم گفت. با ما […]
ادمین
دستتون درد نکنه بسیار کاربردی بود
خواهش میکنم
وظیفه اس …
سلام ممنونم واقعا عالی بود
من در کسب و کارم کوتاه کننده لینک استفاده نمودم با تشکر
مطلبتون عالی بود خیلی ممنون
خواهش میکنم ، موفق باشید
سلام
مطالب خوبی به اشتراک گذاشتید
موفق باشید
کپی و بدرد نخور
درود بر شما چطوری میشه وقتی کاربر روی 3 نقطه کلیک کرد بقیه متن بیاد؟
باسلام
با جاوااسکریپت باید اینکار انجام بشه