https://docs.joomlafarsi.com/index.php?action=history&feed=atom&title=%D8%AA%D9%81%D8%A7%D9%88%D8%AA_%D8%A8%DB%8C%D9%86_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84_%D9%88_%D9%82%D8%A7%D9%84%D8%A8 2026-04-17T09:29:49Z تاریخچهٔ ویرایش‌های این صفحه در ویکی MediaWiki 1.26.2 https://docs.joomlafarsi.com/index.php?title=%D8%AA%D9%81%D8%A7%D9%88%D8%AA_%D8%A8%DB%8C%D9%86_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84_%D9%88_%D9%82%D8%A7%D9%84%D8%A8&diff=3143&oldid=prev 2012-05-12T10:57:44Z

<p>‏<span dir="auto"><span class="autocomment">Template چیست ؟</span></span></p> <table class='diff diff-contentalign-right'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='fa'> <td colspan='2' style="background-color: white; color:black; text-align: center;">→ نسخهٔ قدیمی‌تر</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">نسخهٔ ‏۱۲ مهٔ ۲۰۱۲، ساعت ۱۰:۵۷</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l25" >سطر ۲۵:</td> <td colspan="2" class="diff-lineno">سطر ۲۵:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Template (قالب) در واقع نتیجه کاری است که یک طراح (طراح وب) به شما می‌دهد که در آن هماهنگی بین عناصر ( در تمپلت وب بین رنگ و فونت و&#160; ... ) موجود در صفحه بایکدیگر مشهود است.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Template (قالب) در واقع نتیجه کاری است که یک طراح (طراح وب) به شما می‌دهد که در آن هماهنگی بین عناصر ( در تمپلت وب بین رنگ و فونت و&#160; ... ) موجود در صفحه بایکدیگر مشهود است.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>در [[جوملا] شما می‌توانید Template‌ها را بین سایت‌های مختلف [[جوملا]] که هم نسخه‌اند استفاده کنید. در بعضی از سیستم‌های مدیریت محتوا مانند وردپرس از نام '''Theme''' به جای '''Template''' استفاده می‌شود که منظورشان همان قالب وب سایتی که دارای هماهنگی بین عناصر است می‌باشد.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>در [[جوملا<ins class="diffchange diffchange-inline">]</ins>] شما می‌توانید Template‌ها را بین سایت‌های مختلف [[جوملا]] که هم نسخه‌اند استفاده کنید. در بعضی از سیستم‌های مدیریت محتوا مانند وردپرس از نام '''Theme''' به جای '''Template''' استفاده می‌شود که منظورشان همان قالب وب سایتی که دارای هماهنگی بین عناصر است می‌باشد.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>در [[جوملا]] برای طراحی یا ویرایش یک قالب نیاز به دانش [[Html]] و [[Css]] و کمی [[Php]] به همراه آشنایی با مدیریت سیستم مدیریت محتوای [[جوملا]] داریم. اگر با موارد بالا آشنایی داریم می‌توانیم با استفاده از مقاله [[طراحی قالب در جوملا]] یک قالب ساده را در [[جوملا]] طراحی کنیم. &#160;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>در [[جوملا]] برای طراحی یا ویرایش یک قالب نیاز به دانش [[Html]] و [[Css]] و کمی [[Php]] به همراه آشنایی با مدیریت سیستم مدیریت محتوای [[جوملا]] داریم. اگر با موارد بالا آشنایی داریم می‌توانیم با استفاده از مقاله [[طراحی قالب در جوملا]] یک قالب ساده را در [[جوملا]] طراحی کنیم. &#160;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l31" >سطر ۳۱:</td> <td colspan="2" class="diff-lineno">سطر ۳۱:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[پرونده:Joomlatemplate.gif&#160; |center|frame ]]</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[پرونده:Joomlatemplate.gif&#160; |center|frame ]]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2">&#160;</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=روشی آسان برای ویرایش قالب‌های جوملا=</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=روشی آسان برای ویرایش قالب‌های جوملا=</div></td></tr> </table>

Shmata https://docs.joomlafarsi.com/index.php?title=%D8%AA%D9%81%D8%A7%D9%88%D8%AA_%D8%A8%DB%8C%D9%86_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84_%D9%88_%D9%82%D8%A7%D9%84%D8%A8&diff=3080&oldid=prev 2012-04-22T06:48:02Z

<p></p> <table class='diff diff-contentalign-right'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='fa'> <td colspan='2' style="background-color: white; color:black; text-align: center;">→ نسخهٔ قدیمی‌تر</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">نسخهٔ ‏۲۲ آوریل ۲۰۱۲، ساعت ۰۶:۴۸</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >سطر ۱:</td> <td colspan="2" class="diff-lineno">سطر ۱:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=مقدمه=</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=مقدمه=</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>اگر تاکنون به [http://forum.joomlafarsi.com انجمن پشتیبانی جوملا] در ایران سرزده باشیم مشاهده خواهیم کرد که از کلمات&#160; Style( استایل ) و Template ( قالب ) به وفور بین مباحث کاربران استفاده شده است . که این در مقاله ضمن توضیح این مفاهیم&#160; قصد داریم <del class="diffchange diffchange-inline"> </del>:</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>اگر تاکنون به [http://forum.joomlafarsi.com انجمن پشتیبانی جوملا] در ایران سرزده باشیم مشاهده خواهیم کرد که از کلمات&#160; Style (استایل) و Template (قالب) به وفور بین مباحث کاربران استفاده شده است. که این در مقاله ضمن توضیح این مفاهیم&#160; قصد داریم:</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">• </del>تفاوت بین قالب و استایل&#160; <del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">• </del>پیش نیازهای لازم برای طراحی <del class="diffchange diffchange-inline">قالب های جوملا &lt;br </del>/<del class="diffchange diffchange-inline">&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*</ins>تفاوت بین قالب و استایل&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">• </del>نحوه ویرایش <del class="diffchange diffchange-inline">قالب های </del>[[جوملا]] بدون دانش برنامه نویسی &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*</ins>پیش نیازهای لازم برای طراحی <ins class="diffchange diffchange-inline">قالب‌های [http:</ins>/<ins class="diffchange diffchange-inline">/www.joomlafarsi.com جوملا] </ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*</ins>نحوه ویرایش <ins class="diffchange diffchange-inline">قالب‌های </ins>[[جوملا]] بدون دانش برنامه نویسی &#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>را بررسی کنیم .</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>را بررسی کنیم.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>برای ارتقا سریع ظاهر [[وب]] <del class="diffchange diffchange-inline">سایت </del>ما چند گزینه را برای انتخاب کردن پیش رو داریم به عنوان مثال ما <del class="diffchange diffchange-inline">میتوانیم </del>اقدام به [[طراحی قالب در جوملا]] برای سایت از روی یک&#160; Etude یا الگو کنیم و همچنین <del class="diffchange diffchange-inline">میتوانیم </del>یک Template از قبل آماده شده را بکار بگیریم . <del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>برای ارتقا سریع ظاهر [[وب]] <ins class="diffchange diffchange-inline">سایت، </ins>ما چند گزینه را برای انتخاب کردن پیش رو داریم<ins class="diffchange diffchange-inline">. </ins>به عنوان مثال ما <ins class="diffchange diffchange-inline">می‌توانیم </ins>اقدام به [[طراحی قالب در جوملا]] برای سایت از روی یک&#160; Etude یا الگو کنیم و همچنین <ins class="diffchange diffchange-inline">می‌توانیم </ins>یک Template از قبل آماده شده را بکار بگیریم.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=الگو ( Etude ) چیست ؟=</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=الگو ( Etude ) چیست ؟=</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Etude ها </del>در واقع <del class="diffchange diffchange-inline">فایل هایی </del>هستند که به شما کمک <del class="diffchange diffchange-inline">میکنند </del>تا طراحی جالب و <del class="diffchange diffchange-inline">حرفه ای براساس </del>یک الگوی از پیش تعریف شده و استاندارد داشته باشید .&#160; آنها شامل محتوا و تک تک عناصر طراحی و اسنادی هستند که <del class="diffchange diffchange-inline">میتوانند </del>کمک بزرگی برای نقطه شروع طراحی یا یک الگوی مناسب برای طراحی باشند . در حقیقت هدف نهایی را به صورت یک طرح گرافیکی بیان <del class="diffchange diffchange-inline">میکنند </del>.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Etude‌ها </ins>در واقع <ins class="diffchange diffchange-inline">فایل‌هایی </ins>هستند که به شما کمک <ins class="diffchange diffchange-inline">می‌کنند </ins>تا طراحی جالب و <ins class="diffchange diffchange-inline">حرفه‌ای بر اساس </ins>یک الگوی از پیش تعریف شده و استاندارد داشته باشید.&#160; آنها شامل محتوا و تک تک عناصر طراحی و اسنادی هستند که <ins class="diffchange diffchange-inline">می‌توانند </ins>کمک بزرگی برای نقطه شروع طراحی یا یک الگوی مناسب برای طراحی باشند. در حقیقت هدف نهایی را به صورت یک طرح گرافیکی بیان <ins class="diffchange diffchange-inline">می‌کنند</ins>.</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>الگوها (Etude) در انواع مختلفی موجود اند : الگو <del class="diffchange diffchange-inline">رزومه , </del>الگو وب <del class="diffchange diffchange-inline">سایت , </del>الگو <del class="diffchange diffchange-inline">دعوتنامه و&#160; </del>الگو روزنامه <del class="diffchange diffchange-inline"> </del>و ... &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>الگوها (Etude) در انواع مختلفی موجود اند : الگو <ins class="diffchange diffchange-inline">رزومه، </ins>الگو وب <ins class="diffchange diffchange-inline">سایت، </ins>الگو <ins class="diffchange diffchange-inline">دعوتنامه، </ins>الگو روزنامه و ... &#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[پرونده:Etude.gif |center|frame ]]</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[پرونده:Etude.gif |center|frame ]]</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=Template چیست ؟=</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=Template چیست ؟=</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Template (قالب) در واقع نتیجه کاری است که یک طراح ( طراح وب ) به شما <del class="diffchange diffchange-inline">میدهد </del>که در آن هماهنگی بین عناصر ( در تمپلت وب بین رنگ و فونت و&#160; ... ) موجود در صفحه بایکدیگر مشهود است . در [[جوملا] شما <del class="diffchange diffchange-inline">میتوانید Template ها </del>را بین <del class="diffchange diffchange-inline">سایت های </del>مختلف [[جوملا]] که هم <del class="diffchange diffchange-inline">نسخه اند </del>استفاده کنید . در بعضی از <del class="diffchange diffchange-inline">سیستم های </del>مدیریت محتوا مانند وردپرس از نام '''Theme''' به جای '''Template''' استفاده <del class="diffchange diffchange-inline">میشود </del>که منظورشان همان قالب وب سایتی که دارای هماهنگی بین عناصر است <del class="diffchange diffchange-inline">میباشد </del>. در [[جوملا]] برای طراحی یا ویرایش یک قالب نیاز به دانش [[Html]] و [[Css]] و کمی [[Php]] به همراه آشنایی با مدیریت سیستم مدیریت محتوای [[جوملا]] داریم . اگر با موارد بالا آشنایی داریم <del class="diffchange diffchange-inline">میتوانیم </del>با استفاده از مقاله [[طراحی قالب در جوملا]] یک قالب ساده را در [[جوملا]] طراحی کنیم . &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Template (قالب) در واقع نتیجه کاری است که یک طراح (طراح وب) به شما <ins class="diffchange diffchange-inline">می‌دهد </ins>که در آن هماهنگی بین عناصر ( در تمپلت وب بین رنگ و فونت و&#160; ... ) موجود در صفحه بایکدیگر مشهود است.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>در [[جوملا] شما <ins class="diffchange diffchange-inline">می‌توانید Template‌ها </ins>را بین <ins class="diffchange diffchange-inline">سایت‌های </ins>مختلف [[جوملا]] که هم <ins class="diffchange diffchange-inline">نسخه‌اند </ins>استفاده کنید. در بعضی از <ins class="diffchange diffchange-inline">سیستم‌های </ins>مدیریت محتوا مانند وردپرس از نام '''Theme''' به جای '''Template''' استفاده <ins class="diffchange diffchange-inline">می‌شود </ins>که منظورشان همان قالب وب سایتی که دارای هماهنگی بین عناصر است <ins class="diffchange diffchange-inline">می‌باشد</ins>.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>در [[جوملا]] برای طراحی یا ویرایش یک قالب نیاز به دانش [[Html]] و [[Css]] و کمی [[Php]] به همراه آشنایی با مدیریت سیستم مدیریت محتوای [[جوملا]] داریم. اگر با موارد بالا آشنایی داریم <ins class="diffchange diffchange-inline">می‌توانیم </ins>با استفاده از مقاله [[طراحی قالب در جوملا]] یک قالب ساده را در [[جوملا]] طراحی کنیم. &#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[پرونده:Joomlatemplate.gif&#160; |center|frame ]]</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[پرونده:Joomlatemplate.gif&#160; |center|frame ]]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>=روشی آسان برای ویرایش <del class="diffchange diffchange-inline">قالب های </del>جوملا=</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>نکته : اگر به [[Html]] و [[Css]] و [[PHP]] مسلط <del class="diffchange diffchange-inline">نیستم میتوانیم با عکسهای </del>موجود در پوشه images را تغییر دهیم . تمام <del class="diffchange diffchange-inline">قالب های </del>[[جوملا]] در خود چند فولدر دارند <del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">پوشه ای </del>برای <del class="diffchange diffchange-inline">نگهدری فایلها </del>[[Css]] (<del class="diffchange diffchange-inline">استایل ها</del>) نام این پوشه معمولا [[Css]] یا Style است ممکن است طراح نام این پوشه را تغییر داده باشد ولی استاندارد طراحی [[وب]] اینست که یک پوشه با این نام برای نگهداری و <del class="diffchange diffchange-inline">استایلها </del>موجود باشد. <del class="diffchange diffchange-inline"> &lt;br /&gt; </del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>=روشی آسان برای ویرایش <ins class="diffchange diffchange-inline">قالب‌های </ins>جوملا=</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">پوشه ای </del>برای نگهداری <del class="diffchange diffchange-inline">تصاویر,&#160; </del>نام این پوشه معمولا images در نظر گرفته <del class="diffchange diffchange-inline">میشود </del>محتوای این پوشه <del class="diffchange diffchange-inline">عکسها </del>و تصاویری هستند که قالب [[جوملا]] (Template <del class="diffchange diffchange-inline"> </del>) از آنها استفاده <del class="diffchange diffchange-inline">میکند </del>. <del class="diffchange diffchange-inline"> &lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>نکته : یکی از راههای تغییر <del class="diffchange diffchange-inline">قالبهای </del>[[جوملا]] بدون نیاز به دانش [[html]] و [[css]] تغییر محتوای پوشه تصاویر است یعنی ''' با عوض کردن تصاویر موجود در پوشه images قالب براحتی <del class="diffchange diffchange-inline">میتوانیم </del>تا حد زیادی در قالب تغییرات ایجاد کنیم ''' .&#160; <del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">'''</ins>نکته <ins class="diffchange diffchange-inline">1'''</ins>: اگر به [[Html]] و [[Css]] و [[PHP]] مسلط <ins class="diffchange diffchange-inline">نیستیم می‌توانیم عکس‌های </ins>موجود در پوشه images را تغییر دهیم. تمام <ins class="diffchange diffchange-inline">قالب‌های </ins>[[جوملا]] در خود چند فولدر دارند<ins class="diffchange diffchange-inline">.</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">پوشه‌ای </ins>برای <ins class="diffchange diffchange-inline">نگهداری فایل‌های </ins>[[Css]] (<ins class="diffchange diffchange-inline">استایل‌ها</ins>) <ins class="diffchange diffchange-inline">وجود دارد که </ins>نام این پوشه معمولا [[Css]] یا Style است<ins class="diffchange diffchange-inline">. </ins>ممکن است طراح نام این پوشه را تغییر داده باشد ولی استاندارد طراحی [[وب]] اینست که یک پوشه با این نام برای نگهداری و <ins class="diffchange diffchange-inline">استایل‌ها </ins>موجود باشد.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">&#160; </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">پوشه‌ای </ins>برای نگهداری <ins class="diffchange diffchange-inline">تصاویر، </ins>نام این پوشه معمولا images در نظر گرفته <ins class="diffchange diffchange-inline">می‌شود </ins>محتوای این پوشه <ins class="diffchange diffchange-inline">عکس‌ها </ins>و تصاویری هستند که قالب [[جوملا]] (Template) از آنها استفاده <ins class="diffchange diffchange-inline">می‌کند</ins>.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">&#160; </ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">'''</ins>نکته <ins class="diffchange diffchange-inline">2'''</ins>: یکی از راههای تغییر <ins class="diffchange diffchange-inline">قالب‌های </ins>[[جوملا]] بدون نیاز به دانش [[html]] و [[css]] تغییر محتوای پوشه تصاویر است یعنی '''با عوض کردن تصاویر موجود در پوشه images قالب براحتی <ins class="diffchange diffchange-inline">می‌توانیم </ins>تا حد زیادی در قالب تغییرات ایجاد کنیم'''.&#160; &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=استایل ( Style ) چیست ؟=</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=استایل ( Style ) چیست ؟=</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>همانطور که پیشتر توضیح داده شد <del class="diffchange diffchange-inline">قالبهای </del>[[جوملا]] (<del class="diffchange diffchange-inline">Template ها </del>) از [[Html]] و [[Css]] و ... ایجاد <del class="diffchange diffchange-inline">میشوند </del>. منظور ما از استایل به <del class="diffchange diffchange-inline">مجوعه </del>دستوراتی [[Css]] <del class="diffchange diffchange-inline">ای </del>است که باعث تغییر شکل یک عنصر در صفحه وب <del class="diffchange diffchange-inline">میشود </del>. به عنوان مثال ما در [[Css]] یک class تعریف <del class="diffchange diffchange-inline">مکنیم </del>که تمام عناصر h3 <del class="diffchange diffchange-inline"> </del>را در صفحه [[وب]] به رنگ آبی و با فونت Tahoma نمایش دهد . به تمام دستوراتی که به این منظور در [[Css]] نوشته <del class="diffchange diffchange-inline">شده اند </del>اصطلاحا استایل گفته <del class="diffchange diffchange-inline">میشود </del>.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>همانطور که پیشتر توضیح داده شد <ins class="diffchange diffchange-inline">قالب‌های </ins>[[جوملا]] (<ins class="diffchange diffchange-inline">Template‌ها</ins>) از [[Html]] و [[Css]] و ... ایجاد <ins class="diffchange diffchange-inline">می‌شوند</ins>. منظور ما از استایل به <ins class="diffchange diffchange-inline">مجموعه </ins>دستوراتی [[Css]]<ins class="diffchange diffchange-inline">‌ای </ins>است که باعث تغییر شکل یک عنصر در صفحه <ins class="diffchange diffchange-inline">[[</ins>وب<ins class="diffchange diffchange-inline">]] می‌شود</ins>.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>به عنوان مثال ما در [[Css]] یک class تعریف <ins class="diffchange diffchange-inline">می‌کنیم </ins>که تمام عناصر h3 را در صفحه [[وب]] به رنگ آبی و با فونت Tahoma نمایش دهد. به تمام دستوراتی که به این منظور در [[Css]] نوشته <ins class="diffchange diffchange-inline">شده‌اند </ins>اصطلاحا استایل گفته <ins class="diffchange diffchange-inline">می‌شود</ins>.</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[پرونده:style.gif&#160; |center|frame ]]</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[پرونده:style.gif&#160; |center|frame ]]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">&lt;br /&gt;</del></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>----</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>----</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l40" >سطر ۴۰:</td> <td colspan="2" class="diff-lineno">سطر ۶۱:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{کپی رایت}}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{کپی رایت}}</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[رده:طراحی قالب جوملا<del class="diffchange diffchange-inline">]] [[رده:طراحی قالب جوملا 1.5]] [[رده:طراحی قالب جوملا 2.5</del>]]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[رده:طراحی قالب جوملا]]</div></td></tr> </table>

Hamidy https://docs.joomlafarsi.com/index.php?title=%D8%AA%D9%81%D8%A7%D9%88%D8%AA_%D8%A8%DB%8C%D9%86_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84_%D9%88_%D9%82%D8%A7%D9%84%D8%A8&diff=3079&oldid=prev 2012-04-21T13:26:34Z

<p>‏<span dir="auto"><span class="autocomment">استایل ( Style ) چیست ؟</span></span></p> <table class='diff diff-contentalign-right'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='fa'> <td colspan='2' style="background-color: white; color:black; text-align: center;">→ نسخهٔ قدیمی‌تر</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">نسخهٔ ‏۲۱ آوریل ۲۰۱۲، ساعت ۱۳:۲۶</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l40" >سطر ۴۰:</td> <td colspan="2" class="diff-lineno">سطر ۴۰:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{کپی رایت}}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{کپی رایت}}</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[رده:طراحی قالب جوملا]]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[رده:طراحی قالب جوملا<ins class="diffchange diffchange-inline">]] [[رده:طراحی قالب جوملا 1.5]] [[رده:طراحی قالب جوملا 2.5</ins>]]</div></td></tr> </table>

