حالت موضوعی | حالت خطی

**taghdir**

با سلام و خسته نباشید میخواستم یک جدول بسازم مثل ای یا شبیه این
[تصویر: zjpbh52a6zju.jpg]

ممنون میشم راهنمای کنید Joomla 2.5

**taghdir**

سلامی دو باره من این جدول هارو پیدا کردم اما نمیدونم چطور استفاده کنم دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

**Reza Ganji**

دوست عزیز فایل راهنما داره داخلش البته به انگلیسی.هرچند اون سایتی که گذاشتید نمیشد ازش دانلود کرد.
index.html موجود در پوشه help را باز کنید تا مشاهده کنید.شما باید فقط کدهای دلخواه و مورد نیاز را کپی کنید و از فایل استخراج کنید چون در هر صفحه سه مدل جدول قیمت داره.
برای فارسی سازی نوع فونت و سایز فونت را نیز تغییر دهید

**taghdir**

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

پسورد فایل دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

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

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

**Pourdaryaei**

ببينيد من يه ماژول تجاري ديگه دارم خواستيد ايميلتون رو بديد برات ارسال كنم ، انشالله مشكلت حل بشه ...

بعد قضيه اين آدرس انجمن چيه ؟

**Reza Ganji**

دوست عزیز توجه داشته باشید انجمن برای رفع مشکلات و راهنمایی است و برخی کارها رو هم اگر از دوستان کسی وقت داشته باشه و مایل باشه برای بچه های انجمن انجام میدهند و نیازمند این هم هست شما کمی با اچ تی ام ال و سی اس اس آشنایی داشته باشید.
مثلا همین رو که گفتید من رو سیستمم داشتم و نیازی به آپلود نداشتم.
در پارس جوم هاست نگاه کنید من نمونه 5 تاییش رو استفاده کردم :

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

این کدهای مورد نیاز برای جدول 5 تایی شماره 14 هستش :

کد: (انتخاب همه)

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">



<link rel="stylesheet" type="text/css" href="css/main.css">

<link rel="stylesheet" type="text/css" href="css/hosting-tables.css">



<title>Hosting Table</title>



<!--[if IE 7]>

    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>

<![endif]--> 

    

</head>

<body>

<div id="container">    

    <div id="hosting-table">

        <div class="table_style14 col_5"> 

            <div class="column">

                <ul>

                      <li><strong>Select Your Plan</strong></li>

                    <li class="header_row">

                        <h1>Free</h1>

                        <span>No Paid Anything</span>

                    </li>

                    <li>Disk Space 500 MB <a class="tt" href="#">(?)<span class="tooltip"><span class="triangle-obtuse">Contrary to popular belief. It has roots in a classical Latin</span></span></a></li>

                    <li>Bandwidth Unmetered</li> 

                    <li>Setup Free <a class="tt" href="#">(?)<span class="tooltip"><span class="triangle-obtuse">Do your layouts deserve better than Lorem Ipsum?</span></span></a></li> 

                    <li>1 Free Email Accounts</li>

                    <li>1 FTP Accounts <a class="tt" href="#">(?)<span class="tooltip"><span class="triangle-obtuse">Apply as an art than director Do your</span></span></a></li>

                    <li>Half Privacy</li>

                    <li class="footer_row"><a href="#" class="hosting-button">Add To Cart</a></li>

                </ul>

            </div><!--/ column-->

            <div class="column">

                <ul>

                      <li><strong>Select Your Plan</strong></li>

                    <li class="header_row">

                        <h1>Pro</h1>

                        <span>$30 / month</span>

                    </li>

                    <li>Disk Space 5000 MB</li>

                    <li>Bandwidth Unmetered</li> 

                    <li>Setup Free</li> 

                    <li>5 Free Email Accounts</li>

                    <li>5 FTP Accounts</li>

                    <li>Full Privacy</li>

                    <li class="footer_row"><a href="#" class="hosting-button">Add To Cart</a></li>

                </ul>

            </div><!--/ column-->

            <div class="column">

                <ul>

                      <li><strong>Recommended</strong></li>

                    <li class="header_row">

                        <h1>Platinum</h1>

                        <span>$100 / month</span>

                    </li>

                    <li>Disk Space 20000 MB</li>

                    <li>Bandwidth Unmetered</li> 

                    <li>Setup Free</li> 

                    <li>Unlim Email Accounts</li>

                    <li>Unlim FTP Accounts</li>

                    <li>Full Privacy + SSL</li>

                    <li class="footer_row"><a href="#" class="hosting-button">Add To Cart</a></li>

                </ul>

            </div><!--/ column-->

            <div class="column">

                <ul>

                      <li><strong>Select Your Plan</strong></li>

                    <li class="header_row">

                        <h1>Basic</h1>

                        <span>$20 / month</span>

                    </li>

                    <li>Disk Space 2000 MB</li>

                    <li>Bandwidth Unmetered</li> 

                    <li>Setup Free</li> 

                    <li>3 Free Email Accounts</li>

                    <li>3 FTP Accounts</li>

                    <li>Full Privacy</li>

                    <li class="footer_row"><a href="#" class="hosting-button">Add To Cart</a></li>

                </ul>

            </div><!--/ column-->

            <div class="column">

                <ul>

                      <li><strong>Select Your Plan</strong></li>

                    <li class="header_row">

                        <h1>Premium</h1>

                        <span>$70 / month</span>

                    </li>

                    <li>Disk Space 8000 MB</li>

                    <li>Bandwidth Unmetered</li> 

                    <li>Setup Free</li> 

                    <li>10 Free Email Accounts</li>

                    <li>10 FTP Accounts</li>

                    <li>Full Privacy</li>

                    <li class="footer_row"><a href="#" class="hosting-button">Add To Cart</a></li>

                </ul>

            </div><!--/ column-->  

            <div class="clear"></div>       

        </div><!--/. table_style14--> 

    </div><!--/# hosting-table-->

