مشکل بهم ریختگی تصاویر در کامپوننت شهدا

[arash2860 11]

سلام

بنده کامپوننت شهدا رو نصب کرده ام

http://www.sedayeabadan.ir/martyr.html

وقتی وارد لینک کامپوننت می شیم تصاویر به جای اینکه سمت راست قرار بگیرند سمت چپ و روی ستون های قالب قرار گرفته اند

متاسفانه سایت پشتیبان کامپوننت جوابی به بنده ندادند

http://martyrs-memories.ir

دوستان و اساتید لطفا راهنمایی بفرمایید چگونه کامپوننت رو با قالبم ست کنم تا تصاویر سمت راست دیده بشن

با سپاس

[arash2860 11]

با حذف ستون نظرسنجی و تبلیغات هم تغییری در مکان تصاویر ایجاد نمی شه

---

[مصطفی صفرعلی 2,891]

با سلام

در مسیر components/com_shohada/assest/css/shohada.css و در خط 138 کد زیر قرار دارد

.img_url_shahid p img {
   border: 1px solid #D2EAEE;
   height: 110px;
   left: 15px;
   margin-top: -30px;
   position: absolute;
   width: 110px;
}

در کد بالا مقدار position را از absolute به relative تغییر دهید

موفق و پیروز باشید

یا حق

:64 (17):

[arash2860 11]

با سپاس از شما

با تغییر کد به relative

تصاویر به سمت راست منتقل می شن اما در جای اصلی خودشون نیستند

عرض هر بخش زیاد می شه

تصویر باید کنار متن قرار بگیره

اما با تغییر کد تصویر می ره بالای مشخصات شهید

---

جای صحیح تصویر

این مشکل در سایت زیر هر دیده می شه:

http://www.daryawebdesign.com/shohada/index.php/shohada-list

[arash2860 11]

با تغییر کد تصویر به سمت راست منتقل می شه اما نافرم

آیا می شه با تغییر کدها گزینه های معرفی شهید رو به صورت یه ستون در کنار تصویر قرار داد؟

[مصطفی صفرعلی 2,891]

با سلام

ابتدا وارد مسیر components/com_shohada/assest/css/shohada.css شوید

در خط 161 کد زیر قرار دارد

div.countsearch {
   border-bottom: 2px solid #666666;
   color: #336666;
   font-size: 14px;
   margin-bottom: 10px;
   padding-bottom: 10px;
}

در کد بالا مقدار margin-bottom را به 20px- تغییر دهید

در خط 138 کد زیر قرار دارد

.img_url_shahid p img {
   border: 1px solid #D2EAEE;
   height: 110px;
   left: 15px;
   margin-top: -30px;
   position: absolute;
   width: 110px;
}

در کد بالا مقدار position را به relative و مقدار left را به 5px تغییر دهید

در خط 6 کد زیر قرار دارد

.readmore_Shohada {
   background-image: url("../images/readmore.png");
   height: 30px;
   width: 100px;
}

خط زیر را به کد بالا اضافه کنید

float: left;

کدهای زیر را هم به انتهای همین فایل اضافه کنید

div.nomicontentins table tbody tr.row0 td.front_1, div.nomicontentins table tbody tr.row1 td.front_1 {
   display: block;
}

div.nomicontentins table tbody tr.row0, div.nomicontentins table tbody tr.row1 {
   display: inline-block;
}

div.nomicontentins table tbody {
   display: inline;
}

div.saparator {
   margin: 0 !important;
}

الان دیگه جوری شد که تصورش رو هم نمیکردی :cool:

موفق و پیروز باشید

یا حق

:64 (17):

[arash2860 11]

صمیمانه از شما سپاسگزارم

باید کامپوننت رو با تغییرات جدید در جایی از فروم برای استفاده دیگران آپلود کنیم

[مصطفی صفرعلی 2,891]

با سلام

خواهش میکنم

باید کامپوننت رو با تغییرات جدید در جایی از فروم برای استفاده دیگران آپلود کنیم

اگر به کدهایی که قرار دادم و گفتم اونا رو در انتهای قالبتون اضافه کنید دقت کنید کدها رو بر اساس دایو موقعیت قالبتون قرار دادم

از آنجا که کدنویسی هر قالب با قالب دیگر متفاوته فلذا استفاده از این کدها برای دیگران میسر نیست

اما میتوانند از این کدها الگوگیری کنند

موفق و پیروز باشید

یا حق

:64 (17):

[amini 32]

درود

طبق تحقیقاتی که کردم این کامپوننت یه صدر در صد عرض صفحه نیاز داره

یعنی اگر شما تمام ساید بار های کنار سایت رو بردارید این کامپوننت درست سر جای خودش میمونه و لازم به دستکاریه CSS ها نیست

لبیک یا حسین(ع)

[مصطفی صفرعلی 2,891]

با سلام

دوست عزیز ، فرمایش شما متین ولی کسی صرفا" به خاطر کمبود عرض دیگه نمیاد که ساید بار حذف کنه !

دلیل تغییرات در CSS هم به همین خاطر هستش تا افزونه با عرضی مناسب در موقعیت دلخواه نمایش داده بشه

در ضمن تغییرات در CSS فقط به لحاظ تغییر عرض نبوده بلکه نحوه نمایش نیز متفاوت شده تا با اختصاص دادن فضای کمتری به درستی نمایش داده بشه

موفق و پیروز باشید

یا حق

:64 (17):

[warrior 0]

سلام، با آرزوی قبولی طاعات و عبادات شما

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

با تشکر

http://nedayemasjed.com/fa/shohada.html