Shmata https://docs.joomlafarsi.com/index.php?title=%D8%AA%D9%81%D8%A7%D9%88%D8%AA_%D8%A8%DB%8C%D9%86_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84_%D9%88_%D9%82%D8%A7%D9%84%D8%A8&diff=3077&oldid=prev 2012-04-21T09:43:41Z

<p>‏<span dir="auto"><span class="autocomment">روشی آسان برای ویرایش قالب های جوملا</span></span></p> <table class='diff diff-contentalign-right'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='fa'> <td colspan='2' style="background-color: white; color:black; text-align: center;">→ نسخهٔ قدیمی‌تر</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">نسخهٔ ‏۲۱ آوریل ۲۰۱۲، ساعت ۰۹:۴۳</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l21" >سطر ۲۱:</td> <td colspan="2" class="diff-lineno">سطر ۲۱:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=روشی آسان برای ویرایش قالب های جوملا=</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=روشی آسان برای ویرایش قالب های جوملا=</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>نکته : اگر به [[Html]] و [[Css]] و [[PHP]] مسلط نیستم میتوانیم با عکسهای موجود در پوشه images را تغییر دهیم . تمام قالب های [[جوملا]] در خود چند فولدر دارند &lt;br /&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>نکته : اگر به [[Html]] و [[Css]] و [[PHP]] مسلط نیستم میتوانیم با عکسهای موجود در پوشه images را تغییر دهیم . تمام قالب های [[جوملا]] در خود چند فولدر دارند &lt;br /&gt;</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>پوشه ای برای نگهدری فایلها [[Css]] (استایل ها) نام این پوشه معمولا [[Css]] یا Style است ممکن است طراح نام این پوشه را تغییر داده باشد ولی استاندارد طراحی [[وب]] اینست <del class="diffchange diffchange-inline">که </del>که یک پوشه با این برای نگهداری و استایلها موجود باشد.&#160; &lt;br /&gt; &#160;</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>پوشه ای برای نگهدری فایلها [[Css]] (استایل ها) نام این پوشه معمولا [[Css]] یا Style است ممکن است طراح نام این پوشه را تغییر داده باشد ولی استاندارد طراحی [[وب]] اینست که یک پوشه با این <ins class="diffchange diffchange-inline">نام </ins>برای نگهداری و استایلها موجود باشد.&#160; &lt;br /&gt; &#160;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>پوشه ای برای نگهداری تصاویر,&#160; نام این پوشه معمولا images در نظر گرفته میشود محتوای این پوشه عکسها و تصاویری هستند که قالب [[جوملا]] (Template&#160; ) از آنها استفاده میکند .&#160; &lt;br /&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>پوشه ای برای نگهداری تصاویر,&#160; نام این پوشه معمولا images در نظر گرفته میشود محتوای این پوشه عکسها و تصاویری هستند که قالب [[جوملا]] (Template&#160; ) از آنها استفاده میکند .&#160; &lt;br /&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>نکته : یکی از راههای تغییر قالبهای [[جوملا]] بدون نیاز به دانش [[html]] و [[css]] تغییر محتوای پوشه تصاویر است یعنی ''' با عوض کردن تصاویر موجود در پوشه images قالب براحتی میتوانیم تا حد زیادی در قالب تغییرات ایجاد کنیم ''' .&#160; &lt;br /&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>نکته : یکی از راههای تغییر قالبهای [[جوملا]] بدون نیاز به دانش [[html]] و [[css]] تغییر محتوای پوشه تصاویر است یعنی ''' با عوض کردن تصاویر موجود در پوشه images قالب براحتی میتوانیم تا حد زیادی در قالب تغییرات ایجاد کنیم ''' .&#160; &lt;br /&gt;</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;br /&gt;</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>&lt;br /&gt;</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=استایل ( Style ) چیست ؟=</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>=استایل ( Style ) چیست ؟=</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>همانطور که پیشتر توضیح داده شد قالبهای [[جوملا]] (Template ها ) از [[Html]] و [[Css]] و ... ایجاد میشوند . منظور ما از استایل به مجوعه دستوراتی [[Css]] ای است که باعث تغییر شکل یک عنصر در صفحه وب میشود . به عنوان مثال ما در [[Css]] یک class تعریف مکنیم که تمام عناصر h3&#160; را در صفحه [[وب]] به رنگ آبی و با فونت Tahoma نمایش دهد . به تمام دستوراتی که به این منظور در [[Css]] نوشته شده اند اصطلاحا استایل گفته میشود .</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>همانطور که پیشتر توضیح داده شد قالبهای [[جوملا]] (Template ها ) از [[Html]] و [[Css]] و ... ایجاد میشوند . منظور ما از استایل به مجوعه دستوراتی [[Css]] ای است که باعث تغییر شکل یک عنصر در صفحه وب میشود . به عنوان مثال ما در [[Css]] یک class تعریف مکنیم که تمام عناصر h3&#160; را در صفحه [[وب]] به رنگ آبی و با فونت Tahoma نمایش دهد . به تمام دستوراتی که به این منظور در [[Css]] نوشته شده اند اصطلاحا استایل گفته میشود .</div></td></tr> </table>

