ادیتور پیشرفته Artof Editor سازگار با جوملا 1.5 و 1.6
|
۲۶-۴-۱۳۹۰, ۰۵:۱۱ عصر
ارسال: #12
|
|||
|
|||
RE: ادیتور پیشرفته Artof Editor سازگار با جوملا 1.5 و 1.6
ظاهرا کسی اطلاعاتی در مورد این ادیتور نداره یا با این مشکل مواجه نشده
من وظیفه خودم میدونم تا اطلاعاتی رو که در مورد هرچی که به دست می آورم بین دیگران تقسیم کنم البته شاید دوستان بلد باشن ولی این توضیحات رو برای اونایی که نمیدانند می گذارم اگه کمی و کسری داشت به بزرگواری خودشان ببخشند. خوب در حالت عادی که در Artof Editor جدول رسم میکنید بدون تنظیمات خاصی کدی رو که در پایین قرار می دهم به ما می دهد. <table align="center" border="1" cellpadding="1" cellspacing="1" dir="rtl" style="width: 500px;"> <tbody> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </tbody> </table> <p> </p> خوب حالا این کد رو تو notepat کپی کنید و آن را به فرمت html ذخیره کنید میبینید که جدول به همان صورت که در ویرایشگر قرار دادید عمل میکند . ولی اگه در مطالب سایت قرار بدهید متوجه خواهید شد که در مطالب سایت به صورت مخفی قرار میگیرد یعنی ستون و ردیف و سلول های جدول نمایش داده نمی شود (شاید در قالب های پیشفرض نمایش داده شود ) هدف من از این آموزش فقط برای کسانی است که قالب آنها با این ادیتور مشکل دارد. خوب حالا برویم سراغ کد ی که قرار خودمان برای جدول بسازیم لازم است بگم این کد در همه قالب ها و همه زبان های برنامه نویسی تحت وب کاربرد دارد این کد تنظیمات زیادی رو برای شما فراهم می کند تا بتوانید جدول مورد نظر را ترسیم کنید. به کد زیر دقت کنید ! <center> <br /> <table dir="rtl" style="border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 204); border-collapse: collapse; font-family: tahoma,arial,helvetica,sans-serif; width: 438px; height: 147px;"> <tbody> <tr> <td style="border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; font-weight: bold; border-right: #000 1px solid" width="215"> یک</td> <td style="border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; font-weight: bold; border-right: #000 1px solid" width="215"> دو</td> </tr> میبیند که این کد دو سلول برای جدول و با پس زمینه زرد به وجود آورده این کد با کدی که در قسمت بالا وارد کردیم چند تفاوت وجود دارد( به غیر از رنگ و تعداد ستون و ردیف) کدی که خود ساختیم دارای تنظیمات بیشتر و تغییر ستون و ردیف به صورت تکی این کد برگرفته از سی اس ا س و اچ تی ام ال و پی اچ پی می باشد.شما می توانید با قرار دادن کد رنگ ها و اندازه بردار جدول خود را رسم کنید. این کد نتیجه همین کدی که در بالا برای شما قرار دادم البته با تعداد ستون و ردیف شما می توانید نتیجه بهتری از این کد بگیرید. <center> <p dir="rtl" style="text-align: center"> <span style="font-family: tahoma, arial, helvetica, sans-serif"><strong>متن بالای جدول</strong></span></p> <br /> <table dir="rtl" style="border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); text-align: center; background-color: rgb(255, 255, 204); border-collapse: collapse; font-family: tahoma,arial,helvetica,sans-serif; width: 438px; height: 147px;"> <tbody> <tr> <td style="border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; font-weight: bold; border-right: #000 1px solid" width="215"> یک</td> <td style="border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; font-weight: bold; border-right: #000 1px solid" width="215"> دو</td> </tr> <tr> <td style="border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> سه</td> <td bgcolor="#ffffff" style="border-bottom: #000 1px solid; border-left: #000 1px solid; background-color: #fff; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> چهار</td> </tr> <tr> <td style="border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> یازده</td> <td bgcolor="#ffffff" style="border-bottom: #000 1px solid; border-left: #000 1px solid; background-color: #fff; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> پنج</td> </tr> <tr> <td style="border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> شش</td> <td bgcolor="#ffffff" style="border-bottom: #000 1px solid; border-left: #000 1px solid; background-color: #fff; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> <img border="0" src="عکس" style="width: 17px; height: 15px" />عکس</td> </tr> <tr> <td style="border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> هفت</td> <td bgcolor="#ffffff" style="border-bottom: #000 1px solid; border-left: #000 1px solid; background-color: #fff; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> دوازده</td> </tr> <tr> <td style="border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> هشت</td> <td bgcolor="#ffffff" style="border-bottom: #000 1px solid; border-left: #000 1px solid; background-color: #fff; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> سیزده</td> </tr> <tr> <td style="border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> نه</td> <td bgcolor="#ffffff" style="border-bottom: #000 1px solid; border-left: #000 1px solid; background-color: #fff; border-top: #000 1px solid; border-right: #000 1px solid" width="215"> ده</td> </tr> </tbody> </table> <center> اگر نتوانستم توضیح دقیق نسبت به این کد بدهم دوستان ببخشند چون این روز ها حسابی سرم شلوغ همین هم از وقت استراحتم زدم انشالله که مورد تایید مدیران و واقع شده باشد موفق باشید |
|||
|
|
کاربرانِ درحال بازدید از این موضوع: 1 مهمان