Перейти к содержимому


CSS 3 тени, подскажите плз!


  • Вы не можете ответить в тему
Сообщений в теме: 14

#1 chasert

    Пользователь

  • Assistent vsupport.club
  • PipPip
  • 19 сообщений
Репутация: 0
Начинающий
  • ГородТамбов

Отправлено 28 June 2012 - 09:58 AM

как сделать тень по краям тела сайта? пробовал разными способами ничего не вышло, как прописывать тег и куда, подскажите, плз.
  • 0

#2 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 28 June 2012 - 11:54 AM

для начала в топик допиши тег "для экстрасенсов"
  • 0
502 Bad Gateway

#3 chasert

    Пользователь

  • Assistent vsupport.club
  • PipPip
  • 19 сообщений
Репутация: 0
Начинающий
  • ГородТамбов

Отправлено 28 June 2012 - 12:17 PM

пример, такой код: -webkit-box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);
box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);

Правильный? нашел много статей где код описывается по разному копировал в строчку .infoBox {background:#000000;}, файл stylesheet.css. если не так варызился, можно поправить, и сказать какие данные предоставить чтоб могли помочь с вопросом) какого вида должен быть код для теней в какой файл в какую строку или параметр его копировать.
Прикрепленный файл  stylesheet.css   53.7К   0 Количество загрузок:
  • 0

#4 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 28 June 2012 - 12:43 PM

код-то нормальный, но этого мало, откуда кто знает структуру твоего сайта ?
  • 0
502 Bad Gateway

#5 chasert

    Пользователь

  • Assistent vsupport.club
  • PipPip
  • 19 сообщений
Репутация: 0
Начинающий
  • ГородТамбов

Отправлено 28 June 2012 - 12:46 PM

какой файл загрузить чтоб посмотрел?
  • 0

#6 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 28 June 2012 - 12:51 PM

честно - мне сейчас лениво вникать в файлы. давай адрес сайта.
  • 0
502 Bad Gateway

#7 gblok

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений
Репутация: 0
Начинающий

Отправлено 06 July 2012 - 03:54 AM

если сайт увидеть будет проще подсказать куда стили с тенями привязать...
например если контент сайта заверстан
<div class="container">
...здесь контент
</div>
то стиль
.container{
box-shadow: 0 0 10px rgba(0,0,0,.3);
}
  • 0
модули:: доработки:: seo верстка :: продвижение ShopCMS

#8 chasert

    Пользователь

  • Assistent vsupport.club
  • PipPip
  • 19 сообщений
Репутация: 0
Начинающий
  • ГородТамбов

Отправлено 19 July 2012 - 03:47 PM

шаблон Computer shop структуру не менял, сайт пока на локальном компе. получилось сделать тень но она распространилась на весь сайт, т.е. текст картинки блоки, надо только по края самого шаба
  • 0

#9 chasert

    Пользователь

  • Assistent vsupport.club
  • PipPip
  • 19 сообщений
Репутация: 0
Начинающий
  • ГородТамбов

Отправлено 24 July 2012 - 02:00 PM

Залил посмотрите http://xn---68-9cdbj...6l.xn--p1ai/ еще одна проблема во всех браузерах кроме хрома верхнее меню наезжает на шапку сайта. форумчане подскажите.
  • 0

#10 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 24 July 2012 - 03:32 PM

В стилях
.logo {
    height: 97px;
    padding: 34px 0 0 29px;
    vertical-align: top;
}

удали
    padding: 34px 0 0 29px;

и поставь
height: 140px;

т.е. получится
.logo {
    height: 140px;
    vertical-align: top;
}

  • 0

#11 chasert

    Пользователь

  • Assistent vsupport.club
  • PipPip
  • 19 сообщений
Репутация: 0
Начинающий
  • ГородТамбов

Отправлено 24 July 2012 - 03:42 PM

Спасибо!!! осталось с тенями разобраться...
  • 0

#12 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 24 July 2012 - 03:52 PM

в стиль

wrapper_br

добавь
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);

  • 0

#13 chasert

    Пользователь

  • Assistent vsupport.club
  • PipPip
  • 19 сообщений
Репутация: 0
Начинающий
  • ГородТамбов

Отправлено 24 July 2012 - 03:59 PM

Так? .wrapper_br {background:url(wrapper_br.gif) 100% 100% no-repeat box-shadow: 0 0 10px #000000 rgba(0, 0, 0, 0.6);} пока ничего не получилось...
  • 0

#14 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 24 July 2012 - 04:10 PM

Так?


А разве я тебе такой код написал?

.wrapper_br {
    background: url("wrapper_br.gif") no-repeat scroll 100% 100% transparent;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

  • 0

#15 chasert

    Пользователь

  • Assistent vsupport.club
  • PipPip
  • 19 сообщений
Репутация: 0
Начинающий
  • ГородТамбов

Отправлено 25 July 2012 - 07:08 AM

Спасибо!
  • 0