زمان کنونی: ۲۲-۸-۱۴۰۵, ۰۴:۵۰ صبح درود مهمان گرامی! (ورود — ثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
چگونگی ساخت جدول زیبا
۲۹-۳-۱۳۹۳, ۰۷:۱۴ عصر
ارسال: #18
RE: چگونگی ساخت جدول زیبا
در خط 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>
امضاء Reza Ganji
انجمن پارس جوم
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط taghdir ، Pourdaryaei
ارسال پاسخ 


پیام‌های داخل این موضوع
چگونگی ساخت جدول زیبا - taghdir - ۲۷-۳-۱۳۹۳, ۰۲:۱۴ صبح
RE: چگونگی ساخت جدول زیبا - Pourdaryaei - ۲۷-۳-۱۳۹۳, ۰۲:۲۶ صبح
RE: چگونگی ساخت جدول زیبا - taghdir - ۲۷-۳-۱۳۹۳, ۰۶:۴۴ عصر
RE: چگونگی ساخت جدول زیبا - Pourdaryaei - ۲۷-۳-۱۳۹۳, ۰۸:۲۴ عصر
RE: چگونگی ساخت جدول زیبا - taghdir - ۲۷-۳-۱۳۹۳, ۱۱:۲۳ عصر
RE: چگونگی ساخت جدول زیبا - Pourdaryaei - ۲۸-۳-۱۳۹۳, ۱۲:۵۲ صبح
RE: چگونگی ساخت جدول زیبا - taghdir - ۲۸-۳-۱۳۹۳, ۰۶:۱۴ عصر
RE: چگونگی ساخت جدول زیبا - shaban532 - ۲۸-۳-۱۳۹۳, ۰۶:۲۶ عصر
RE: چگونگی ساخت جدول زیبا - Pourdaryaei - ۲۸-۳-۱۳۹۳, ۰۹:۱۲ عصر
RE: چگونگی ساخت جدول زیبا - taghdir - ۲۸-۳-۱۳۹۳, ۱۰:۴۷ عصر
RE: چگونگی ساخت جدول زیبا - taghdir - ۲۹-۳-۱۳۹۳, ۰۱:۲۷ صبح
RE: چگونگی ساخت جدول زیبا - Reza Ganji - ۲۹-۳-۱۳۹۳, ۰۲:۰۴ صبح
RE: چگونگی ساخت جدول زیبا - taghdir - ۲۹-۳-۱۳۹۳, ۰۶:۲۱ عصر
RE: چگونگی ساخت جدول زیبا - Pourdaryaei - ۲۹-۳-۱۳۹۳, ۰۶:۵۲ عصر
RE: چگونگی ساخت جدول زیبا - Reza Ganji - ۲۹-۳-۱۳۹۳, ۰۷:۰۱ عصر
RE: چگونگی ساخت جدول زیبا - taghdir - ۲۹-۳-۱۳۹۳, ۰۷:۰۵ عصر
RE: چگونگی ساخت جدول زیبا - Pourdaryaei - ۲۹-۳-۱۳۹۳, ۰۷:۰۸ عصر
RE: چگونگی ساخت جدول زیبا - Reza Ganji - ۲۹-۳-۱۳۹۳ ۰۷:۱۴ عصر
RE: چگونگی ساخت جدول زیبا - taghdir - ۲۹-۳-۱۳۹۳, ۰۸:۰۰ عصر
RE: چگونگی ساخت جدول زیبا - Reza Ganji - ۲۹-۳-۱۳۹۳, ۰۸:۰۸ عصر
RE: چگونگی ساخت جدول زیبا - taghdir - ۵-۴-۱۳۹۳, ۰۱:۲۵ صبح

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان