Создаем навигацию для дневника. Способ 2.
1.Создаем фон для меню, над ним будут располагаться наши ссылки. Сохраняем изображение.

2. Загружаем картинку в Библиотеку изображений.
3. Теперь пишем код для навигации:
<table style="background-image:url('ИЗОБРАЖЕНИЕ'); width: ШИРИНА height: ВЫСОТА"><tbody><tr><td>
<a href="ССЫЛКА 1">ТЕКСТ ССЫЛКИ</a>
<a href="ССЫЛКА 2">ТЕКСТ ССЫЛКИ</a>
<a href="ССЫЛКА 3">ТЕКСТ ССЫЛКИ</a>
<a href="ССЫЛКА 4">ТЕКСТ ССЫЛКИ</a>
</td></tr></tbody></table>

Важно: в "background-image:url('ИЗОБРАЖЕНИЕ'); - адрес ссылки пишется без "//static.diary.ru"
4. Мой код:
<table style="background-image:url('/userdir/3/2/5/9/3259691/81503663.gif'); width: 312 height: 228">

<tbody><tr><td>
<p><a style="color: #ac8b99; font-family: Comic Sans MS; font-size: 14  padding: 0px 0px 0px 140" href="lemur-instant-stivi.diary.ru/">Моя страница</a></p>
<p><a style="color: #ac8b99; font-family: Comic Sans MS; font-size: 14 padding: 0px 0px 0px 140" href="club-by-instant.diary.ru/">Мое сообщество</a></p>
<p><a style="color: #ac8b99; font-family: Comic Sans MS; font-size: 14 padding: 0px 0px 0px 140" href="www.diary.ru/member/?3256256">Мой профиль</a></p>
<p><a style="color: #ac8b99; font-family: Comic Sans MS; font-size: 14 padding: 0px 0px 0px 140" href="www.diary.ru/member/?3259691">Профиль сообщества</a></p>
</td></tr></tbody>

</table>


5. Результат:

Моя страница


Мое сообщество


Мой профиль


Профиль сообщества



Есть много вариантов оформления навигации (например, эпиграф сообщества), сложность зависит от ваших знаний, удачи в творчестве.
Подробнее об оформлении ссылок в этом уроке: Перейти.
Если у вас остались вопросы, задавайте их в комментариях этого урока)
Навигация по урокам сообщества: Перейти.