اضافه کردن دکمه زیبا به قالب جوملا

[tabcms 11]

با سلام

قصد دارم براتون آموزش اضافه کردن دکمه های زیبا رو تو قالب جوملا آموزش بدم که بعد از اضافه کردن بتونید تو هر قسمتی که خواستین استفاه کنید...

و اما آموزش:

1- فایل پیوست رو دانلود کنید و از حالت zip خارج کنید.

2-تصویر موجود در پوشه رو در پوشه css قالب آپلود کنید.

3-فایل buttons.css رو باز کرده و تمامی محتویات اون رو داخل یکی از فایل css قالبتون کپی کنید.(برای مثال در style.css یا template.css )

4- حالا در مدیریت جوملا میتونید با کد زیر دکمه رو اضافه کنید.

<a class="button big green" href="#">
     Big Button
   </a>

فایل پیوست : http://up.tabrizcms.com/do.php?filename=1362165465211.zip

البته این آموزش برای دوستان مبتدی بود ! اساتید خودشون مسلما بلد بودن

[samadblaj 10]

سلام ببخشید من تمامی مراحل رو رفتم اما این کد رو نمیدونم کجا باید بنویسم؟؟؟

<a class="button big green" href="#">

Big Button

</a>

[ابوالفضل طالبی 279]

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

button big green را وارد کنید

[drsmsco 30]

میشه یه نمونه demo براش بزارین ؟؟؟؟

[samadblaj 10]

سلام اصلا توضیحات برای یک مبتدی کافی نبود...

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

button big green را وارد کنید

دوست عزیز این روششما رو هم تست کردم نشد (یه متن رو هایلات کردم و از منوی بالای ادیتور لینک رو انتخاب کردم و در فیلد لینک اینو button big green نوشتم اما اتفاقی نیفتاد فقط لینک دار شد).

لطفا راهنمایی کنید.

[amirhacker 26]

اون عبارت را باید در قسمت کلاس لینک بنویسید

[samadblaj 10]

ببخشید کلاس لینک چیه ؟ کجاست؟

[amirhacker 26]

چیزی که به ذهنم میاد وقتی لینک را ایجاد کردید در ادیتور روی آیکون html می زنی و کدی که بالا بچه ها گفتند را بهش اضافه می کنی (ادیت میکنی)

[samadblaj 10]

چیزی که به ذهنم میاد وقتی لینک را ایجاد کردید در ادیتور روی آیکون html می زنی و کدی که بالا بچه ها گفتند را بهش اضافه می کنی (ادیت میکنی)

بله این روش شد ولی در بعضی جاها ادیتور نیست باید چیکار کنم؟ یعنی میخوام قسمتی که در سورس سایت نوشته جستجو رو دکمه ای کنم؟؟؟

[amirhacker 26]

اگه می خواهید برای همه لینک ها اعمال کنید باید برید به فایل template.css یا layout.css و قسمتی که مربوط به a# یعنی لینک ها میشه را ویرایش کنید و کد بالا را بگذارید. البته خیلی مطمئن نیستم

تست کنید

[hamid80 10]

با سلام

من می خواهم دکمه زیبای که شما گذاشتین در دکمه ادامه مطلب بیارم وقتی که تغییر کد زدم این کد نمایش داد <hr id="system-readmore" /> حالا می خواهم بدانم چه طور می شه این کدو تو دکمه ادامه مطلب فراخوانیش کرد البته نه برای یک مطلب بلکه برا یکلیه مطالبی که توش ادامه مطلب گذاشتیم