1

بابه‌ت: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

سڵاو هاوڕێیان،
ماوەیەکی زۆرە دەمویست ئەم بابەتە بنووسم، وا ئێستا هاتە نووسین.
لە بابەتەکەدا چۆنیەتی داڕشتنی ڕووکارێکی تایبەت بە پرۆگرامۆکەی جووملە ڕوون دەکەمەوە، بابەتەکە بریتییە لەم بەشانە،

١، پێکهاتەکانی ڕووکارێکی جووملە! چین.
٢، هێنان / داڕشتنی ڕووکارێکی HTML و CSS و ئامادە کردنی بۆ بەکاربردن وەک ڕووکارێکی Dynamic ی بۆ جووملە!.
٣، بەستنەوەی ڕووکار بە جووملە! ەوە بۆ پیشاندانی ناوەڕۆک و زانیارییەکانی ماڵپەڕ.
٤، چالاک کردنی ڕووکار لە جووملە! و بەکارهێنانی.

بەشی یەکەم: پێکهاتەکانی ڕووکارێکی جووملە!

Typical Template Directory Structure
It is most common for a template to have at least the following files:
index.php
Provides the logic for the display and positioning of modules and components.
component.php
Provides the logic for the display of the printer friendly page, "E-mail this link to a friend." etc.
template.css
Handles the presentational aspects of the template including specifications for margins, fonts, headings, image borders, list formatting, etc.
templateDetails.xml
Holds meta-information related to the template and is used by the Installer and the Template Manager.
template_thumbnail.ext - replace .ext with the extension format of the image (.jpg, .png, .gif)
Generally a 200x150 pixel image that is shown when the cursor is held over the template name in the Template Manager. This gives the Administrator a snapshot view of the template before applying it to the Site.

A typical template for Joomla! 1.5 will include the following directories:
css - contains all the .css files
html - contains template override files for core output and module chrome
images - contains all images used by the template

ڕووکارێکی ئاسایی جووملە ئەم پەڕگانەی هەیە،
index.php بۆ پیشاندانی ناوەڕۆک و هەروەها دانانی پێوەکراو و یەکە سەربەخۆکان لە شوێنە دیاریکراوەکانیان.
component.php بۆ ڕێکخستن و پیشاندانی پەڕەکانی تایبەت بە ناردنی بابەت بۆ هاوڕێ یان چاپکردنی پەڕە.
template_css.css کە پێکهاتەکانی CSS ی ڕووکار لە خۆ دەگرێت.
templateDetails.xml ئەم پەڕگە زانیاریی تایبەت بە پێکهاتەکانی ڕووکار و هەروەها زانیاریی سەبارەت بە داڕێژەر، وەشانی ڕووکار و هەوەها وردە زانیاریی دیکە، لە درێژەی بابەتەکەدا ڕوونتر دەبێتەوە.
template_thumbnail.ext کە وێنەیەکی بچووک دەبێت بۆ پیشاندانی نموونەیەکی بچووکی ڕووکارە لە کاتی پێشبینین دا. ext. واتە فۆرماتی وێنە بچووکەکە.

کەواتە دەبێت لە پێشدا ئەو پەڕگانە هەبن بۆ ئەوەی بتوانین بەردەوام بین لە داڕشتنی ڕووکارەکەمان، بۆ ئەو مەبەستە من پەڕگەکانم بە ئامادەکراویی بار کردووە و دەتوانن لە بەستەری خوارەوە دایبگرن،
http://webchinupload.com/files/webchin_7.zip
[ئەمە هەروەها ڕووکاری وێبچن ـە بۆ جووملە smile ]

پێش ئەوەی بەردەوام بیت، لە بەڕێوەبەرایەتی جووملە لە بەشی پێوەکراوەکاندا System - Legacy چالاک بکە.

