قرار دادن خط یا تصویر بین دو مطلب
با سلام به همه دوستان
می خواستم بین دو مطلب خط یا تصویری بگذارم که دو مطلب از هم جدا شوند . چه طور باید این کار را انجام دهم.
در ضمن برای انداختن خط نمی خواهم از border-bottom استفاده کنم.
میخواهم یک عکس مثلا یک اسلیمی بین دو مطلب بندازم.
برای ماژول هم میخوام این کار رو کنم یعنی مطالب رو مثلا در ماژول آخرین ارسالها را با یک عکس از هم جدا کنم
با تشکر
البته بیشتر منظورم تصویره نه خط ;)
** دو پست شما یکی شد.
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
سلام
این کد رو به انتهای فایل CSS قالبتون اضافه کنید:
کد:
span.article_seperator {
background: url(../images/line.png) no-repeat;
display: block;
height: 10px;
}
تصویر موردنظر رو هم با نام line.png در پوشه images قالب آپلود کنید.
توجه: فایل شما ممکنه نام یا پسوند دیگه ای داشته باشه، در اینصورت نام فایل در کد CSS هم باید همنام فایل موردنظر شما باشه.
یا علی
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
دوست عزیز من کد را وارد کردم ولی اتفاق خاصی نیفتاد.در ضمن من جوملا 1.5 استفاده میکنم.
ممنون میشم کمک کنید
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
آدرس سایتتون رو لطفا بفرمایید.
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
من روی لوکال امتحان کردم.
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
من هم روی لوکال تست کردم و بعد به شما گفتم!
مطمئن هستید این کد رو در فایل CSS قرار دادید که در قالب لود میشه؟
عکس رو در پوشه موردنظر قرار دادید؟
ممکنه فایل CSS از cache مرورگرتون خونده میشه. Ctrl + F5 رو بزنید یا با مرور گر دیگه ای تست کنید.
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
دوست عزیز نشد. من چند تا css دارم.template.css , templat-rtl.css , blue.css که در همه تغییرات رو دادم ولی نشد.
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
کد رو در انتهای این فایل ها اضافه می کنید؟
فایلی که به پوشه images اضافه می کنید، دقیقا با نامی که در کد وارد می کنید مطابقت داره؟ مطمئنید که پسوند فایل رو مشاهده می کنید؟
تصویری که در این پوشه قرار میدید رو جایی آپلود کنید و آدرسش رو اینجا بصورت کد قرار بدید تا بررسی کنیم.
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
عکس :
** لینک ها تصحیح شدند
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
در فایل template.css ، خط 252 رو حذف کنید:
یا علی
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
قربون دستت ولی اونم حذف کردم نشد.
شرمنده :-[
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
بهرحال این کد، همون کدی هست که برای نمایش عکس باید بکار بگیرید و من هم تست کردم و مشکلی نداشت.
برای اینکه مطمئن بشید، می تونید با یک قالب دیگه تست کنید.
احتمالا مشکل رو باید در قالب شما جستجو کرد.
اگر قالبتون رو روی سایت نصب کنید، می تونیم راهنماییتون کنیم.
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
ممنون . با قالب دیگه تست می کنم ببینم چی میشه.
خداوند خیرتان دهاد ;)
[hr]
درست فرمودید مشکل در قالب من بود. تو قالب دیگه درست کار کرد.
تشکر
[hr]
ببخشید یک سوال دیگه:
اگه بخوام همین کارو تو یک ماژول مثلا thumbsup انجام بدم چه کار باید بکنم. تو خود این ماژول از border-bottom استفاده کرده.
ممنون میشم راهنمایی کنید ;)
** سه ارسال شما یکی شد !
پاسخ : قرار دادن خط یا تصویر بین دو مطلب
اگر ماژول موردنظر از یک تگ برای جدا کردن مطالب استفاده کنه، باید همین کلاس رو برای اون تگ اعمال کنید.
در غیر اینصورت یا از همون border-bottom باید استفاده کنید، یا اینکه از این کد برای همون تگ استفاده کنید:
کد:
TAG {
background: url(../images/line.png) bottom no-repeat;
}
که TAG همون تگ موردنظر شماست که براش border-bottom تعریف شده.
یا اگر این کار هم امکان پذیر نبود، ماژول توسعه داده بشه که مطالب رو با یک تگ جدا کنه.
یا علی