قرار دادن چند عکس در زیر هم و تغییر نکردن سایز عکس

[mehran63]

سلام
1- در این سایت (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>) قسمتی هست که عکسش رو در پایین گذاشتم. من خواستم یه همچین چیزی در گوشه سمت چپ سایتم داشته باشم ولی اگر به دموی آنلاین (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>) نگاه کنید میبینید که در وسط قرار گرفته و فاصله بین دو لینک هم خیلی زیاده چی کار کنم که درست بشود. من این کار رو توی ماژول HTML سفارشی انجام دادم

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

2- اگر دموی آنلاین (<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>) را باز کنید و بعد browser خود را مینی مایز کنید مشاهده میکنید عکسی که در هدر قرار دارد سایزش تغییر نمیکند همچنین عکسی که کنار اسلاید شو قرار دارد

[mehdininja]

سلام

چندتا عکس بزار تو ماژول دستی بعد سمت راستشون کن ، لینک بده . تمام

سایز عکس رو در فتوشاپ تعیین کن .

اگر Shift+Enter رو بزنی فاصله کمی باز میکند .

[mehran63]

از کد زیر استفاده کردم توی ماژول Html دموی آنلاین هم گذاشتم
<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>




<ul>
<li>
<a href="<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>"><img src="<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>" /></a></li>
<li>
<a href="<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>"><img src="<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>" /></a></li>
</ul>


کد css اش هم به شکل زیر نوشتم



#other-website {
height: auto;
width: 200px;
line-height:20px;
border-radius: 5px;
background-color:#ECF1F5;
float: left;
margin-top:10px;
clear:both;
}




#other-website ul li {
list-style: none outside none;
}




ولی دو تا مشکل هست
1- کنار هر کدام از عکسها یک دایره همچنان هست
2- عکسها باید در گوشه سمت چپ قرار بگیرند (مثل آخرین اخبار که در سمت راست قرار دارد) همچنین فاصله بین دو عکس هم خیلی زیاده

[mehdininja]

برای حذف دایره ها ، از مسیر

monji/templates/my-template/css/template.css

فایل رو باز کنید . و #menu { رو پیدا کنید و font-size: 54px; برابر صفر قرار دهید .

قالب قحطی نیست میتونید قالب های زیبا تری دانلود کنید .

[mehran63]

متشکر
اشکال از اینجا بود که اشتباهی id دایو menu بود در صورتی که id اختصاص داده شده در css روی other-website بود