Kamali

جلوگیری از دو سطر شدن عناوین در باکس

8 پست در این موضوع قرار دارد

با سلام و احترام .

ببخشید من میخواستم بدونم چجوری بعضی سایتها ، از دو سطر شدن عناوینشون در یک باکس جلوگیری میکنن و به وسیله ی سه نقطه ( ... ) بیننده رو از طولانی بودن اون عنوان مطلع می کنن ؟

دقیقا مثله عکس زیر که یکی از عنوان ها طولانی تر از بقیه س و همونطور که می بینید به جای اینکه عنوان رو به دو سطر برسونه ، 3 نقطه گذاشته .

screen213133.png.08f5038b87a38edab3fb4722ffb99bb3.png

 

چجوری میشه اینکارو کرد ؟ منم نمیخوام هیچ عنوانم در یک باکس ، بیشتر از یک سطر بشه ، حتی اگه طولانی باشه .

به اشتراک گذاری این پست


لینک به پست

سلام. میتونید از تابع زیر استفاده کنید:

function mytheme_custom_title( $limit ) {
    $title = get_the_title()
    $title = substr( $title, 0, $limit );
    $title = substr( $title, 0, strripos( $title, " " ) );
    $title = trim( preg_replace( '/\s+/', ' ', $title ) );
    $title = $title . '...';
    return $title;
}

تابع رو بگذارید توی فایل فانکشن پوسته، بعد تو فایل های مختلف پوسته (هرجا که نیازتونه) از تابع بالا به این صورت استفاده کنید:

//be jaye the_title(); gharar bedid :
echo mytheme_custom_title(50); //50 ya har meghdare delkhah

 

به اشتراک گذاری این پست


لینک به پست
در 42 دقیقه قبل، فرحان گفته است :

سلام. میتونید از تابع زیر استفاده کنید:


function mytheme_custom_title( $limit ) {
    $title = get_the_title()
    $title = substr( $title, 0, $limit );
    $title = substr( $title, 0, strripos( $title, " " ) );
    $title = trim( preg_replace( '/\s+/', ' ', $title ) );
    $title = $title . '...';
    return $title;
}

تابع رو بگذارید توی فایل فانکشن پوسته، بعد تو فایل های مختلف پوسته (هرجا که نیازتونه) از تابع بالا به این صورت استفاده کنید:


//be jaye the_title(); gharar bedid :
echo mytheme_custom_title(50); //50 ya har meghdare delkhah

 

 

تشکر ولی منظور من با تابع نبود ، من میخوام از طریق css اینکارو انجام بدم ، به وسیله ی css نمیشه دستوری رو واسه اینکار نوشت ؟ css دستوری واسه اینکار نداره ؟

به اشتراک گذاری این پست


لینک به پست
#div2 {
    white-space: nowrap; 
    width: 200px; 
    overflow: hidden;
    text-overflow: ellipsis; 
   
}

 

به اشتراک گذاری این پست


لینک به پست
در 9 ساعت قبل، Rohani گفته است :

#div2 {
    white-space: nowrap; 
    width: 200px; 
    overflow: hidden;
    text-overflow: ellipsis; 
   
}

 

تشکر ولی تغییری ایجاد نشد !

به اشتراک گذاری این پست


لینک به پست
در در 4/14/2017 at 08:50، Kamali گفته است :

تشکر ولی تغییری ایجاد نشد !

کدی که براتون گذاشتن رو چجوری استفاده کردین ؟ اون #div2 باید به المنت مورد نظرتون تغییر کنه.

به اشتراک گذاری این پست


لینک به پست
در 10 ساعت قبل، فرحان گفته است :

کدی که براتون گذاشتن رو چجوری استفاده کردین ؟ اون #div2 باید به المنت مورد نظرتون تغییر کنه.

بله اینو میدونم و دقیقا در استایل باکس مورد نظرم گذاشتم ولی متأسفانه کار نکرد ، کد کامله و هیچی اضافه نمیخواد بشه ؟

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری