1. Заходим в шаблон: User Control Panel Section -> avatar_url_field
Находим там:
| QUOTE |
| <input type='text' size='40' maxlength='80' name='url_avatar' value='$avatar' class='forminput' onfocus='select_url()' /> |
Заменяем на:
| QUOTE |
| <input type='text' size='40' id='url_avatar_field' maxlength='80' name='url_avatar' value='$avatar' class='forminput' onfocus='select_url()' /> |
2. Редактируем шаблон: User Control Panel Section -> avatar_external_title
Вставляем в самый верх это:
| QUOTE |
| <script> function changeProfileAvatar(url) { if (url != "http://" ) { fieldItm = null; imgItm = null; if (document.getElementById) { fieldItm = document.getElementById("url_avatar_field"); imgItm = document.getElementById("chosenAvatar"); } else if (document.all) { fieldItm = document.all["url_avatar_field"]; imgItm = document.all["chosenAvatar"]; } else if (document.layers) { fieldItm = document.layers["url_avatar_field"]; imgItm = document.layers["chosenAvatar"]; } if ( fieldItm ) { fieldItm.value = url; imgItm.src = url; imgItm.style.width = ""; imgItm.style.height = ""; } } } </script> <div><table class='tablebasic' cellpadding='4'> <tr> <td class='pformleft' align='left' valign='top' >Или выберайте один из аватаров коллекции нашего форума:</td> <td class='pformright' ><table border='0' width='100%' ><tr><td width='100%' align='left' valign='top'> <select name='favatar' class='codebuttons' onchange="changeProfileAvatar(this.options[this.selectedIndex].value)" > <option value="http://"><b>Выберите аватар</b></option> <option value="Ссылка_на_аватару">Название аватары</option> </select><br/><br/> <input type="submit" name="submit" value="Применить" class='forminput' /> </td><td width='122' height="122" align='center' valign='center'> <img id="chosenAvatar" src="http://rc.foto.radikal.ru/0707/88/0c4027194d0d.gif" /> </td></tr></table></td></tr> </table></div> |
Теперь строчка что выделена фиолетовым:
| QUOTE |
| <option value="Ссылка_на_аватару">Название аватары</option> |
Вот дублируйте её сколько хотите, и вставляйте ссылки на автарки и названия.
Ссылки обязательно должны начинаться с http://
То что выделено синим, это ссылка на пустой аватар - т.е. когда он не выбран еще. Поставьте туда или пустышку картинку или просто картинку с "Аватар не выбран" ну что-нибудь.
То, что выделено оранжевым - это максимальные размеры аватары, если вы не хотите что бы ваша табличка изменяла размеры при выборе аватара, то задавайте там максимально возможный размер аватара +2.
Всё
