Вот выкладываю свой вид "Наши баннеры", который я делал более двух лет назад... Щас я его если честно считаю бесполезным, хотя выглядит очень прикольно, ктому же данный вид функциональный, т.к. людям не придется выделять код который нужно скопировать, а просто нужно будет нажать на кнопку скопировать, и нужный вам код будет скопирован, но может кому-то понадобится данное чудо, но одному человеку точно понадобится, это пользователь Voker с данного сайта т.к. он мне наверно уже неделю голову делает данным материалом)) Ну а теперь переходим к установке...
Установка: 1) Скачиваем архтв, загружаем js файлы себе на сайт
2) Вставляете куда надо данный код:
Код
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td class="w">Мы будем очень признательны, если Вы поставите один из наших баннеров к себе на сайт.</td></tr></tbody></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody>
<tr><td class="e">Ссылки</td><td class="e">Код баннера</td><td class="b">Получить код</td></tr>
<tr>
<td class="o">Ссылка 1</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код ссылки 1</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton40" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source40" style="display:none;">Код ссылки 1</div>
</tr>
<tr>
<td class="o">Ссылка 2</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код ссылки 2</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton41" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source41" style="display:none;">Код ссылки 2</div>
</tr>
<tr>
<td class="o">Ссылка 3</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код ссылки 3</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton42" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source42" style="display:none;">Код ссылки 3</div>
</tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody>
<tr><td class="e">Вид баннера 88x31</td><td class="e">Код баннера</td><td class="b">Получить код</td></tr>
<tr>
<td class="o">Изображение 1</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 1</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton20" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source20" style="display:none;">Код ссылки который копируется 1</div>
</tr>
<tr>
<td class="o">Изображение 2</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 2</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton21" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source21" style="display:none;">Код ссылки который копируется 2</div>
</tr>
<tr>
<td class="o">Изображение 3</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 3</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton22" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source22" style="display:none;">Код ссылки который копируется 3</div>
</tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody>
<tr><td class="e">Вид баннера 468x60</td><td class="e">Код баннера</td><td class="b">Получить код</td></tr>
<tr>
<td class="o">Изображение 1</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 1</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source" style="display:none;">Код который копируется 1</div>
</tr>
<tr>
<td class="o">Изображение 2</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 2</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton2" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source2" style="display:none;">Код который копируется 2</div>
</tr>
<tr>
<td class="o">Изображение 3</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 3</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton3" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source3" style="display:none;">Код который копируется 3</div>
</tr>
<tr>
<td class="o">Изображение 4</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 4</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton4" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source4" style="display:none;">Код который копируется 4</div>
</tr>
<tr>
<td class="o">Изображение 5</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 5</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton5" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source5" style="display:none;">Код который копируется 5</div>
</tr>
<tr>
<td class="o">Изображение 6</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 6</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton6" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source6" style="display:none;">Код который копируется 6</div>
</tr>
<tr>
<td class="o">Изображение 7</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 7</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton7" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source7" style="display:none;">Код который копируется 7</div>
</tr>
<tr>
<td class="o">Изображение 8</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 8</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton8" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source8" style="display:none">Код который копируется 8</div>
</tr>
<tr>
<td class="o">Изображение 9</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 9</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton9" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source9" style="display:none;">Код который копируется 9</div>
</tr>
<tr>
<td class="o">Изображение 10</td>
<td class="h"><center><textarea class="tochka" onclick="this.select()">Код баннера 10</textarea></center></td>
<td class="k"><center><a href="javascript://" id="copyButton11" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source11" style="display:none;">Код который копируется 10</div>
</tr>
<tr>
<td class="a">Изображение 11</td>
<td class="r"><center><textarea class="tochka" onclick="this.select()">Код баннера 11</textarea></center></td>
<td class="u"><center><a href="javascript://" id="copyButton10" style="cursor:pointer;">Скопировать код</a></center></td>
<div id="source10" style="display:none;">Код который копируется 11</div>
</tr>
</tbody></table>
<style>
<!-- Источник http://webo4ka.ru/ -->
.w {padding:4px; background:#d8d8d8; border:1px solid #888; border-bottom:0px; color:#666; font-weight:bold; width:100%; text-align:center;}
.e {padding:4px; background:#eee; border:1px solid #888; border-bottom:0px; border-right:0px; color:#666; font-weight:bold; width:30%; text-align:center;}
.b {padding:4px; background:#d4eabb; border:1px solid #888; border-bottom:0px; color:#8dbf56; font-weight:bold; width:30%; text-align:center;}
.o {padding:4px; background:#fff; border:1px solid #888; border-bottom:0px; border-right:0px; color:#666; width:30%;}
.h {padding:4px; background:#fff; border:1px solid #888; border-bottom:0px; border-right:0px; width:30%;}
.k {padding:4px; background:#f5ffea; border:1px solid #888; border-bottom:0px; width:30%;}
.a {padding:4px; background:#fff; border:1px solid #888; border-right:0px; color:#666; width:30%;}
.tochka {width:268px; height:30px;}
.r {padding:4px; background:#fff; border:1px solid #888; border-right:0px; width:30%;}
.u {padding:4px; background:#f5ffea; border:1px solid #888; width:30%;}
</style>
<script type="text/javascript" src="/js/nachi_banneri_kopirovanie_ocnova.js"></script>
<script type="text/javascript" src="/js/nachi_banneri_po_ccilke.js"></script>
готово, не забываем комментировать:)