يقوم الدرس بزيادة عدد أيقونات المواضيع التي تظهر أسفل خيارات المشاركة إلى 18 أيقونة بدلاً من 14...

بداية.. قم برفع الأيقونات المطلوبة إلى المجلد الموجود على المسار التالي: /public/style_extra/post_icons

مع مراعاة..

الأيقونات الموجودة أساساً.. مسماه بـ icon1.gif و icon2.gif و icon3.gif... وهكذا حتى icon14.gif

لذا قم برفع الأيقونات المطلوبة مسماه على نفس الرتم.. إبتداءاً من icon15.gif وحتى icon18.gif ...

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

ثم إنتقل للوحة تحكم منتداك لعمل تعديل بسيط على القالب:

Look / Feel > Skin Manager > (edit skin) > Manage Templates / CSS > Post Screen > PostFormTemplate

ابحث عن:
كود PHP:
                <ul id='post_icons'>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="1"<if test="posticon1:|:isset( $formData['postIconSelected']['1'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon1.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="2"<if test="posticon2:|:isset( $formData['postIconSelected']['2'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon2.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="3"<if test="posticon3:|:isset( $formData['postIconSelected']['3'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon3.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="4"<if test="posticon4:|:isset( $formData['postIconSelected']['4'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon4.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="5"<if test="posticon5:|:isset( $formData['postIconSelected']['5'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon5.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="6"<if test="posticon6:|:isset( $formData['postIconSelected']['6'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon6.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="7"<if test="posticon7:|:isset( $formData['postIconSelected']['7'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon7.gif" alt='' />
                        </
li>
                        <
li class='clear'>
                                <
input type="radio" class="input_radio" name="iconid" value="8"<if test="posticon8:|:isset( $formData['postIconSelected']['8'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon8.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="9"<if test="posticon9:|:isset( $formData['postIconSelected']['9'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon9.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="10"<if test="posticon10:|:isset( $formData['postIconSelected']['10'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon10.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="11"<if test="posticon11:|:isset( $formData['postIconSelected']['11'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon11.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="12"<if test="posticon12:|:isset( $formData['postIconSelected']['12'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon12.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="13"<if test="posticon13:|:isset( $formData['postIconSelected']['13'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon13.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="14"<if test="posticon14:|:isset( $formData['postIconSelected']['14'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon14.gif" alt='' />
                        </
li>
                        <
li class='clear'>
                                <
input type="radio" class="input_radio" name="iconid" value="0"<if test="posticon0:|:isset( $formData['postIconSelected']['0'] )"checked="checked"</if> />&nbsp;&nbsp;{$this->lang->words['picons_none']}
                        </
li>
                </
ul
استبدله بـ:

كود PHP:
                <ul id='post_icons'>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="1"<if test="posticon1:|:isset( $formData['postIconSelected']['1'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon1.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="2"<if test="posticon2:|:isset( $formData['postIconSelected']['2'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon2.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="3"<if test="posticon3:|:isset( $formData['postIconSelected']['3'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon3.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="4"<if test="posticon4:|:isset( $formData['postIconSelected']['4'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon4.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="5"<if test="posticon5:|:isset( $formData['postIconSelected']['5'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon5.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="6"<if test="posticon6:|:isset( $formData['postIconSelected']['6'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon6.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="7"<if test="posticon7:|:isset( $formData['postIconSelected']['7'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon7.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="15"<if test="posticon15:|:isset( $formData['postIconSelected']['15'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon15.gif" alt='' />
                        </
li>                   <li>
                                <
input type="radio" class="input_radio" name="iconid" value="16"<if test="posticon16:|:isset( $formData['postIconSelected']['16'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon16.gif" alt='' />
                        </
li>
                        <
li class='clear'>
                                <
input type="radio" class="input_radio" name="iconid" value="8"<if test="posticon8:|:isset( $formData['postIconSelected']['8'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon8.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="9"<if test="posticon9:|:isset( $formData['postIconSelected']['9'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon9.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="10"<if test="posticon10:|:isset( $formData['postIconSelected']['10'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon10.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="11"<if test="posticon11:|:isset( $formData['postIconSelected']['11'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon11.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="12"<if test="posticon12:|:isset( $formData['postIconSelected']['12'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon12.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="13"<if test="posticon13:|:isset( $formData['postIconSelected']['13'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon13.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="14"<if test="posticon14:|:isset( $formData['postIconSelected']['14'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon14.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="17"<if test="posticon17:|:isset( $formData['postIconSelected']['17'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon17.gif" alt='' />
                        </
li>
                        <
li>
                                <
input type="radio" class="input_radio" name="iconid" value="18"<if test="posticon18:|:isset( $formData['postIconSelected']['18'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/icon18.gif" alt='' />
                        </
li>
                        <
li class='clear'>
                                <
input type="radio" class="input_radio" name="iconid" value="0"<if test="posticon0:|:isset( $formData['postIconSelected']['0'] )"checked="checked"</if> />&nbsp;&nbsp;{$this->lang->words['picons_none']}
                        </
li>
                </
ul
لاحظ! الفرق بين الكودين

لزيادة عدد الأيقونات لأكثر من 18..

فقط قم بإضافة هذا الكود:

كود PHP:
                                <input type="radio" class="input_radio" name="iconid" value="X"<if test="posticonX:|:isset( $formData['postIconSelected']['X'] )"checked="checked"</if> />&nbsp;
                                <
img src="{$this->settings['mime_img']}/style_extra/post_icons/iconX.gif" alt='' />
                        </
li
قبل:

كود PHP:
                        <li class='clear'>
                                <
input type="radio" class="input_radio" name="iconid" value="0"<if test="posticon0:|:isset( $formData['postIconSelected']['0'] )"checked="checked"</if> />&nbsp;&nbsp;{$this->lang->words['picons_none']}
                        </
li
مع مراعاة تغيير إسم الأيقونة للرقم الجديد (للصورة وللكود)...

النتيجة:



نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

إنتهى نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي