Кнопки под социальные сети или на официальные ресурсе, которые можно установить на свой сайт, что отлично созданные по дизайн. Каждая из ниж идет под ссылку и безусловно само изображение будет уже обозначать, на какую тематику вы попадете. Это может быть как внутри своего интернет портала или на спонсора. Лучшем использовать в самой площадке, если не по теме, то решается по смене как не сложно, где размер в стилях задается. Больше всего можно заметить, что их создают под категорий и задают решение под навигацию. По стилистике все шикарно выставлены, что подойдет на светлый или темный фон. Где производится по несколько пикселей обвод и формируется фигура, что веб мастер сам редактирует под свой формат шаблона. Круглые иконки соц сети для uCoz Ставим там где считаете нужным. HTML Код <span class="taserkun"></span> <span class="runimatun"> <a href="http://zornet.ru/"><img src="http://zornet.ru/Aben/ABGDA/ARMA.jpg" border="0"></a> <a href="/"><img src="http://zornet.ru/Aben/ABGDA/vk.jpg" border="0"></a> <a href="/"><img src="http://zornet.ru/Aben/ABGDA/youtube.jpg" border="0"></a> <a href="/"><img src="http://zornet.ru/Aben/ABGDA/steam.jpg" border="0"></a> </span> CSS Код .runimatun img {display: block;float: left;width: 75px;height: 75px;margin-right: 6px;padding: 0px;border-radius: 50px;border: 4px solid #dadada;box-shadow: 0px 0px 8px 2px #929292;} .runimatun1 { position: absolute; font-family: 'Roboto', sans-serif; color: #fff; float: left; width: 175px; height: 18px; margin-top: 140px;} .taserkun { position: absolute; font-family: 'Roboto', sans-serif; color: #fff; float: left; width: 175px; height: 18px; margin-top: 140px;} .taserkun img { display: block;float: left;width: 40px;height: 40px;margin-right: 6px;padding: 0px;border-radius: 50px;border: 6px solid #50555d;} Не забываем, что при каждой смени или редакций лучше сохранить основу, всегда пригодиться |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |