joomla

ایجاد خط جدا کننده بین مطالب سایت

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

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

مطلب اول

_________________________________________________

مطلب دوم

_________________________________________________

مطلب سوم

________________________________________________

مطلب چهارم

_______________________________________________

الی آخر

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

اين كه كاري نداره !

اولا هنگام ارسال مطلب مي توني از طريق منو اين كارو بكني.

در ضمن كد HTML مربوط به خط انداختن هم <hr> هست.

موفق باشي.

Share this post


Link to post
Share on other sites

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

چون قبلا یه قالب داشتم همینجوری بود ولی الان مطالب چسبیده به هم

ممنون

Share this post


Link to post
Share on other sites

دوست عزیز شما باید از کدهای css استفاده نمایید .

که باید کد html کادر مطالبتون رو پیدا کنید و با css رنگ و حاشیه و .... بدید.

اگر این کد html نبود باید خودتون به قالب اضافه کنید.

یا علی.

Share this post


Link to post
Share on other sites

ممنون دوست عزیز. میشه کدش رو بهم بدین تا اضاف کنم به css قالبم؟ آخه خود قالب نداره

ممنون

Share this post


Link to post
Share on other sites

درود

با این دو ابزاری که تو عکس مشخص کردم می تونید خط جدا کننده داشته باشید این ابزار ها در ادیتور ها موجوده

[ATTACH=CONFIG]872[/ATTACH]

Share this post


Link to post
Share on other sites

سلام:oom:

اگر میشه یه نفر این مطلب رو توضیح بده،توضیحات بالا کامل نیست!

Share this post


Link to post
Share on other sites
سلام:oom:

اگر میشه یه نفر این مطلب رو توضیح بده،توضیحات بالا کامل نیست!

سلام همانطور که دوستان هم اشاره کردند شما از خود ادیتور هم برای ایجاد خط جدا کننده میتونید استفاده کنید در تصویر مشخه...

[ATTACH=CONFIG]2407[/ATTACH]

Share this post


Link to post
Share on other sites
سلام همانطور که دوستان هم اشاره کردند شما از خود ادیتور هم برای ایجاد خط جدا کننده میتونید استفاده کنید در تصویر مشخه...

[ATTACH=CONFIG]2407[/ATTACH]

بله اینو میدونم!

برای 200 تا مطلب بخوام هرکدوم رو برم اینو بزارم سخته!

اگه میشه کدی که باید توی قالب بزارم رو بگید!

Share this post


Link to post
Share on other sites
بله اینو میدونم!

برای 200 تا مطلب بخوام هرکدوم رو برم اینو بزارم سخته!

اگه میشه کدی که باید توی قالب بزارم رو بگید!

سلام دوست من برای اینکه یه خط جدا کننده بین مطالبت داشته باشی این کار هارو دنبال کن

تو گام اول به آدرس زیر برو

روت هاست > templates > اسم قالبت > css

حالا فایل joomla.css رو جهت ویرایش باز کنید

در خط 29 کد زیر رو مشاهد میکنید

span.item-separator,.item-separator{clear:both;display:block;min-height:30px}

با افزایش یا کاهش 30px فاصله بین متونتون تغییر میکنه و کم و زیاد میشه حالا برای اینکه این فاصله رنگی بشه و مثل یک خط باعث جدا شدن مطلبتون بشه شما باید یه رنگ پس زمینه هم براش تعیین کنید بنابر این کد زیر رو در کد بالا اضافه کنید

background-color:#444444

کد رنگ رو خودتون تغییر بدین (الان برای نمونه من از کد خاکستری استفاده کردم "#444444 " )

اینم بدونین که برای جدا کردن تکه کد از کد قبلی باید از کاراکتر " ; " استفاده کنید.

اینم کد کامل شده بالا :

span.item-separator,.item-separator{clear:both;display:block;background-color:#444444;min-height:30px}

ویرایش شده در توسط Morteza Fard Saffari

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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