Как красиво установить несколько счетчиков на сайт? Сколько счетчиков у вас на сайте? У меня получается два. Счетчик Яндекса- наиболее наглядный, но глюкавый. Счетчик LiveInternet неудобный, но есть ряд плюсов. Есть еще рамблеровская иконка Top100, mail.ru рейтинг и так далее. Если ставить их в один блок в Joomla! или Wordpress получается криво и коряво, если разносить по разным блокам- тоже не комильфо. В результате я решил вспомнить старый добрый HTML и сделать таблицу с одинаковыми ячейками, в которых собственно и разместить прямоугольники счетчиков.
Таблица в HTML начинается с тега <table> и заканчивается тегом </table>. Описание таблицы размещается в открывающем теге. Что можно и нужно описать- ширина таблицы width с синтаксисом width="123" (ширина будет 123 пикселя), выравнивание относительно края окна браузера- align="left или center или right", границы таблицы border="1", т.е. 1 пиксель, хотите без границ- поставьте 0 и последний нужный параметр- цвет границы bordercolor="цвет".
Далее теги <tr> и </tr> формируют ряды таблицы, а <td> и </td>- ячейки.Внутри этих тегов тоже можно использовать описания рядов и ячеек.
Теперь для примера таблица.
Не нужны границы- меняем 1 в border на 0
Вместо кода счетчика можно вставить рисунок, текст или оставить пустой с перспективой на будущее.
Таблица в HTML начинается с тега <table> и заканчивается тегом </table>. Описание таблицы размещается в открывающем теге. Что можно и нужно описать- ширина таблицы width с синтаксисом width="123" (ширина будет 123 пикселя), выравнивание относительно края окна браузера- align="left или center или right", границы таблицы border="1", т.е. 1 пиксель, хотите без границ- поставьте 0 и последний нужный параметр- цвет границы bordercolor="цвет".
Далее теги <tr> и </tr> формируют ряды таблицы, а <td> и </td>- ячейки.Внутри этих тегов тоже можно использовать описания рядов и ячеек.
Теперь для примера таблица.
<table border="1" width="600" align="center">
<tr>
<td width="300"><p>Код счетчика 1</p></td><td width="300" align="right"><p>Код счетчика 2</p></td></tr>
<tr>
<td width="300"><p>Код счетчика 3</p></td><td width="300" align="right"><p>Код счетчика 4</p></td>
</tr>
</table>
| Код счетчика 1 | Код счетчика 2 |
| Код счетчика 3 | Код счетчика 4 |
Не нужны границы- меняем 1 в border на 0
<table border="0" width="600" align="center">
<tr>
<td width="300"><p>Код счетчика 1</p></td><td width="300" align="right"><p>Код счетчика 2</p></td></tr>
<tr>
<td width="300"><p>Код счетчика 3</p></td><td width="300" align="right"><p>Код счетчика 4</p></td>
</tr>
</table>
Получаем:
Получаем:
| Код счетчика 1 | Код счетчика 2 |
| Код счетчика 3 | Код счетчика 4 |
Вместо кода счетчика можно вставить рисунок, текст или оставить пустой с перспективой на будущее.
Комментариев нет:
Отправить комментарий