بەشی دووەم: هێنان / داڕشتنی ڕووکارێکی HTML و CSS و گۆڕینی بۆ ڕووکارێکی تایبەت بە جووملە.
لێرەدا ڕوومەتی سەرەتای وێبچن کە بە HTML و CSS داڕێژراوە دەگۆڕین بۆ ڕووکاری جووملە.
١، کۆدەکانی نێو index.php ی ماڵپەڕی وێبچن دەردەهێنم و لە index.php ی تایبەت بە ڕووکارەکەدا دایدەنێم کە ئەنجامەکەی وەک ئەمەی خوارەوە دەبێت،

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>
</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<body>

<div class="logoy-serewe"><!--Logoy Mallperr --></div>
<div class="xaney-sereki">
    <div class="liste">
        <!--Lere beshekani TOP Menu derdekewet --><br />
    </div>
        
        <div class="nawerrok">
        <!--Nawerroki mallperr lere derdekewet -->
        </div>
</div>
    <div class="jerperr">
    <!--Logokani xwarewe -->
    </div>

</body>
</html>

لێرەدا من کۆدی ئامادەی ڕووکارێک دەهێنم، بەڵام دەتوانیت ڕاستەوخۆ کۆدەکانی خۆت بنووسیت.

٢، کۆدەکانی تایبەت بە CSS دەگوێزمەوە نێو template_css.css و بەم شێوەیە دەبێت،

