moozl

Members
  • Content count

    8
  • Joined

  • Last visited

Everything posted by moozl

  1. Всем привет! Помогите пожалуйста разобраться с css-кодом. Мы имеем вот такие социальные кнопки. Как изменить код, чтобы при наведении курсора на социалки, они подсвечивались РАЗНЫМИ цветами, а не одинаковым зеленым? Код из CSS: #socialbut a { color:#ccc; display:block; font-size:13px; padding:5px 0; text-align:center; width:100px; } #socialbut ul li a span { background:url('../images/socialb.png') no-repeat; display:block; font-size:0; height:30px; margin:2px auto 0; width:30px; z-index:10; } #socialbut ul li a span.vk { background-position:0 -34px; } #socialbut ul li a span.twitter { background-position:0 -68px; } #socialbut ul li a span.google { background-position:0 -99px; } #socialbut ul li a span.fb { background-position:0 -133px; } #socialbut ul li a span.ok { background-position:0 -170px; } #socialbut a:hover { color:#fff; background:url('../images/arrow-left.png') 0 50% no-repeat scroll #8bb312; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset; text-shadow:0 1px 1px rgba(0,0,0,.3); } Заранее, спасибо!
  2. valentino, спасибо Вам большущее за помощь! Я потом еще вытащу оригинальные цвета логотипов социалок и вообще классно будет! Спасибо еще раз! Denis_Pi, спасибо, но вот уже, собственно, все разрулили.
  3. Можно попробовать Disqus.
  4. После добавления кода при наведении курсора вот такая картина. Почему-то белым цветом заливает...
  5. Изменение #socialbut a:hover { color:#fff; background:url('../images/arrow-left.png') 0 50% no-repeat scroll #9b0a16; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset; text-shadow:0 1px 1px rgba(0,0,0,.3); } На #socialbut a span.ok:hover { color:#fff; background:url('../images/arrow-left.png') 0 50% no-repeat scroll #ffba00; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset; text-shadow:0 1px 1px rgba(0,0,0,.3); } Дало такой результат: Причем, все остальное перестало работать! HELP!
  6. Вот, что вышло: Цвет меняется только тогда, когда наводишь на логотип социалки. Цветной квадрат выводится на передний план. Вообще, мне кажется, что изменять надо здесь, не? #socialbut a:hover { color:#fff; background:url('../images/arrow-left.png') 0 50% no-repeat scroll #9b0a16; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset; text-shadow:0 1px 1px rgba(0,0,0,.3); }
  7. EwgenyUs, вы неверно меня поняли. Нужно не дорисовать новые кнопки, а изменить цвет ихней подсветки, при наведении курсора так, чтобы для каждой социалки цвет был разный.
  8. Очень хочу помощи. <div id="socialbut" class="rcol"> <ul> <li><a href="#"><span class="rss"></span>RSS лента</a></li> <li><a href="#"><span class="vk"></span>ВКонтакте</a></li> <li><a href="#"><span class="twitter"></span>Twitter</a></li> <li><a href="#"><span class="google"></span>Google +</a></li> <li><a href="#"><span class="fb"></span>Facebook</a></li> <li><a href="#"><span class="ok"></span>Одноклассники</a></li> </ul> </div>