Shmata https://docs.joomlafarsi.com/index.php?title=%D8%AA%D9%81%D8%A7%D9%88%D8%AA_%D8%A8%DB%8C%D9%86_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84_%D9%88_%D9%82%D8%A7%D9%84%D8%A8&diff=3075&oldid=prev 2012-04-21T09:13:09Z

<p>‏<span dir="auto"><span class="autocomment">استایل ( Style ) چیست ؟</span></span></p> <table class='diff diff-contentalign-right'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='fa'> <td colspan='2' style="background-color: white; color:black; text-align: center;">→ نسخهٔ قدیمی‌تر</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">نسخهٔ ‏۲۱ آوریل ۲۰۱۲، ساعت ۰۹:۱۳</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l33" >سطر ۳۳:</td> <td colspan="2" class="diff-lineno">سطر ۳۳:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>----</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>----</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>جمع آوری <del class="diffchange diffchange-inline">و ترجمه</del>: [http://forum.joomlafarsi.com/members/26237-shmata شهاب مطاع پور]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>جمع آوری <ins class="diffchange diffchange-inline">شده توسط </ins>: [http://forum.joomlafarsi.com/members/26237-shmata شهاب مطاع پور]</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{معرفی پشتیبانی}}</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>{{معرفی پشتیبانی}}</div></td></tr> </table>

Shmata https://docs.joomlafarsi.com/index.php?title=%D8%AA%D9%81%D8%A7%D9%88%D8%AA_%D8%A8%DB%8C%D9%86_%D8%A7%D8%B3%D8%AA%D8%A7%DB%8C%D9%84_%D9%88_%D9%82%D8%A7%D9%84%D8%A8&diff=3073&oldid=prev 2012-04-21T07:43:25Z

<p>صفحه‌ای جدید حاوی &#039;=مقدمه= اگر تاکنون به [http://forum.joomlafarsi.com انجمن پشتیبانی جوملا] در ایران سرزده باش...&#039; ایجاد کرد</p> <p><b>صفحهٔ تازه</b></p><div>=مقدمه=<br /> اگر تاکنون به [http://forum.joomlafarsi.com انجمن پشتیبانی جوملا] در ایران سرزده باشیم مشاهده خواهیم کرد که از کلمات Style( استایل ) و Template ( قالب ) به وفور بین مباحث کاربران استفاده شده است . که این در مقاله ضمن توضیح این مفاهیم قصد داریم :<br /> &lt;br /&gt;<br /> • تفاوت بین قالب و استایل &lt;br /&gt;<br /> • پیش نیازهای لازم برای طراحی قالب های جوملا &lt;br /&gt;<br /> • نحوه ویرایش قالب های [[جوملا]] بدون دانش برنامه نویسی <br /> &lt;br /&gt;<br /> را بررسی کنیم .<br /> &lt;br /&gt;<br /> برای ارتقا سریع ظاهر [[وب]] سایت ما چند گزینه را برای انتخاب کردن پیش رو داریم به عنوان مثال ما میتوانیم اقدام به [[طراحی قالب در جوملا]] برای سایت از روی یک Etude یا الگو کنیم و همچنین میتوانیم یک Template از قبل آماده شده را بکار بگیریم . &lt;br /&gt;<br /> =الگو ( Etude ) چیست ؟=<br /> Etude ها در واقع فایل هایی هستند که به شما کمک میکنند تا طراحی جالب و حرفه ای براساس یک الگوی از پیش تعریف شده و استاندارد داشته باشید . آنها شامل محتوا و تک تک عناصر طراحی و اسنادی هستند که میتوانند کمک بزرگی برای نقطه شروع طراحی یا یک الگوی مناسب برای طراحی باشند . در حقیقت هدف نهایی را به صورت یک طرح گرافیکی بیان میکنند .<br /> &lt;br /&gt;<br /> الگوها (Etude) در انواع مختلفی موجود اند : الگو رزومه , الگو وب سایت , الگو دعوتنامه و الگو روزنامه و ... <br /> &lt;br /&gt;<br /> [[پرونده:Etude.gif |center|frame ]]<br /> =Template چیست ؟=<br /> Template (قالب) در واقع نتیجه کاری است که یک طراح ( طراح وب ) به شما میدهد که در آن هماهنگی بین عناصر ( در تمپلت وب بین رنگ و فونت و ... ) موجود در صفحه بایکدیگر مشهود است . در [[جوملا] شما میتوانید Template ها را بین سایت های مختلف [[جوملا]] که هم نسخه اند استفاده کنید . در بعضی از سیستم های مدیریت محتوا مانند وردپرس از نام '''Theme''' به جای '''Template''' استفاده میشود که منظورشان همان قالب وب سایتی که دارای هماهنگی بین عناصر است میباشد . در [[جوملا]] برای طراحی یا ویرایش یک قالب نیاز به دانش [[Html]] و [[Css]] و کمی [[Php]] به همراه آشنایی با مدیریت سیستم مدیریت محتوای [[جوملا]] داریم . اگر با موارد بالا آشنایی داریم میتوانیم با استفاده از مقاله [[طراحی قالب در جوملا]] یک قالب ساده را در [[جوملا]] طراحی کنیم . <br /> &lt;br /&gt;<br /> [[پرونده:Joomlatemplate.gif |center|frame ]]<br /> =روشی آسان برای ویرایش قالب های جوملا=<br /> نکته : اگر به [[Html]] و [[Css]] و [[PHP]] مسلط نیستم میتوانیم با عکسهای موجود در پوشه images را تغییر دهیم . تمام قالب های [[جوملا]] در خود چند فولدر دارند &lt;br /&gt;<br /> پوشه ای برای نگهدری فایلها [[Css]] (استایل ها) نام این پوشه معمولا [[Css]] یا Style است ممکن است طراح نام این پوشه را تغییر داده باشد ولی استاندارد طراحی [[وب]] اینست که که یک پوشه با این برای نگهداری و استایلها موجود باشد. &lt;br /&gt; <br /> پوشه ای برای نگهداری تصاویر, نام این پوشه معمولا images در نظر گرفته میشود محتوای این پوشه عکسها و تصاویری هستند که قالب [[جوملا]] (Template ) از آنها استفاده میکند . &lt;br /&gt;<br /> نکته : یکی از راههای تغییر قالبهای [[جوملا]] بدون نیاز به دانش [[html]] و [[css]] تغییر محتوای پوشه تصاویر است یعنی ''' با عوض کردن تصاویر موجود در پوشه images قالب براحتی میتوانیم تا حد زیادی در قالب تغییرات ایجاد کنیم ''' . &lt;br /&gt;<br /> &lt;br /&gt;<br /> =استایل ( Style ) چیست ؟=<br /> همانطور که پیشتر توضیح داده شد قالبهای [[جوملا]] (Template ها ) از [[Html]] و [[Css]] و ... ایجاد میشوند . منظور ما از استایل به مجوعه دستوراتی [[Css]] ای است که باعث تغییر شکل یک عنصر در صفحه وب میشود . به عنوان مثال ما در [[Css]] یک class تعریف مکنیم که تمام عناصر h3 را در صفحه [[وب]] به رنگ آبی و با فونت Tahoma نمایش دهد . به تمام دستوراتی که به این منظور در [[Css]] نوشته شده اند اصطلاحا استایل گفته میشود .<br /> &lt;br /&gt;<br /> [[پرونده:style.gif |center|frame ]]<br /> <br /> &lt;br /&gt;<br /> ----<br /> <br /> جمع آوری و ترجمه: [http://forum.joomlafarsi.com/members/26237-shmata شهاب مطاع پور]<br /> <br /> {{معرفی پشتیبانی}}<br /> <br /> {{کپی رایت}}<br /> <br /> [[رده:طراحی قالب جوملا]]</div>

Shmata