طراحي شبيه سايت راكت تم

[sarj 31]

باعرض سلام

دوستان لطفا لينك زير رو بررسي بفرماييد؛آيا كامپوننتي وجود داره كه بتونه بروي هر تصوير كه ميري چندتا باتن نمايش بده كه هر كدوم به يك جاي خاص لينك بشن؟شبيه همين بخش سايت راكت تم؟

RocketTheme - Joomla Templates

ممنونم!

[sarj 31]

بیا بالا...!!!

[hda2295 11]

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

[Mahboobe.Maleki 53]

این جور دکمه ها رو باید بصورت دستی استایل بدین

منظورم اینه که در مطلب یا ماژول html تون، باید ویرایشگر رو در حالت کد قرار بدید و از استایل های ویژه ای که برای این کار نوشتید استفاده کنید

این کد اون دکمه های راکت تم هست

<div class="content">
		<div class="image-container">
			<img src="/images/joomla/templates/paradigm/master.jpg" alt="">
			<div class="image-overlay">
				<div class="button-surround">
					<a data-modal="" href="/joomla/templates/paradigm/modal/presets" class="grey icon-wrench">Presets</a>						<a href="/joomla/templates/paradigm" class="grey icon-tasks">Details</a>						<a href="http://demo.rockettheme.com/joomla/paradigm/" class="blue icon-eye-open">Demo</a>						<a data-modal="" href="/joomla/templates/paradigm/modal/downloads" class="orange icon-download-alt">Download</a>					</div>
			</div>
						</div>
		<span class="title">Paradigm</span>

				</div>

[behfam 10]

ممنون از کدی که کذاشتین یه لطفی میکنین بگین چطور میتونم این کد رو توی یه وبسایت استفاده کنم من تازه کارم و css هم بلد نیستم ممنون میشم راهنمایی بفرمایید

[Vahid Taheri 74]

یک کد Html و css ساده این کار رو انجام میده

با این نمونه توجه کنید : CSS Image Hover Overlay

کد سی اس اس رو در قالب میگذارید و کد اچ تی ام ال رو در مطلب یا هر جای دیگه که خواستین. جای + هم هر کد html خواستید بزارید تا روی تصویر نشون بده

موفق باشید