سلام
آشنایی چندانی با css ندارم
آیا ممکن چنین جدولی رو روی ادیتور پیاده کنم؟
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
در واقع این جدول یه index داره که کد head و body توشه و یه فایل css جدا داره
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
میتونی از کد های ایندکس و استایل اینها در سورس قالب سایت خودت یا نوشته ی مطلب خودت تو جوملا استفاده کنینوشته اصلی توسط ndr053 [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
مرسی از شما
در واقع این نوع جدولو تو بعضی از مطالب میخوام بکار ببرم نه در جایی مشخص
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
این امکان (ایجاد Table) در ادیتور پیش فرض جوملا (Tiny MCE)گنجانده شده است
برای استفاده از این امکان شما باید ادیتور جوملا تون رو در حالت پیشرفته ست کنید.برای قرار دادن ادیتور در حالت پیشرفته باید :
به مدیریت پلاگین ها بروید و پلاگین Editor - TinyMCE 2.0 بعد از قسمت پارامترها درفیلد تابعی برروی توسعه یافته ست کنید .
بعد از آن به مدیریت مطالب بروید و دکمه Insert a new table یکی از امکانات این ادیتور است که فعال میشود
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
خیلی ممنون از پاسخ شما
بله من این ادیتور فعال کردم و مشکلی بابت اینسرت کرد table معمولی ندارم
ولی من میخوام دقیقا table که در پست اول لینک دادم درست بشه
همانطوری که گفتم این فایل یه فایل html داره که اینطوری نوشته شده:
و دو فایل css به اسم style و mainکد:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Pricing Tables</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="styles/main.css"/> <!-- pricing table style (style_1.css - style_12.css) --> <link rel="stylesheet" type="text/css" href="styles/style_1.css"/> </head> <body> <!-- pricing table --> <div class="p_table"> <!-- caption column --> <div class="caption_column"> <ul> <!-- column header --> <li class="header_row_1 align_center radius5_topleft"></li> <li class="header_row_2"><h2 class="caption">choose <span>your</span> plan</h2></li> <!-- data rows --> <li class="row_style_4"><span>Amount of space</span></li> <li class="row_style_2"><span>Bandwidth per month</span></li> <li class="row_style_4"><span>No. of e-mail accounts</span></li> <li class="row_style_2"><span>No. of MySql databases</span></li> <li class="row_style_4"><span>24h support</span></li> <li class="row_style_2"><span>Support tickets per mo.</span></li> <!-- column footer --> <li class="footer_row"></li> </ul> </div> <!-- column style 1 --> <div class="column_1"> <!-- ribbon (optional) --> <!--<div class="column_ribbon ribbon_style1_new"></div>--> <!-- /ribbon --> <ul> <!-- column header --> <li class="header_row_1 align_center"><h2 class="col1">starter</h2></li> <li class="header_row_2 align_center"><h1 class="col1">$<span>10</span></h1><h3 class="col1">per month</h3></li> <!-- data rows --> <li class="row_style_3 align_center"><span>10GB</span></li> <li class="row_style_1 align_center"><span>100GB</span></li> <li class="row_style_3 align_center"><span>1</span></li> <li class="row_style_1 align_center"><span>1</span></li> <li class="row_style_3 align_center"><span>Yes</span></li> <li class="row_style_1 align_center"><span>1</span></li> <!-- column footer --> <li class="footer_row"><a href="" class="sign_up radius3">sign up!</a></li> </ul> </div> <!-- column style 2 --> <div class="column_2"> <!-- ribbon (optional) --> <!--<div class="column_ribbon ribbon_style1_new"></div>--> <!-- /ribbon --> <ul> <!-- column header --> <li class="header_row_1 align_center"><h2 class="col2">econo</h2></li> <li class="header_row_2 align_center"><h1 class="col2">$<span>30</span></h1><h3 class="col2">per month</h3></li> <!-- data rows --> <li class="row_style_4 align_center"><span>30GB</span></li> <li class="row_style_2 align_center"><span>200GB</span></li> <li class="row_style_4 align_center"><span>10</span></li> <li class="row_style_2 align_center"><span>10</span></li> <li class="row_style_4 align_center"><span>Yes</span></li> <li class="row_style_2 align_center"><span>3</span></li> <!-- column footer --> <li class="footer_row"><a href="" class="sign_up radius3">sign up!</a></li> </ul> </div> <!-- column style 3 --> <div class="column_3"> <!-- ribbon (optional) --> <!--<div class="column_ribbon ribbon_style1_new"></div>--> <!-- /ribbon --> <ul> <!-- column header --> <li class="header_row_1 align_center"><h2 class="col3">standard</h2></li> <li class="header_row_2 align_center"><h1 class="col3">$<span>59</span></h1><h3 class="col3">per month</h3></li> <!-- data rows --> <li class="row_style_3 align_center"><span>100GB</span></li> <li class="row_style_1 align_center"><span>500GB</span></li> <li class="row_style_3 align_center"><span>50</span></li> <li class="row_style_1 align_center"><span>50</span></li> <li class="row_style_3 align_center"><span>Yes</span></li> <li class="row_style_1 align_center"><span>5</span></li> <!-- column footer --> <li class="footer_row"><a href="" class="sign_up radius3">sign up!</a></li> </ul> </div> <!-- column style 4 --> <div class="column_4"> <!-- ribbon (optional) --> <!--<div class="column_ribbon ribbon_style1_new"></div>--> <!-- /ribbon --> <ul> <!-- column header --> <li class="header_row_1 align_center radius5_topright"><h2 class="col4">professional</h2></li> <li class="header_row_2 align_center"><h1 class="col4">$<span>99</span></h1><h3 class="col4">per month</h3></li> <!-- data rows --> <li class="row_style_4 align_center"><span>Unlimited</span></li> <li class="row_style_2 align_center"><span>1000GB</span></li> <li class="row_style_4 align_center"><span>Unlimited</span></li> <li class="row_style_2 align_center"><span>Unlimited</span></li> <li class="row_style_4 align_center"><span>Yes</span></li> <li class="row_style_2 align_center"><span>10</span></li> <!-- column footer --> <li class="footer_row"><a href="" class="sign_up radius3">sign up!</a></li> </ul> </div> </div> </body> </html>
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
خوب این cssها را میخواهید به page تون لینک کنید ؟
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
لینک نه دقیقا مثل همین توی خبر بزارم
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
خوب اگر بخواهید در مطلب تون table بزنید که از مدیریت مطالب باید این اتفاق بیوفته
اگر برای تمام مطالب میخواهید یک چهار چوبی رو مشخص کنید.
این دقیقا کاریست که در اون لینکی که در پست اولتون گذاشتید انجام شدهکد:<table cellspacing="0" cellpadding="0" width="100%" border="1"> <tr> <td><jdoc:include type="modules" name="right" style="xhtml"/></td> <td><jdoc:include type="component" /></td> <td><jdoc:include type="modules" name="left" style="xhtml"/></td> </tr> </table>
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
دقیقا منظورم همین بوده و منظور شمارو کامل متوجه شدم
ولی این یه table معمولی که نیست مثلا من با کدهای css که در فایل style.css قرار داره چکار کنم؟
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
اون کدها به صفحه لینک کنید
و در table از کلاسها و id های اون فایل css استفاده کنید .
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
مجوز های ارسال و ویرایش
علاقه مندی ها (Bookmarks)