</div><!--/ container--> 

</body>

</html>

شما این کدها رو باید اضافه کنید حالا در سورس قالب یا با ماژول اچ تی ام ال سفارشی.بعد سی اس اس و فونت هارو هم باید در پوشه قالب قرار دهید و در ابتدای این کد که قرار دادم مسیر فایل های سی اس اس و فونت را چک کنید اگر درست نمایش داده نشد اصلاح کنید.

**taghdir**

انجمن خودمه با مای بی بی زدم.
ممنون مچکر کار باهاش راحته ؟! و مثل این جدول ها جدول میسازه؟
vahid71city@yahoo.com

**Pourdaryaei**

آموزش ساخت جدول به همراه HTML و CSS3 رو از لينك زير ببينيد

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

**Reza Ganji**

در خط 20 برای اینکه دایرکشن جداول تغییر کنه و از راست به چپ باشه البته برای نمایش بهتر اون رو بصورت زیر تغییر بدید :

کد: (انتخاب همه)

<div class="column" dir="rtl">

در فایل سی اس اس هاستینگ-تیبل و خط 135 هم برای قرار گرفتن آیکن تیک در سمت راست کد زیر را استفاده کنید :

کد: (انتخاب همه)

#hosting-table .column li:after {

font-family: 'WebSymbolsRegular';

position: absolute;

content: '/';

font-size: 12px;

overflow: hidden;

right: 12px;

top: 10px;

}

فقط left:12px تبدیل شده به right:12px

حالا تمامی متن ها مانند add to cart و توضیحات رو با توضیحات خودتون جایگزین کنید.

برای علامت سوال ها هم کیبوردتون رو روی زبان فارسی بزارید و علامت سوال فارسی رو جایگزین کنید.

این هم کدی که خودم استفاده کردم برای نمونه ببینید البته ممکنه بازم تغییر نیاز داشته باشه :

کد: (انتخاب همه)

<html>

<head>

<meta charset="utf-8">



<link rel="stylesheet" type="text/css" href="css/main.css">

<link rel="stylesheet" type="text/css" href="css/hosting-tables.css">



<title>جدول قیمت ها</title>



<!--[if IE 7]>

    <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>

<![endif]--> 

    

</head>

<body>

