11 февр. 2013 г.

CSS часть 2

Ещё раз благодарю автора сайта sozdaiblog.ru © Дениса Черникова.
Код для вставки стилей на свои страницы, и ещё много интересного, вы сможете узнать и скачать с сайта автора.

Cтили.

 Cкачал стили с sozdaiblog.ru, (спасибо автору ©) и теперь слегка изменив картинки, буду экспериментировать на этом блоге.
Пункты меню имеются, нужна привязка перенаправления ссылок.
Первым делом, необходимо загрузить и получить адреса своих картинок.
Затем, вставляем этот код в то место блога, в котором он должен будет находиться.

<ul class="mh-menu">
<li><a href="Ссылка http://buxip.blogspot.ru/"><span>Главная</span></a><img alt="Home" src="Путь к фото https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggvU-l_ScgKD5lWhHYfbvc3VlUWIB-44kL34VE3BhLz6o3hvJuepGsDMYUUN6h3etcVWNCpJgt50AGsrBiYtJUUGtLsB-wTEHBFuBU9U5mvNO0A52GnUKRgYB348Fdsy3W271WwS20_nE/s468/Home.png" /></li>
<li><a href="Ссылка http://buxip.blogspot.ru/p/blog-page.html"><span>Мои фото</span></a><img alt="FotoRama" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjycP7qUlWh1F5sKbVI_yDvJJd3BkfxGR8kIPGebUMip4iGGkpBOaIpdy-8KFCiNS1lN-FNRVwYUuiwkejPcqPZgSCJRSWnu6ofeuxo0ZBrNp84S_An0Bw6fYpR42aUIOCBkE4y-RF4BEo/s468/FotoRama.png" /></li>
<li><a href="Ссылка http://buxip.blogspot.ru/p/blog-page_25.html"><span>Чат</span> <span>Интерактивный чат</span></a><img alt="Chat" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_qfYGPi9YTc3vkkN4-vC82a11lfCtqviWgFGmzrXua2erhoILCwDlPiEv-NLqUnp6TUyR1kyCX98rovu6_GzJdeCRYjd8PjnXvrAYXifyOW0Hi_pZt-Y1ZVdMMWaWk5F5KYXm-zOz9B8/s468/chat.png" /></li>
<li><a href="Ссылка http://buxip.blogspot.ru/p/blog-page_5029.html"><span>Авторизация</span> <span>Страница авторизации</span></a><img alt="Avtorizacia" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEwPjcYTD-C76su8csNUFPiFb9UzhHYbt_oKEbWmn1nB3kHo1aDME6gYSUx3tUu3_IebiM0lZL6kc77726uFRoMJtj-KhYNd5FVh8u55ZBaGEt0GtzBC8c3I70pSPoomPo7gSgc1bmBvc/s468/Avtorizacia.png" /></li>
<li><a href="Ссылка http://buxip.blogspot.ru/p/sitemap.html"><span>Sitemap</span> <span>Карта сайта</span></a><img alt="Sitemap" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvbbE9S436X3ZvcIMvJcNja5wQmEM7jv5581SnIVUZEqiqU0mzSZ_ctRermBwaQLSU090i5H5TSqkQKlUh-mbKCh_92Bk5eZMaiLwcdVYSVf2U67aLLLTH1SMFWTYaSar8_FIclAdsb8Y/s468/Sitemap.png" /></li>
</ul>



Далее, правим и добавляем в шаблон CSS и смотрим что получилось.
В этом посте, не заработало, зато в следующем все функционирует.