Dodawanie nowej ikony tematu

[DawPi]

Jeśli znudziło Cię tych 14 standardowych ikon tematu, jakie user może wybrać i chcesz dodać tam ikony, postępuj wg poniższej instrukcji.

Pierwsze co musisz zrobić to zuploadować nowe ikony na FTP do folderu: style_images/XXXX/folder_post_icons folder/

gdzie XXXX - to nazwa folderu z grafikami używanymi przez danego skina.

Następnie należy zmienić nazwę owych ikon. Jeśli ostatnia to icon14.gif, należy po prostu inkrementować tę wartość o jeden dla każdego kolejnej ikony.

Przejdź do:

ACP > LOOK & FEEL > ( wybór skina ) > Edit Template HTML > Post Screen >>PostIcons

Znajdź:

<input type="radio" class="radiobutton" name="iconid" value="14"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon14.gif"  align='middle' alt='' /><br />

Dodaj poniżej:

<input type="radio" class="radiobutton" name="iconid" value="15" />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon15.gif"  align='middle' alt='' />  &nbsp<br>

Jak widać jest to kod dla ikony nr 15. By dodawać kolejne wystarczy zmieniać kolejno wartości: value="XX", gdzie XX to kolejny numer porządkowy i icon15.gif to nazwa kolejnej grafiki.

Autorem tutoriala jest DawPi. Zabrania się kopiowania, powielania. W szczególności na inne fora bez zgody autora.

Tutorial wykonany dla www.IPB.ipslink.pl

[Xawier]

Coś to nie działa, Te kody się różnią, np <br> = <br/>.

[DawPi]

Działa działa <br> i <br /> to jest to samo, tylko drugi zapis jest wg standardów.

Pokaż swój kod i wtedy możemy coś uradzić.

[Xawier]

<tr>
<td colspan='2' align='center' class='bg1'>
<div style='width:100%;' align='center' class='borderwrap'>
<table cellpadding='0' cellspacing='0' width='100%' class='darkrow3'>
  <tr>
<td align="right" valign='top' width='20%'>
 <strong>{$this->ipsclass->lang['post_icon']}</strong>
 <br /><span class='desc'>{$this->ipsclass->lang['post_optional']}</span>
</td>
<td align="left" width='80%'>
  <input type="radio" class="radiobutton" name="iconid" value="1" />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon1.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="2"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon2.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="3"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon3.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="4"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon4.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="5"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon5.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="6"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon6.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="7"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon7.gif"  align='middle' alt='' /><br />
  <input type="radio" class="radiobutton" name="iconid" value="8" />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon8.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="9"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon9.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="10"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon10.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="11"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon11.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="12"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon12.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="13"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon13.gif"  align='middle' alt='' />   <input type="radio" class="radiobutton" name="iconid" value="14"  />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon14.gif"  align='middle' alt='' /><br /><input type="radio" class="radiobutton" name="iconid" value="15" />  <img src="{$this->ipsclass->vars['img_url']}/folder_post_icons/wc3.gif"  align='middle' alt='' />   <br>
  <input type="radio" class="radiobutton" name="iconid" value="0" checked="checked" />  {$this->ipsclass->lang['picons_none']}
</td>
  </tr>
 </table>
</div>
</td>
</tr>

plik nazywa sie wc3.gif i chyba do dobrego katalogu wzuciłem ;p

Edytowane 16 Lutego 2008 przez DawPi
codebox to super sprawa. Polecam :)

[DawPi]

<tr>
<td colspan='2' align='center' class='bg1'>
<div style='width:100%;' align='center' class='borderwrap'>
<table cellpadding='0' cellspacing='0' width='100%' class='darkrow3'>
  <tr>
   <td ALIGN="right" valign='top' width='20%'>
    <strong>{$this->ipsclass->lang['post_icon']}</strong>
    <br /><span class='desc'>{$this->ipsclass->lang['post_optional']}</span>
   </td>
   <td ALIGN="left" width='80%'>
     <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="1" />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon1.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="2"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon2.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="3"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon3.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="4"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon4.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="5"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon5.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="6"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon6.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="7"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon7.gif"  align='middle' alt='' /><br />
     <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="8" />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon8.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="9"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon9.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="10"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon10.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="11"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon11.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="12"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon12.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="13"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon13.gif"  align='middle' alt='' />   <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="14"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon14.gif"  align='middle' alt='' /><br />
     <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="15"  />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/icon15.gif"  align='middle' alt='' /><br /><input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="15" />  <img SRC="{$this->ipsclass->vars['img_url']}/folder_post_icons/wc3.gif"  align='middle' alt='' />  &nbsp<br>
     <input TYPE="radio" CLASS="radiobutton" NAME="iconid" VALUE="0" checked="checked" />  {$this->ipsclass->lang['picons_none']}
   </td>
  </tr>
 </table>
</div>
</td>
</tr>

Tak powinno być dobrze. Dodany element nr 15. Analogicznie dalej się postępuje.

DawPi

[Xawier]

Dales dwa razy 15, czyli jedno puste. ale nie wazne. Bo nadal jest problem. Wszystko ładnie już jest do wyboru ikonka, tyle ze gdy ja wybiorę to sie ona nie wybiera{wyswietla). Gdy wejde jeszcze raz do tego samego posta to zadna ikonka nie jest zaznaczona.

P.S. jak zrobić aby cenzura omijała linki ?

Edytowane 17 Lutego 2008 przez Xawier

[DawPi]

plik nazywa sie wc3.gif i chyba do dobrego katalogu wzuciłem ;p

Plik musi się nazywać: icon15.gif

Dales dwa razy 15, czyli jedno puste. ale nie wazne. Bo nadal jest problem. Wszystko ładnie już jest do wyboru ikonka, tyle ze gdy ja wybiorę to sie ona nie wybiera{wyswietla). Gdy wejde jeszcze raz do tego samego posta to zadna ikonka nie jest zaznaczona.

Racja, trochę namieszałem ten kod, ale tam jest sam HTML więc sobie poradzisz:)

Odnośnie błędu: zmień nazwę grafiki i powinno działać.

P.S. jak zrobić aby cenzura omijała linki ?

Nie ma prostej metody. Być może jest już gotowa modyfikacja więc można poszukać, a jak nie ma to można napisać

DawPi

[Xawier]

No pięknie działa, wielki thx ;]