Первое что нужно знать так это HTML язык!
Чтобы выучить его полностью один сайт вам непоможет, потому мы будем учиться редактировать уже готовые скрипты.
К примеру возьмём блок софта с нашего сайта.
Вот его код:
<div align="center"><table width="128" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td width="32" height="32"><a href="http://depositfiles.com/files/fbihzaqov" target="_blank"><img src="http://all4users.net.ru/al4soft/opera.png" title="Скачать браузер Opera" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/iyaeqp9qp" target="_blank"><img src="http://all4users.net.ru/al4soft/firefox.png" title="Скачать браузер Mozilla Firefox 3" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/zk79nrto3" target="_blank"><img src="http://all4users.net.ru/al4soft/chrome.png" title="Скачать браузер Google Chrome" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/bt8b3ju1b" target="_blank"><img src="http://all4users.net.ru/al4soft/dm.png" title="Скачать Download Master" width="32px" border="0px" height="32px"></a></td></tr><tr><td width="32" height="32"><a href="http://depositfiles.com/files/cnynqn9ad" target="_blank"><img src="http://all4users.net.ru/al4soft/qip.png" title="Скачать QIP Infium" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/1spa7n4fk" target="_blank"><img src="http://all4users.net.ru/al4soft/skype.png" title="Скачать Skype" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/rwokovk0o" target="_blank"><img src="http://all4users.net.ru/al4soft/utorrent.png" title="Скачать µTorrent" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/vvn1gi2wc" target="_blank"><img src="http://all4users.net.ru/al4soft/tv.png" title="Скачать TeamViewer" width="32px" border="0px" height="32px"></a></td></tr><tr><td width="32" height="32"><a href="http://depositfiles.com/files/8ylrp997p" target="_blank"><img src="http://all4users.net.ru/al4soft/cureit.png" title="Скачать Dr.Web CureIT" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/ggvgm8wcz" target="_blank"><img src="http://all4users.net.ru/al4soft/avira.png" title="Скачать Avira AntiVir" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/5ahm576fw" target="_blank"><img src="http://all4users.net.ru/al4soft/totalcommander.png" title="Скачать Total Commander" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/ru/files/9nw0x7zb3?redirect" target="_blank"><img src="http://all4users.net.ru/al4soft/cd.png" title="Скачать CDBurnerXP" width="32px" border="0px" height="32px"></a></td></tr><tr><td width="32" height="32"><a href="http://depositfiles.com/files/lzgo3lojy" target="_blank"><img src="http://all4users.net.ru/al4soft/picasa.png" title="Скачать Picasa" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/ij7hzw7vp" target="_blank"><img src="http://all4users.net.ru/al4soft/irfanview.png" title="Скачать IrfanView" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/lk5x3q66s" target="_blank"><img src="http://all4users.net.ru/al4soft/chemax.png" title="Скачать CheMax" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/siwd0gviv" target="_blank"><img src="http://all4users.net.ru/al4soft/daemontools.png" title="Скачать DAEMON Tools Lite" width="32px" border="0px" height="32px"></a></td></tr><tr><td width="32" height="32"><a href="http://depositfiles.com/files/lxkzfv3di" target="_blank"><img src="http://all4users.net.ru/al4soft/aimp.png" title="Скачать плеер AIMP" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/r0qjtjjec" target="_blank"><img src="http://all4users.net.ru/al4soft/km.png" title="Скачать плеер KMPlayer" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"><a href="http://depositfiles.com/files/22vw35gxm" target="_blank"><img src="http://all4users.net.ru/al4soft/winrar.png" title="Скачать архиватор WinRAR" width="32px" border="0px" height="32px"></a></td><td width="32" height="32"></tbody></table></div> <script type="text/javascript" src="http://szenprogs.ru/scripts/softbar/spsoftbar.js"></script>
Первым что мы изменим к примеру иконки:
Берём первую стороку, она заканчивается тегом </td> тоесть это одна клетка таблицы ( так будут заканчиваться и начинаться последующие элементы с которыми мы будем работать в отдельности )
вот первая строка :
<div align="center"><table width="128" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td width="32" height="32"><a href="http://depositfiles.com/files/fbihzaqov" target="_blank"><img src="http://all4users.net.ru/al4soft/opera.png" title="Скачать браузер Opera" width="32px" border="0px" height="32px"></a></td>
копируем её в блокнот или другой текстовый редактор,
находим фрагмент -
<img src="http://all4users.net.ru/al4soft/opera.png" title="Скачать браузер Opera" width="32px" border="0px" height="32px">
это адрес картинки используемой как ссылку в блоке софта.
теперь скачиваем или создаём свою картинку ( Оперы например )
в отрывке : <img src="http://all4users.net.ru/al4soft/opera.png" изменяем адрес начиная с http:// и т.д на адрес вашей иконки ( она должна быть загружена в корень сайта )
потом возврящаемся к первой строке и находим фрагмент: title="Скачать браузер Opera" width="32px" border="0px" height="32px" он стоит после адреса уже загруженой вами картинки, и изменяем надпись "Скачать браузер Opera" на свою ( например Опера 9.63 или прочее ).
Так повторяем со всеми строками кода которые начинаются и заканчиваются на <tr> <td> </tr> </td>.
Вобщем новый скрипт готов !!!! =) Теперь возьмём вот такой мини-профиль: Его код: <div align="center"><strong><SCRIPT LANGUAGE="JavaScript"> currentTime = new Date(); if (currentTime.getHours() >= 6 && currentTime.getHours() <= 11 ) document.write("Доброе утро, "); if (currentTime.getHours() >= 12 && currentTime.getHours() <= 17 ) document.write("Добрый день, "); if (currentTime.getHours() >= 18 && currentTime.getHours() <= 23) document.write("Добрый вечер, "); if (currentTime.getHours() >= 0 && currentTime.getHours() <= 5) document.write("Доброй ночи, "); </SCRIPT> $USERNAME$</strong> <br> <br> Сообщения: <img src="http://s42.radikal.ru/i096/0811/da/792a904470e4.gif" ><img src="http://s40.radikal.ru/i089/0811/94/292f5884f6d6.gif" ><br> <img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><img class="userAvatar" title="$USERNAME$" src="http://s56.radikal.ru/i152/0811/94/7504f641ae8e.png" border="0"><img class="userAvatar" title="$USERNAME$" src="http://s56.radikal.ru/i152/0811/94/7504f641ae8e.png" border="0">
<span style="font-weight: bold; color: rgb(0, 102, 0);"><br><font color="#006400">Группа:</font></span> <b>$USER_GROUP$ <div align="center"><font color="#006400"><strong>Время:</strong></font><b>$TIME$</b><br>
<div align="left"> <br><img src="http://babin.at.ua/image/ico2/user.png"> Логин: <b>$USER_FULL_NAME$ </b> <br><img src="http://babin.at.ua/image/ico2/key.png"> ID: <b>$USER_ID$</b>
<br><img src="http://babin.at.ua/image/ico2/clock.png"> Ты здесь: <font color="#FF0000"><b>$USER_REG_DAYS$</b></font>-й день <br><img src=""http://soft-fan.3dn.ru/icons_forum/progr.gif" border="0"> Твой IP:<b>$IP_ADDRESS$</b> <br><a target="_blank" href="$PERSONAL_PAGE_LINK$"><img src="http://soft-fan.3dn.ru/icons_forum/progr.gif" border="0"> Профиль</a> <br><a href="javascript:openOnClick('users')"><img src="http://babin.at.ua/image/ico2/vcard.png"> Список пользователей</a> <br><a href="javascript:openOnClick('options')"><img src="http://babin.at.ua/image/ico2/wrench.png"> Изменить информацию</a> <br><a href="javascript:openOnClick('send')"><img src="http://babin.at.ua/image/ico2/email_edit.png"> Отправить сообщение</a> <br><a id="upml2" href="javascript:openOnClick('mail')"><img src="http://babin.at.ua/image/ico2/email.png"> Читать ЛС (<b>$UNREAD_PM$</b>)</a> <script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script> </div> <DIV><br><center><a target="_blank" href="$LOGOUT_LINK$"><img src="http://s45.radikal.ru/i107/0811/26/3b4b854856bc.png" border="0"></a></center></DIV>
<script language=javascript type=text/javascript> function openOnClick(client_type) { if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!"); if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
} </script> <br>Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь! </div>
$LOGIN_FORM$
Далее ищем строку: Сообщения: <img src="http://s42.radikal.ru/i096/0811/da/792a904470e4.gif" ><img src="http://s40.radikal.ru/i089/0811/94/292f5884f6d6.gif" ><br> переделываем его так <img src="http://(адрес картинки загруженной в корень сайта)"><img src="http://(адрес второй картики)" ><br> теперь перешодим дальше к аватару, строка <img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><img class="userAvatar" title="$USERNAME$" src="http://s56.radikal.ru/i152/0811/94/7504f641ae8e.png" border="0"><img class="userAvatar" title="$USERNAME$" src="http://s56.radikal.ru/i152/0811/94/7504f641ae8e.png" border="0"> также находим теги <img src="..."> и всавляем свои картинки, пишем свои надписи. И в строке <span style="font-weight: bold; color: rgb(0, 102, 0);"><br><font color="#006400">Группа:</font></span> <b>$USER_GROUP$ <div align="center"><font color="#006400"><strong>Время:</strong></font><b>$TIME$</b><br> можно изменить цвет вашего мини профиляи т.д font color="#006400-цвет шрифта font color="#006400-цвет шрифта $TIME$-время
|