Рассмотрим на примере поста про социальные закладки изменение внешнего вида кнопки, не хотелось бы, чтобы на русском блоге были записи на Английском (конечно если такая возможность есть)
Когда мы получаем код кнопки, то он состоит из гиперссылки, то есть куда и на что эта кнопка ссылается, затем атрибутов ( размеры, описание ) и самого изображения кнопки, вот:
<!-- 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 -->
Удачи!
Недавно на основании всех этих полезностей я сменил дизайн.
Сделал это потому что этот блог был первый и пробный - я вообще про всякие CSS HTML JavaScript ничего не знал, но мне очень хотелость чего-нибудь эдакого.
Приглашаю посетить мой новый блог там будет много о чём поговорить.
Ну а в этом будут советы, советы, советы в помощь блоггеру как и задумывалось!
суббота, 30 июня 2007 г.
Как изменить кнопку
Подписаться на:
Комментарии к сообщению (Atom)
9 комментариев:
А как сделать так чтобы в окошке рядом с кнопкой был текст,чтоб другие смогли его скопировать и разместить у себя ?
вот чтобы вот так было http://www.imgplace.com/directory/dir4952/1183213409_potq.bmp
Привет!
Самое простое в этом случае - текст заключать в теги
<textarea rows="xxx" cols="yyy">пример_текста</textarea>, где xxx и yyy - количество строк и столбцов соответственно.
Спасибо
Токо почему-то слишком узкая строка(
как по длиннее сделать?
Если для того чтобы мне отписаться то скажу: чтобы длиннее стало - нужно длинну увеличить, а именно значение yyy :)
А вообще лучше код покажите!
Это будет нагляднее, поймите пальцем тыкать в небо дело интересное но очень долгое :)
я добавлял yyy,но не ничего не изменилось(
вот что получается http://www.imgplace.com/directory/dir4963/1183228836_((.JPG
спасибо за внимание)
у меня никогда не получится( хочу поменять "предыдущие" посты на картинку). не могу в коде найти ничего подобного(
у меня никогда не получится( хочу поменять "предыдущие" посты на картинку). не могу в коде найти ничего подобного(
Отправить комментарий