Ознакомиться с предложением по сертификации и аттестации на сайте http//jurists.moscow - дистанционное обучение.

Недавно на основании всех этих полезностей я сменил дизайн. Сделал это потому что этот блог был первый и пробный - я вообще про всякие CSS HTML JavaScript ничего не знал, но мне очень хотелость чего-нибудь эдакого. Приглашаю посетить мой новый блог там будет много о чём поговорить. Ну а в этом будут советы, советы, советы в помощь блоггеру как и задумывалось!

суббота, 30 июня 2007 г.

Как изменить кнопку

Рассмотрим на примере поста про социальные закладки изменение внешнего вида кнопки, не хотелось бы, чтобы на русском блоге были записи на Английском (конечно если такая возможность есть)


Когда мы получаем код кнопки, то он состоит из гиперссылки, то есть куда и на что эта кнопка ссылается, затем атрибутов ( размеры, описание ) и самого изображения кнопки, вот:

<!-- AddThis Bookmark Post Button BEGIN -->
<div><a expr:href=\'\"http://www.addthis.com/bookmark.php?pub=konkoff&url=\" + data:post.url + \"&title=\" + data:post.title\' target=\'_blank\' title=\'Bookmark using any bookmark manager!\'><img src=\'http://s9.addthis.com/button2-bm.png\' width=\'160\' height=\'24\' style=\'border: 0px; padding: 0px\' alt=\'AddThis Social Bookmark Button\' /></a></div>
<!-- AddThis Bookmark Post Button END -->


заметим, что там где написано начало <img src=\'http://s9.addthis.com/button2-bm.png\' это и есть рисунок, который подгружается собственно говоря для того, чтобы щёлкать по нему.

Теперь мы определились где же всё-таки рисунок лежит и нам ничего не стоит подменить ссылку на рисунок на ссылку на новый рисунок лежащий где угодно, наши действия:

1 редактируем рисунок кнопки в графическом редакторе( я заменил название на скорую руку );
2 заливаем на какой-нибудь free-host ( запоминаем URL залитой картинки );
3 вставляем в код вместо URL-картинки любезно предоставленного сервисом закладок наш собственный URL, чтобы выглядело так:

<!-- AddThis Bookmark Post Button BEGIN -->
<div><a expr:href=\'\"http://www.addthis.com/bookmark.php?pub=konkoff&url=\" + data:post.url + \"&title=\" + data:post.title\' target=\'_blank\' title=\'Bookmark using any bookmark manager!\'><img src=\'URL_НАШЕЙ_НОВОЙ_КНОПКИ\' width=\'160\' height=\'24\' style=\'border: 0px; padding: 0px\' alt=\'AddThis Social Bookmark Button\' /></a></div>
<!-- AddThis Bookmark Post Button END -->


Удачи!

9 комментариев:

Анонимный комментирует...

А как сделать так чтобы в окошке рядом с кнопкой был текст,чтоб другие смогли его скопировать и разместить у себя ?

Анонимный комментирует...

вот чтобы вот так было http://www.imgplace.com/directory/dir4952/1183213409_potq.bmp

Konkoff комментирует...

Привет!
Самое простое в этом случае - текст заключать в теги
<textarea rows="xxx" cols="yyy">пример_текста</textarea>, где xxx и yyy - количество строк и столбцов соответственно.

Анонимный комментирует...

Спасибо
Токо почему-то слишком узкая строка(
как по длиннее сделать?

Konkoff комментирует...

Если для того чтобы мне отписаться то скажу: чтобы длиннее стало - нужно длинну увеличить, а именно значение yyy :)
А вообще лучше код покажите!
Это будет нагляднее, поймите пальцем тыкать в небо дело интересное но очень долгое :)

Анонимный комментирует...

я добавлял yyy,но не ничего не изменилось(

Анонимный комментирует...

вот что получается http://www.imgplace.com/directory/dir4963/1183228836_((.JPG

спасибо за внимание)

Света комментирует...

у меня никогда не получится( хочу поменять "предыдущие" посты на картинку). не могу в коде найти ничего подобного(

Света комментирует...

у меня никогда не получится( хочу поменять "предыдущие" посты на картинку). не могу в коде найти ничего подобного(