Тень для футера и top

[bados]

Добрый день!

Подскажите как сделать чтобы у блока футера была тень вверх, а у top вниз.

Заранее благодарю.

[admin]

вы хоть что то пытались сделать ?

[bados]

пытался...

[admin]

как ?

я это не просто спрашиваю я это спрашиваю что бы дать вам пендель в правильную сторону, так как если вы пытались то на 90% у вас должно было получиться и осталось подтолкнуть на 10

[bados]

footer {
    margin-top: 30px;
    padding-top: 30px;
    background-color: #303030;
    border-top: 1px solid #ddd;
     color: #e2e2e2;
        box-shadow: 0 7px 20px 3px rgba(0, 0, 0, 0.506);
        bottom: -15px;
        clear: both;
        display: inline-block;
        left: 0;
        position: relative;
        width: 100%;

 

 

Но тень какая то вообще незаметная... http://dolen.ru

[savage4pro]

0 0 500px 300px rgba(255, 0, 0, 0.8)

[admin]

вот в этой строке

box-shadow: 0 7px 20px 3px rgba(0, 0, 0, 0.506);

отети циферки

0px 7px 20px 3px

попробуйте поменять их и посмотреть что происходит

намекаю это позиция ширина и тд и тп

[bados]

а вот эти значения обязательны?

 

       bottom: -15px;
        clear: both;
        display: inline-block;
        left: 0;
        position: relative;
        width: 100%;

[WarStyle]

4 минуты назад, bados сказал:

а вот эти значения обязательны?

 

       bottom: -15px;
        clear: both;
        display: inline-block;
        left: 0;
        position: relative;
        width: 100%;

 

А Вы попробуйте убрать их в режиме разработчика и посмотрите что будет. 

[bados]

Спасибо, уже убрал, мне они ни к чему

[WarStyle]

А если сайту две недели, то я думаю посетителей ещё нет, так что можете и прямо на сайте пробовать) 

[bados]

10 минуту назад, WarStyle сказал:

А если сайту две недели, то я думаю посетителей ещё нет, так что можете и прямо на сайте пробовать) 

Я так и делаю

[bados]

Тему можно закрывать, все сделал.

[bados]

Хотя есть еще один вопрос - не буду открывать тему новую, потому что не стоит целой темы.

Хочу сделать горизонтальную линию в футере во всю длину сайта, но никак не получается делал так:

 

footer hr {
    border-top: none;
    border-bottom: 1px solid #666;
    width: 100%;

 

и те же значения width: 100%; прописывал в footer.tpl - не помогает.

Пните в правильном направлении.

[admin]

дело в том что hr находится внутри контейнера

соответственно вам в footer.tpl нужно перед hr закрыть контейнер и после него открыть его вновь

[bados]

43 минуты назад, admin сказал:

дело в том что hr находится внутри контейнера

соответственно вам в footer.tpl нужно перед hr закрыть контейнер и после него открыть его вновь

    </div>
   <hr width: 100%;>
   <div style="text-align: center;"><p><?php echo $powered; ?></p></div>
  </div>
</footer>

 

так?

[admin]

44 минуты назад, admin сказал:

и после него открыть его вновь

 

[bados]

  </div>
  <hr width: 100%;>
  <div class="container">
   <div style="text-align: center;"><p><?php echo $powered; ?></p></div>
  </div">

 

так?

[admin]

это не надо <hr width: 100%;> оно у вас и так по всей ширине будет

ну и я вижу что получилось судя по сайту

только ширину у hr уберите к тому же добавили не правильно это же не таблица

[savage4pro]

так, не так... пробуйте, смотрите, экспериментируйте, и все получится

 

12 минуты назад, bados сказал:

<hr width: 100%;>

<hr />

 

и у вас символ рубля не отображается

точней не отображается он на вашем сайте у меня и еще у кучи пользователей на некоторых устройствах с хромом и как минимум с некоторыми версиями андроидов

[bados]

Спасибо. Все получилось.

С символом рубля буду думать что делать, но у меня на всех браузерах отображается...

[savage4pro]

вот тут бы вам и спросить, мол что делать?

а вам бы ответили - пользуйтесь поиском и найдете тему и дополнение

[bados]

2 минуты назад, savage4pro сказал:

вот тут бы вам и спросить, мол что делать?

а вам бы ответили - пользуйтесь поиском и найдете тему и дополнение

 

Да я уж боюсь вас о чем то спрашивать ))))

[savage4pro]

бояться не надо

а стандартный символ рубля в админке-локализация-валюта замените обратно на "р." или "руб.", для почтовых уведомлений, select'ов и хинтов