-
قرار دادن چند عکس در زیر هم و تغییر نکردن سایز عکس
سلام
1- در [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] قسمتی هست که عکسش رو در پایین گذاشتم. من خواستم یه همچین چیزی در گوشه سمت چپ سایتم داشته باشم ولی اگر به [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] نگاه کنید میبینید که در وسط قرار گرفته و فاصله بین دو لینک هم خیلی زیاده چی کار کنم که درست بشود. من این کار رو توی ماژول HTML سفارشی انجام دادم

2- اگر [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] را باز کنید و بعد browser خود را مینی مایز کنید مشاهده میکنید عکسی که در هدر قرار دارد سایزش تغییر نمیکند همچنین عکسی که کنار اسلاید شو قرار دارد
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
-
-
07-21-2014 09:04 PM
# ADS
تبلیغات در جوملا فارسی
-
سلام
چندتا عکس بزار تو ماژول دستی بعد سمت راستشون کن ، لینک بده . تمام
سایز عکس رو در فتوشاپ تعیین کن .
اگر Shift+Enter رو بزنی فاصله کمی باز میکند .
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
-
-
از کد زیر استفاده کردم توی ماژول Html دموی آنلاین هم گذاشتم
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
کد:
<ul>
<li>
<a href="http://www.leader.ir/"><img src="http://monji.zgig.ir/monji/images/link/ADV635138997061215312.jpg" /></a></li>
<li>
<a href="http://president.ir/"><img src="http://monji.zgig.ir/monji/images/link/ADV635138997254809062.jpg" /></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- عکسها باید در گوشه سمت چپ قرار بگیرند (مثل آخرین اخبار که در سمت راست قرار دارد) همچنین فاصله بین دو عکس هم خیلی زیاده
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
-
-
برای حذف دایره ها ، از مسیر
monji/templates/my-template/css/template.css
فایل رو باز کنید . و #menu { رو پیدا کنید و font-size: 54px; برابر صفر قرار دهید .
قالب قحطی نیست میتونید قالب های زیبا تری دانلود کنید .
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
-
کاربر مقابل از mehdininja عزیز به خاطر این پست مفید تشکر کرده است:
-
متشکر
اشکال از اینجا بود که اشتباهی id دایو menu بود در صورتی که id اختصاص داده شده در css روی other-website بود
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
-
علاقه مندی ها (Bookmarks)