درخواست کد css برای استایل دهی به لیست مجموعه

[webpouyan 10]

با سلام و خسته نبتشید خدمت دوستان

کد css می خواستم برای استایل دادن به لیستی که مجموعه برای مطالب تهیه می کنه.(لیست مطالب مجموعه)

با سپاس

[amirparvaneh 100]

درود و خوش آمد به جوملا فروم

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

[webpouyan 10]

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

[m3hdi 15]

حتما نیاز به دمو آنلاین می باشد . وقتی شما درخواست کد CSS دارید باید طرف دمو آنلاین را مشاهده بکند که یک : منظور دقیق شما را متوجه بشود 2 - اگر نیاز به استایل دهی خاصی بود از طریق کلاس ها و آی.دی ها بتواند کدهای لازم را ایجاد کند .

اکثر دوستان از طریق فایرباگ معمولا کار ادیت CSS و تگهای HTML انجام میدهند برای همین دمو آنلاین واجب است .

موفق باشید . gift

[webpouyan 10]

میخام این لیست:

افزودنی های بتن - رهجویان توسعه زاگرس

شبیه این بشه:

http://www.abadgarangroup.net/products/%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86%DB%8C-%D9%87%D8%A7%DB%8C-%D8%A8%D8%AA%D9%86/100/view/

[webpouyan 10]

دوستان کسی نبود کمک کنه؟

[webpouyan 10]

دمو هم دادیم ولی.....:21:

[webpouyan 10]

دوستان کمک کنند.ممنون

[webpouyan 10]

نبود؟:bala:

[webpouyan 10]

:65d6a5d6s:

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

برای دادن استایل دلخواه به لیست مجموعه های خود باید ابتدا در فایل زیر div هایی در مکانهای مناسب قرار بدید :

مسیر قالب پیشفرض/ html/com_content/category/default_item.php

و بعد به همان div هایی که ایجاد کردید در فایل template.css استایلهای دلخواه رو اعمال کنید

در فایل default_item.php اگر مشاهده کنید نحوه نمایش تیتر ، محتوای مطلب، ایکونها و .. قرار گرفته است

[m3hdi 15]

1 - شما از table استفاده کردید و اون سایتی که نشان دیدید که میخواهید مثل این بشود از div و li استفاده کرده که تفاوتشون بسیار هستش ....

2- اومده به هر Li در صفحه background image داده که بکگراندش عکس یک " تیک " هستش و بعدش اومده از طریق background-position تعیین کرده که در کدام قسمت Li قرار بگیره .

3- بعدش در انتهای صفحه یه همچین اسکریپتی به کار برده ::

$(document).ready(function () {
$('.pro-list > li > a').hover(
function () { $(this).parent().animate({ marginRight: '10px' }) },
function () { $(this).parent().animate({ marginRight: '0px' }) }
);
}) 

که میگه وقتی موس هاور شدش رو هر آیتمی 10 پیکسل بره جلو به حالت انمیشنی و بعدش margin-right صفر بشه ..

شما اول باید بیایید اون حالت table ها را از بین ببرید و به Div تبدیل کنید و هر کدوم از اون گزینه ها رو به یک li تبدیل کنید .. محل و نحوه ایجاد کردنش هم که مهندس طالبی بهش اشاره کردن ...