Question

Да, это снова я. Нужно разделить нижнюю часть сайта на несколько футеров. И если можна, способ который будет работать на всех шаблонах (шаблон сайта #1721)

Answer 1

Переходите в глобальный блок нижняя часть сайта http://space-planets.at.ua/panel/design/globals/edit?id=BFOOTER весь код который там есть копируете и ставите дубль код в самый низ после текущего кода который там есть и будет вам дубль. Если вы о другом, стоит описать подробнее, что в вашем понимании разделить нижнюю часть сайта.

Comments

Ну типо, что есть футер, там как проехать в школу например, 2 футер страницы сайта, 3 футер контактная информация, 4 футер сколько функционирует сайт. И можете помочь с кодом, котрый будет считать сколько дней сайт работает (функционирует)

---

Денис Голуб,

1. Понял, то есть вам хочется сделать нижнюю часть с блоков в види плиток. Вот вам наглядный пример как это делается - здесь. Далее просто заполняются блоки нужной информацией, стилизируются под сайт итд.
2. Чтобы сделать отображение количества дней существования сайта, пользуйтесь виджетами, там есть такой https://forum.ucoz.ru/forum/33-30965-1 ищите на второй странице виджет вида http://joxi.ru/DmB8XQaHwVlPRA там сразу настроите начальную дату создания сайта чтобы подсчет был корректным. 

---

Yuri_Geruk,

Спасибо, а то думаю как!

---

Yuri_Geruk,

Ну я читаю материал, но не могу понять куда кинуть (заменить)

Если кинуть в конец CSS то, будет фигня со всема шаблонами

<style>
    *{
        margin: 0px;
        padding: 0px;
    }
    html, body{
        height: 100%;
    }
    body{
        background-color: #ccc;
    }

    div {
        border: 1px solid #fff;
        margin:10px;
        text-align: center;
    }
    #main{
        width: 1119px;
        height: 150px;
        overflow: hidden;
    }
    #main>div{
        width: 150px;
        height: 120px;
        display: inline-block;
    }
    </style>

---

Денис Голуб,

Код:

<div id="main">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>

лучше заменить на:

<div id="mains">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>

и в стили прописать:

    #mains{
        width: 1119px;
        height: 150px;
        overflow: hidden;
    }
    #mains>div{
        border: 1px solid #fff;
        margin:10px;
        text-align: center;
        width: 150px;
        height: 120px;
        display: inline-block;
    }

---

Yuri_Geruk,

Thanks you! :)

---

Yuri_Geruk,

Нужно выровнять заголовки

 

---

Денис Голуб,

Вы удалили блоки. Добавьте, после посмотрим.

---

Yuri_Geruk,

 

 

Да, всё верно. Не подскажите ещё, как подвинуть вправо немного и чтобы блоки были в один ряд

---

Денис Голуб,

На какой странице увидеть блоки или на каком сайте?

---

Yuri_Geruk,

А увидеть на всех (нижняя часть сайта всё-же).Сайт тот что в вопросе. Всё делаю на тестовом сайте

---

Денис Голуб,

Ссылку на тест предоставьте.

---

Yuri_Geruk,

http://form8.at.ua

---

Денис Голуб,

Стили выше замените на:

#mains {
        margin:0 auto;
        display:table; 
        width: 1300px;
        height: 200px;
        overflow: hidden;
    }
#mains div {
        text-align: center;
        margin: 2px;
        width: 300px;
        height: 150px;
        display: inline-block;
    }

---

Yuri_Geruk,

Тот результат, что и нужен! Спасибо, как всегда выручил)

---

Yuri_Geruk,

Привет, как поднастроить блоки, чтобы они были поровну (на одной высоте). Сайт тот что в вопросе. И отступы сделать побольше (отступы вправо)

---

Денис Голуб,

Попробуйте стили выше заменить на следующие:

 #mains {
        margin:0 auto;
        display:table;
        width: 1300px;
    }
#mains div {
        margin: 0 5px;
        width: 300px;
        display: inline-grid;
    }

выделил красным, это задает отступ вправо.

---

Yuri_Geruk,

Всё получилось, спасибо :)