m3hdi

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

4 پست در این موضوع

سلام . من تو قالبی که دارم طراحی می کنم از فونت آیکن استفاده میکنم و می خوام آیکن های که مربوط به ایمیل و پرینت می باشد تبدیل کنم به فونت آیکن ...اما دقیق نمی دونم چطور و به چه صورت این کار انجام بدم .

کد مربوط به آیکن های پرینت و ایمیل به صورت زیر است ::

<?php if ($params->get('show_print_icon')) : ?>
		<li class="print-icon">
			<?php echo JHtml::_('icon.print_popup', $this->item, $params); ?>
		</li>
		<?php endif; ?>

<?php if ($params->get('show_email_icon')) : ?>
		<li class="email-icon">
			<?php echo JHtml::_('icon.email', $this->item, $params); ?>
		</li>
		<?php endif; ?>

و فونت آیکن هایی که میخواهم در این قسمت قرار بدم به صورت زیر است ::

پرینت :

<span class="glyphicon glyphicon-print"></span>

ایمیل :

<span class="glyphicon glyphicon-envelope"></span>

مشکلی که وجود داره دقیق نمیدونم کدوم قسمت مربوط نمایش آیکن ها را حذف کنم که اون حالت تگ img حذف بشه و امکان لینک شدن به فونت آیکن ها داده بشود ....

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

اگه با فایرباگ اون قسمتها رو بگیری مشاهده میکنی که تکه کد زیر هست:

مثلا برای قسمت ایمیل:

<a onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;" title="ایمیل" href="/joomla19/index.php/component/mailto/?tmpl=component&template=sj_news25&link=80cb02ac7bda7760c20fedab7f7235d043e7dab0"><img alt="ایمیل" src="/joomla19/media/system/images/emailButton.png"></a>

حالا در کد بالا بجای:

<img alt="ایمیل" src="/joomla19/media/system/images/emailButton.png">

ایون بزار:

[color=#000080]<span class=[color=#0000FF]"glyphicon glyphicon-envelope"[/color]>[/color][color=#000080]</span>[/color]

Share this post


Link to post
Share on other sites

ضمناً شما میتونید یه پوشه با نام system توی قالب خودتون ایجاد کنید بعد آیکن های خودتونو با همون نام خودشون تو اون پوشه قرار بدید(printicon - emailicon)

Share this post


Link to post
Share on other sites
اگه با فایرباگ اون قسمتها رو بگیری مشاهده میکنی که تکه کد زیر هست:

مثلا برای قسمت ایمیل:

<a onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;" title="ایمیل" href="/joomla19/index.php/component/mailto/?tmpl=component&template=sj_news25&link=80cb02ac7bda7760c20fedab7f7235d043e7dab0"><img alt="ایمیل" src="/joomla19/media/system/images/emailButton.png"></a>

حالا در کد بالا بجای:

<img alt="ایمیل" src="/joomla19/media/system/images/emailButton.png">

ایون بزار:

[color=#000080]<span class=[color=#0000FF]"glyphicon glyphicon-envelope"[/color]>[/color][color=#000080]</span>[/color]

مهندس من کاری با فایر باگ ندارم چون فایر باگ میاد و اون دستور php کامپایل میکنه و html بهم نشون میده ...

طبق کدی که در بالا قرار دادم دستور مربوط به نمایش آیکن ها به صورت زیر است ::


<?php if ($params->get('show_print_icon')) : ?>
<li class="print-icon">
			<?php echo JHtml::_('icon.print_popup', $this->item, $params); ?>
</li>
<?php endif; ?>

و کد مربوط به آیکن ایمیل ::

<?php if ($params->get('show_email_icon')) : ?>
<li class="email-icon">
	<?php echo JHtml::_('icon.email', $this->item, $params); ?>
</li>
<?php endif; ?>

دستورات بالا که مشاهده کنید می بینید که اصلا تگی به اسم تگ img که ذکر کردید نداره ::

<img alt="ایمیل" src="/joomla19/media/system/images/emailButton.png">

در دستور مربوط به پرینت با استفاده از دستورات اصلی خود جوملا اومده و گفتی وقتی بروی ایکن پرینت { که اصلا نمیدونم آدرس دهی اون به چه صورت هستش } وقتی کلیک کردش صفحه پاپ آپ باز بشه ... { که اصلا نه تگی با عنوان a وجود داره و نه تگی با عنوان img }

حتی در تگ مربوط به ایمیل هم تقریبا به همین صورت هستش ...

من در اینجا میخوام اگر امکان داره جای اونها font Icon مروبطه را وارد کنم ...

ضمناً شما میتونید یه پوشه با نام system توی قالب خودتون ایجاد کنید بعد آیکن های خودتونو با همون نام خودشون تو اون پوشه قرار بدید(printicon - emailicon)

همونطور که گفتم و در عنوان هستش من میخوام از فونت آیکن استفاده کنم و نه آیکن های معمولی ...

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری