Веб-мастеру uCoz

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Веб-мастеру uCoz » Помощь, вопросы по uCoz » [РЕШЕНО] css :D


[РЕШЕНО] css :D

Сообщений 1 страница 5 из 5

1

как сделать отступ в ксс чтобы было как на этой картинке, где кружки туда надо вставить следующие картинки:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Код:
http://proma.ucoz.com/images/social/facebook.png
http://proma.ucoz.com/images/social/google.png
http://proma.ucoz.com/images/social/youtube.png

Css Ссылка

Отредактировано papas_tm_serjik (24.06.2012 18:05)

0

2

Картинка не грузится http://ucoz.usertalk.ru/uploads/0007/af/57/16341-2.gif Перезалей ее на другой фотохостинг

0

3

Admin, Все  http://ucoz.usertalk.ru/uploads/0007/af/57/16341-1.gif

0

4

Ну это можно сделать посредством обычного HTML http://ucoz.usertalk.ru/uploads/0007/af/57/16361-4.gif
Для начала замени это

Код:
<div id="ts"><a href="/" title=""></a></div>

на это

Код:
<div id="ts">
<a href="/" title=""><img src="/images/social/vkontakte.png"></a>
<a href="/" title=""><img src="/images/social/facebook.png"></a>
<a href="/" title=""><img src="/images/social/google.png"></a>
<a href="/" title=""><img src="/images/social/youtube.png"></a>
</div>

Соответственно сам ко всем ссылкам подпишешь путь (href) и описание (title).
Далее, в style.css удаляй

Код:
  #ts{
width:196px;
height:60px;
margin:auto;
position:relative;
display:block;
}
#ts a{
	background-image:url("../images/social/vkontakte.png");
	background-repeat:no-repeat;
	position:relative;
display:block;
width:196px;
height:60px;
}

Готово http://ucoz.usertalk.ru/uploads/0007/af/57/16341-1.gif

+1

5

Спасибо  http://ucoz.usertalk.ru/uploads/0007/af/57/16390-1.png

0


Вы здесь » Веб-мастеру uCoz » Помощь, вопросы по uCoz » [РЕШЕНО] css :D