<div id="container">    

    <div id="hosting-table">

        <div class="table_style23 col_5" dir="rtl"> 

            <div class="column">

                <ul>

                      <li><strong>پلن 2048 مگابایتی</strong></li>

                    <li class="header_row">

                        <h1>PARSJOOM 5</h1>

                        <span>120,000 تومان سالیانه</span>

                    </li>

                    <li>دو گیگابایت فضا <a class="tt" href="#">(؟)<span class="tooltip" ><span class="triangle-obtuse">دو گیگابایت فضای اختصاصی میزبانی سایت</span></span></a></li>

                    <li>پهنای باند نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">عدم نگرانی از مصرف پهنای باند برای سایتهای شرکتی و سازمانی و شخصی</span></span></a></li> 

                    <li>نصب رایگان جوملا <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان نصب رایگان نسخه جوملای دلخواه در صورت درخواست مشتریان محترم</span></span></a></li> 

                    <li>پایگاه داده نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان ایجاد پایگاه داده نامحدود</span></span></a></li>

                    <li>پارک دامنه نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">قابلیت پارک دامنه به تعداد نامحدود</span></span></a></li>

                    <li>ساب دامنه نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">قابلیت ایجاد زیردامنه به تعداد نامحدود</span></span></a></li>

                    <li>3 اددآنز دامنه رایگان <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان میزبانی چهار سایت مجزا در این پلان</span></span></a></li>

                    <li>PHP4.4 TO PHP5.6 <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">در تنظیمات هاست شما میتوانید نسخه پی اچ پی دلخواه را برای پشتیبانی از تمامی اسکریپت ها به دلخواه انتخاب کنید</span></span></a></li>

                    <li>انتقال رایگان سایت <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">سایت شما برایگان به سرور پارس جوم منتقل خواهد شد و نیاز نیست نگران انتقال سایت خود باشید</span></span></a></li>

                    <li class="footer_row"><a href="http://www.parsjoomhost.com/cart.php?a=add&pid=5" class="hosting-button">خرید این سرویس</a></li>

                </ul>

            </div><!--/ column-->

            <div class="column">

                <ul>

                      <li><strong>پلن 1024 مگابایتی</strong></li>

                    <li class="header_row">

                        <h1>PARSJOOM 4</h1>

                        <span>65,000 تومان سالیانه</span>

                    </li>

                    <li>یک گیگابایت فضا <a class="tt" href="#">(؟)<span class="tooltip" ><span class="triangle-obtuse">دو گیگابایت فضای اختصاصی میزبانی سایت</span></span></a></li>

                    <li>پهنای باند نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">عدم نگرانی از مصرف پهنای باند برای سایتهای شرکتی و سازمانی و شخصی</span></span></a></li> 

                    <li>نصب رایگان جوملا <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان نصب رایگان نسخه جوملای دلخواه در صورت درخواست مشتریان محترم</span></span></a></li> 

                    <li>پایگاه داده نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان ایجاد پایگاه داده نامحدود</span></span></a></li>

                    <li>پارک دامنه نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">قابلیت پارک دامنه به تعداد نامحدود</span></span></a></li>

                    <li>ساب دامنه نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">قابلیت ایجاد زیردامنه به تعداد نامحدود</span></span></a></li>

                    <li>3 اددآنز دامنه رایگان <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان میزبانی چهار سایت مجزا در این پلان</span></span></a></li>

                    <li>PHP4.4 TO PHP5.6 <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">در تنظیمات هاست شما میتوانید نسخه پی اچ پی دلخواه را برای پشتیبانی از تمامی اسکریپت ها به دلخواه انتخاب کنید</span></span></a></li>

                    <li>انتقال رایگان سایت <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">سایت شما برایگان به سرور پارس جوم منتقل خواهد شد و نیاز نیست نگران انتقال سایت خود باشید</span></span></a></li>

                    <li class="footer_row"><a href="http://www.parsjoomhost.com/cart.php?a=add&pid=4" class="hosting-button">خرید این سرویس</a></li>

                </ul>

            </div><!--/ column-->

            <div class="column">

                <ul>

                      <li><strong>پلن 500 مگابایتی</strong></li>

                    <li class="header_row">

                        <h1>PARSJOOM 3</h1>

                        <span>50,000 تومان سالیانه</span>

                    </li>

                    <li>500 مگابایت فضا <a class="tt" href="#">(؟)<span class="tooltip" ><span class="triangle-obtuse">دو گیگابایت فضای اختصاصی میزبانی سایت</span></span></a></li>

                    <li>پهنای باند نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">عدم نگرانی از مصرف پهنای باند برای سایتهای شرکتی و سازمانی و شخصی</span></span></a></li> 

                    <li>نصب رایگان جوملا <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان نصب رایگان نسخه جوملای دلخواه در صورت درخواست مشتریان محترم</span></span></a></li> 

                    <li>پایگاه داده نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان ایجاد پایگاه داده نامحدود</span></span></a></li>

                    <li>پارک دامنه نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">قابلیت پارک دامنه به تعداد نامحدود</span></span></a></li>

                    <li>ساب دامنه نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">قابلیت ایجاد زیردامنه به تعداد نامحدود</span></span></a></li>

                    <li>0 اددآنز دامنه رایگان <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">این پلن فاقد اددآنز دامنه می باشد</span></span></a></li>

                    <li>PHP4.4 TO PHP5.6 <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">در تنظیمات هاست شما میتوانید نسخه پی اچ پی دلخواه را برای پشتیبانی از تمامی اسکریپت ها به دلخواه انتخاب کنید</span></span></a></li>

                    <li>انتقال رایگان سایت <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">سایت شما برایگان به سرور پارس جوم منتقل خواهد شد و نیاز نیست نگران انتقال سایت خود باشید</span></span></a></li>

                    <li class="footer_row"><a href="http://www.parsjoomhost.com/cart.php?a=add&pid=3" class="hosting-button">خرید این سرویس</a></li>

                </ul>

            </div><!--/ column-->

            <div class="column">

                <ul>

                      <li><strong>پلن 250 مگابایتی</strong></li>

                    <li class="header_row">

                        <h1>PARSJOOM 2</h1>

                        <span>30,000 تومان سالیانه</span>

                    </li>

                    <li>250 مگابایت فضا <a class="tt" href="#">(؟)<span class="tooltip" ><span class="triangle-obtuse">دو گیگابایت فضای اختصاصی میزبانی سایت</span></span></a></li>

                    <li>پهنای باند نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">عدم نگرانی از مصرف پهنای باند برای سایتهای شرکتی و سازمانی و شخصی</span></span></a></li> 

                    <li>نصب رایگان جوملا <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان نصب رایگان نسخه جوملای دلخواه در صورت درخواست مشتریان محترم</span></span></a></li> 

                    <li>پایگاه داده نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان ایجاد پایگاه داده نامحدود</span></span></a></li>

                    <li>پارک دامنه نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">قابلیت پارک دامنه به تعداد نامحدود</span></span></a></li>

                    <li>ساب دامنه نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">قابلیت ایجاد زیردامنه به تعداد نامحدود</span></span></a></li>

                    <li>0 اددآنز دامنه رایگان <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">این پلن فاقد اددآنز دامنه می باشد</span></span></a></li>

                    <li>PHP4.4 TO PHP5.6 <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">در تنظیمات هاست شما میتوانید نسخه پی اچ پی دلخواه را برای پشتیبانی از تمامی اسکریپت ها به دلخواه انتخاب کنید</span></span></a></li>

                    <li>انتقال رایگان سایت <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">سایت شما برایگان به سرور پارس جوم منتقل خواهد شد و نیاز نیست نگران انتقال سایت خود باشید</span></span></a></li>

                    <li class="footer_row"><a href="http://www.parsjoomhost.com/cart.php?a=add&pid=2" class="hosting-button">خرید این سرویس</a></li>

                </ul>

            </div><!--/ column-->

            <div class="column">

                <ul>

                      <li><strong>پلن 100 مگابایتی</strong></li>

                    <li class="header_row">

                        <h1>PARSJOOM 1</h1>

                        <span>20,000 تومان سالیانه</span>

                    </li>

                    <li>100 مگابایت فضا <a class="tt" href="#">(؟)<span class="tooltip" ><span class="triangle-obtuse">دو گیگابایت فضای اختصاصی میزبانی سایت</span></span></a></li>

                    <li>پهنای باند نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">عدم نگرانی از مصرف پهنای باند برای سایتهای شرکتی و سازمانی و شخصی</span></span></a></li> 

                    <li>نصب رایگان جوملا <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان نصب رایگان نسخه جوملای دلخواه در صورت درخواست مشتریان محترم</span></span></a></li> 

                    <li>پایگاه داده نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">امکان ایجاد پایگاه داده نامحدود</span></span></a></li>

                    <li>پارک دامنه نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">قابلیت پارک دامنه به تعداد نامحدود</span></span></a></li>

                    <li>ساب دامنه نامحدود <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">قابلیت ایجاد زیردامنه به تعداد نامحدود</span></span></a></li>

                    <li>0 اددآنز دامنه رایگان <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">این پلن فاقد اددآنز دامنه می باشد</span></span></a></li>

                    <li>PHP4.4 TO PHP5.6 <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">در تنظیمات هاست شما میتوانید نسخه پی اچ پی دلخواه را برای پشتیبانی از تمامی اسکریپت ها به دلخواه انتخاب کنید</span></span></a></li>

                    <li>انتقال رایگان سایت <a class="tt" href="#">(؟)<span class="tooltip"><span class="triangle-obtuse">سایت شما برایگان به سرور پارس جوم منتقل خواهد شد و نیاز نیست نگران انتقال سایت خود باشید</span></span></a></li>

                    <li class="footer_row"><a href="http://www.parsjoomhost.com/cart.php?a=add&pid=1" class="hosting-button">خرید این سرویس</a></li>

                </ul>

            </div><!--/ column-->  

            <div class="clear"></div>       

        </div><!--/. table_style23--> 

    </div><!--/# hosting-table-->

</div><!--/ container--> 

</body>

</html>

**taghdir**

ممنون از پاسخ گوی شما Rose

شرمنده ولی دو پوشه fonts و css رو من آپلود کردم در هاست در پوشه قالبی که استفاده میکنم که میشه
/public_html/templates/1c_flat_blue_soft_1/css/fonts
/public_html/templates/1c_flat_blue_soft_1/css/css
اما درست نمایش داده نمیشه Blush

**Reza Ganji**

public_html/templates حذف کنید و از خود پوشه قالب مسیر دهی شروع میشه.