webpouyan

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

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

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

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

با سپاس

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

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

Share this post


Link to post
Share on other sites

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

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

موفق باشید . gift

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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 تبدیل کنید .. محل و نحوه ایجاد کردنش هم که مهندس طالبی بهش اشاره کردن ...

Share this post


Link to post
Share on other sites

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

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

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

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


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

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

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


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