Попросили написать урок, как делать такие рамки. А писать, честно, не знаю что. Это ведь обычная рамка, которые мы уже учились делать здесь. Я просто дам HTML-код такой рамки и покажу на примере как будет меняться рамка в процессе.
Вставляем в Новую запись код рамки: <table cellspacing="0" cellpadding="0" background="ЛИЦЕВОЙ ФОН" border="0"><tr><td width="ШИРИНА ФОНА"><right><a href="ССЫЛКА НА АВТОРА">ИМЯ АВТОРА</a></right><text face="verdana" size="РАЗМЕР ТЕКСТА" color="ЦВЕТ ТЕКСТА"><b><center><u>НАЗВАНИЕ РАМКИ</u></center></b></text><br><table cellspacing="0" cellpadding="0"border="0"><tr><td width=330> МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a href='ССЫЛКА НА ЭТОТ ТРЕК'><br>КАРТИНКА - КНОПКА СКАЧАТЬ</a> </td></tr> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a href='ССЫЛКА НА ЭТОТ ТРЕК'><br>КАРТИНКА - КНОПКА СКАЧАТЬ</a> </td></tr> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a href='ССЫЛКА НА ЭТОТ ТРЕК'><br>КАРТИНКА - КНОПКА СКАЧАТЬ</a> </td></tr> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a href='ССЫЛКА НА ЭТОТ ТРЕК'><br>КАРТИНКА - КНОПКА СКАЧАТЬ</a> </td></tr> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a href='ССЫЛКА НА ЭТОТ ТРЕК'><br>КАРТИНКА - КНОПКА СКАЧАТЬ</a> </td></tr></table> <br></td></tr></table>
Вставляем на место записи ЛИЦЕВОЙ ФОН адрес картинки №1 Было: <table cellspacing="0" cellpadding="0" background="ЛИЦЕВОЙ ФОН" border="0"> Стало: <table cellspacing="0" cellpadding="0" background="http://content.foto.mail.ru/mail/moisin/3320/i-3355.jpg" border="0">
Точно также на место записей КАРТИНКА - КНОПКА СКАЧАТЬ вставляем код картинки №2.
Нажмём на предпросмотр и глянем, что у нас получилось.
Да... некрасиво... А всё потому, что мы не указали размер рамки. А размер должен соответствовать размеру картинки. Подставим значение ширины картинки (её ширина 600) на место записи ШИРИНА ФОНА