/* Webchin.org Template For Joomla! CSS by Aso Naderi @ Webchin.org */
body {
    font-family: "Unikurd Web", Tahoma, Arial;
    font-size: 10pt;
    direction:rtl;
}
.logoy-serewe {
    background-image: url('../images/logo_new_09.png');
    background-repeat: no-repeat;
    background-position: right center;
    height: 120px;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
}
.xaney-sereki {
    width: 800px;
    border: 1px solid #b2ccd9;
    background-image: url('../images/msgbg.png');
    background-position: center top;
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 5px 5px 5px;
}
.liste {
    background-image: url('../images/ctr3-bg.png');
    background-repeat: repeat-x;
    background-position: center center;
    color: #1573a6;
    font-weight: bold;
    padding: 6px 8px 4px 5px;
    border: 1px solid #b2ccd9;
    height: 20px;
}
.nawerrok {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 10px;
}
fieldset {
    border: 1px solid #f1f1f1;
    padding: 5px;
    margin-bottom: 6px;
    margin-top: 10px;
}
legend {
    font-weight: bold;
}
.jerperr {
    width: 800px;
    height: 60px;
    text-align: center;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    background-image: url('../images/jerperr.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.liste a {
    color: #1573a6;
    font-weight: bold;
    text-decoration: none;
    margin-left: 15px;
}
.liste a:hover {
    color: #1a3e50;
    font-weight: bold;
    text-decoration: none;
}
.email img{
    vertical-align: text-top;
}
fieldset a {
    border-width: 1px;
    border-color: #f1f1f1;
    color: #003366;
    text-decoration: none;
}
fieldset a:hover {
    border-width: 1px;
    border-color: #f1f1f1;
    color: #CC0000;
    text-decoration: none;
}
.meko-webchin img {
    border-width: 0px;
}
.meko-webchin {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
select {
    font-family: "Unikurd Web", Tahoma, Arial;
    font-size: 10pt;
}
.qellew-dugme {
    font-weight: bold;
    font-family: "Unikurd Web", Tahoma, Arial;
    font-size: 10pt;
    background-color: #e3edf7;
    border: 1px solid #a1cbe3;
    padding: 2px;
}
.xaney-babet {
    width: 450px;
    border: 1px solid #b2ccd9;
    background-image: url('../images/msgbg.png');
    background-position: center top;
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 5px 5px 5px;
}
.logo-bichuk {
    width: 450px;
    margin-right: auto;
    margin-left: auto;
}
.xane-ok {
    width: 450px;
    background-color: #CCFF66;
    color: #006600;
    border: 1px solid #669900;
    font-weight: bold;
    padding: 5px;
    margin-right: auto;
    margin-left: auto;
}
.cor h3 {
    font-family: "unikurd web", tahoma, Arial;
    font-size: 10pt;
    font-weight: bold;
    margin: 3px 0px 3px 0px;
    padding: 3px 0px 3px 0px;
}
.babets h3 {
    padding: 0px;
    margin: 0px;
    font-family: "unikurd web", tahoma, Arial;
    font-size: 10pt !important;
    font-weight: normal;
}

.babets {
    padding-right: 20px;
    padding-left: 5px;
    background-image: url('tab_left.png');
    background-repeat: no-repeat;
    background-position: right center;
    margin-bottom: 3px;
}
.babets a {
    color: #003366;
    text-decoration: none;
}
.babets a:hover {
    color: #990000;
    text-decoration: none;
}
img {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.liste td {
    margin: 0px;
    border-collapse: collapse;
}
.liste table {
    border-collapse: collapse;
    border-spacing: 0px;
    border-radius: 0px;
}

٣، وێنەیەکی بچووکی تایبەت بە ڕووکارەکە درووست دەکەم و لە بوخچەی یەکەم دا دایدەنێم. بەستەری وێنە،
http://webchinupload.com/files/template_thumbnail_5.png

٤، زانیارییارییەکانی نێو templateDetails.xml نوێ دەکەمەوە ئەگەر پێویستی کرد.

<?xml version="1.0" encoding="utf-8"?>
<mosinstall type="template">

  <name>Webchin Joomla Template</name>
  <creationDate>2011-05-18</creationDate>
  <author>Aso Naderi @ Webchin.org</author>
  <copyright> 2011 www.webchin.org</copyright>
  <authorEmail>[email protected]</authorEmail>
  <authorUrl>http://www.webchin.org</authorUrl>
  <version>1.0</version>
  <description>Rukareki Joomla! le encami babetek le mekokani Webchin be berhem hatiwe. Bo zaniyari zortir tikaye serdani www.webchin.org bike</description>

  <files>
    <filename>index.php</filename>
    <filename>template_thumbnail.png</filename>
  </files>

  <images>
    <filename>images/logo.gif</filename>
    <filename></filename>
  </images>

  <css>
    <filename>css/template_css.css</filename>
  </css>

</mosinstall>

بوخچەی webchin کە ئیستا دەبێت هەموو پەڕگە پێویستەکانی تایبەت بە ڕووکاری لە خۆ گرتبێت دەخەینە نێو بوخچەی template ی تایبەت بە جووملە. ئەگەر لە بەڕێوەبەرایەتیدا سەیری ڕووکارەکانی ماڵپەڕ بکەین دەبێ شتێکی وەک ئەمە ببینین.
http://webchinupload.com/files/webchin-template-1.png

بەشی سێیەم: بەستنەوەی ڕووکار بە جووملە! و پیشاندانی زانیارییەکانی ماڵپەڕ
لە شوێنی

<!--Lere beshekani TOP Menu derdekewet -->

ئەمە دادەنێین بۆ پیشاندانی لیستەی TOP MENU،

<?php mosLoadModules ( 'top' ); ?>

--------------------------------------
لە شوێنی

<!--Nawerroki mallperr lere derdekewet -->

ئەمە دادەنێین بۆ پیشاندانی لیستەی ناوەڕۆکی بابەت،

<?php mosMainBody(); ?>

--------------------------------------
لە شوێنی

<!--Logokani xwarewe -->

ئەمە دادەنێین بۆ پیشاندانی لیستەی ناوەڕۆکی بابەت،

<?php mosLoadModules ( 'user1' ); ?>

--------------------------------------

کەواتە ئەم ڕووکارەمان لە ٣ بەشی پێکهاتووە و ناوی بەشەکان دەزانین، ئێستا دەبێ کۆدەکانی نیو index.php وەک ئەمە بن،

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>
</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<body>

<div class="logoy-serewe"><!--Logoy Mallperr --></div>
<div class="xaney-sereki">
    <div class="liste">
        <?php mosLoadModules ( 'top' ); ?><br />
    </div>
        
        <div class="nawerrok">
        <?php mosMainBody(); ?>
        </div>
</div>
    <div class="jerperr">
    <?php mosLoadModules ( 'user1' ); ?>
    </div>

</body>
</html>

ئەگەر سەیری بەستەری ماڵپەڕەکە بکەیت دەبینین ناوەڕۆکی ماڵپەڕەکە دەردەکەوێت، پاش سڕینەوەی ئەو ناوەڕۆکانەی کە نەویستراو بوون ئەم گۆڕانکارییانەم جێبەجێ کرد بۆ ئەوەی ماڵپەڕەکە زۆرتر لەگەڵ ڕووکارەکە بگوونجێت.
١، لە بەشی یەکە سەربەخۆکان TOP MENU ـم دەستکاری کرد و خستمە بەشی Top.
٢، بابەتێکم نووسی کە لە پەڕەی سەرەتادا دەردەکەوێت وەک ناوەڕۆکی پەڕەی سەرەتا، سەردێڕەکەیم گۆڕی.
٣، بابەتم نووسی بۆ بەشەکانی دیکە و لە لیستەی TOP MENU دا بەستەرم بۆ کردن.

کۆی ئەم بابەتە دەبێتە،
١، داڕشتنی بنەمای ڕووکارەکە بە HTML و CSS.
٢، دانانی پێکهاتەکانی ڕووکارێکی جووملە لە شوێنی خۆیان.
٣، تێکەڵاوکردنی ڕووکارەکەت کە بە HTML و CSS داڕێژراوە لەگەڵ پێکهاتەکانی ڕووکارێکی جووملە.
٤، ڕێکخستنی ناوەڕۆکی ماڵپەڕەکەت بەپێی ڕووکارەکەت.

ئەنجامی کۆتایی ئەم بابەتە،
http://webchinupload.com/files/webchin-rukar-full_1.png

کۆتایی.

هیچ شتێك ئه‌وه‌نده‌ باش نییه‌ نه‌توانرێت باشتر بكرێت :::http://webdarej.com

2

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

زۆر روونکردەنەوەیەکی جوانە، هەول دەدەم تاقی بکەمەوە. دەست خۆش کاک ئاسۆ..

ڕووحت شاد مامۆستای گەورە ئاسۆ نادری، تۆ هەموو شتێکت فێر کردین.
لەگەل وێبچن هەموو شتێک ئاسانترە!

3

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

هەربژی

4

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

کاک ئاسۆ سەرچاوەی دەستکەوتنی کۆدێکی وەک ئەمە کوێیە؟

<?php mosMainBody(); ?>

لە Documentation هەیە؟

5

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

بابه‌تێکی بێ نمونه‌یه‌ هه‌ربژیت کاکه‌ ئاسۆ داواکارم له‌ خوای گه‌وره‌ سه‌رکه‌وتوت بکات

6

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

ده‌ستت خۆش خزمه‌تێكی جوانه‌

به‌لام ئه‌مه‌ بۆ كام وه‌شانه‌یه‌ بۆ وه‌شانی نوێ ئه‌بێت.؟

ئـەوەی بەدوایدا دەگەڕێم و ئامانجمە هێشتا نەمدۆزییەوە و نەگەیشتووم پێی !

7

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

دەست خۆش

8

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

dilankalary نووسی:

ده‌ستت خۆش خزمه‌تێكی جوانه‌

به‌لام ئه‌مه‌ بۆ كام وه‌شانه‌یه‌ بۆ وه‌شانی نوێ ئه‌بێت.؟

لە وەشانەکانی 1.0 و 1.5 تاقیم کردۆتەوە و کار دەکات.

سووپاس هاوڕێیان.

هیچ شتێك ئه‌وه‌نده‌ باش نییه‌ نه‌توانرێت باشتر بكرێت :::http://webdarej.com

9

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

دەستەکانت خۆشبێت بۆ ئەو بابەتە بەسوودە.

تەنها هەوڵبدە بۆ ماوەی ١٠ ڕۆژ بیر لە هیچ شتێکی نێگەتیڤ نەکەیتەوە بزانە چی ڕوودەدات!

10

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

Broosk نووسی:

کاک ئاسۆ سەرچاوەی دەستکەوتنی کۆدێکی وەک ئەمە کوێیە؟

<?php mosMainBody(); ?>

لە Documentation هەیە؟

http://www.google.com/search?q=joomla+t … =firefox-a

هیچ شتێك ئه‌وه‌نده‌ باش نییه‌ نه‌توانرێت باشتر بكرێت :::http://webdarej.com

11

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

وه‌ڵا ئه‌وه‌ شتێكی چاكه‌ ده‌سته‌كانت خۆش ،
ئیتر له‌مه‌ودوا كارله‌سه‌ر Joomla ده‌كه‌م ، Joomla به‌مشێوه‌یه‌ لام ڕه‌زاسوكتره‌ .

هیچ شتێك ئه‌وه‌نده‌ باش نییه‌ نه‌توانرێت باشتر بكرێت
                                                          "ئاسۆ نادری"

12

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

ده‌ستی مان دووبونت ئه‌گوشم بۆ ئه‌م کاره‌ چاکه‌

13

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

بەتێز بوو

14

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

كى ده توانى هاوكاريم بكات له جوومله هه نديك كيشه م هه يه سوباسى وه ى ده كه م هاوكاريم بكات يا ايمه له كم بو بنيرى به يوه ندى بيوه ده كه م [email protected]:(:(:(:(:(:(:(

15

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

dest xosh

16 (دەستکاری کراوە: Ashtee44 2011-06-06 20:09:03)

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

دەستەکانت خۆش بێت زۆر زۆر بەهێزە.

www.fb.com/AshtyHamid
Idea + Project + Design + Programming + Content + Testing + Seo + Management = Sucess

17

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

ده‌ستت خۆش به‌س برام من له‌ شتێک حاڵینه‌بووم  ، من ده‌بێت ڕوکارێک به‌ کۆد دروست بکه‌م ئینجا ده‌توانم بیکه‌م به‌ هی جومله‌ ؟ ئه‌ی به‌ فۆتۆ شۆپ بیکه‌م ئه‌توانم وه‌ک تۆ بیگۆڕم ؟

18

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

rozhgar.j نووسی:

ده‌ستت خۆش به‌س برام من له‌ شتێک حاڵینه‌بووم  ، من ده‌بێت ڕوکارێک به‌ کۆد دروست بکه‌م ئینجا ده‌توانم بیکه‌م به‌ هی جومله‌ ؟ ئه‌ی به‌ فۆتۆ شۆپ بیکه‌م ئه‌توانم وه‌ک تۆ بیگۆڕم ؟

کاکه‌ برا ئه‌توانم به‌ فۆتۆشۆپ بیکه‌م و بیکه‌م به‌ هی جوملا ؟
ئه‌ی من ئه‌گه‌ر دیزاین بکه‌م هه‌ر په‌ڕه‌ی سه‌ره‌تا بکه‌م دوایی خۆی ئه‌وانی تر ڕێکده‌خات ؟

19

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

تکایه‌  ئه‌م  بابه‌ته‌  هه‌لبواسن

20

وه‌ڵام: داڕشتنی ڕووکارێکی جووملە لە سەرەتاوە تا کۆتایی

دەستت خۆش بێت کاک ئاسۆ بەس تۆ چۆن ئەتوانی شوێنی مۆدول زیاد بکەیت بۆ نمونە
right 
left
user1 2 3....

ئاسۆ نادری، ڕۆحت هەر لەگەڵمانە.