Question

Как редактировать главную страницу если нет визуального редкатора?  Как прописать ссылки на кнопки, заменить фото?

Answer 1

Редактировать в блоке промо https://ab-recept.ucoz.net/panel/?a=tmpl;m=1;t=PROMO там найдете весь код главной и сможете изменить как вам нужно. Только, желательно, без визуального редактора, так как можете испортить дизайн главной.

Comments

Спс я уже нашел это.  Теперь следующий вопрос.  

1. Вот я там добавляю категории блюд всего их будет 9, подскажите как это сделать 3 по 3, я там попытался добавить выходит криво. И чуть чуть увеличить размер шрифта самих категорий
2. В заголовке: Готовим дома вкусно и красиво, сделать перенос чтобы после фразы  "Готовим дома"  был перенос на другую строку  "Вкусно и красиво"  
3. Вместо иконки инстаграмм поставить иконку одноклассников, не пойму где она хранится и как на них вместо перехода на соц сети прописать переход на группы в этих соц сетях. Я изменил адреса, но тем не менее выходит только на главную страницу.  
4. непонятно где отображается счетчик посетителей

---

Андрей Бебенин2,

1. Где именно 3 по 3. Пример предоставьте, нужно видеть конкретно о чем вы.
2. В блоке промо найти код <div class="cap-ttl item-1">Готовим дома вкусно и красиво</div> и заменить на <div class="cap-ttl item-1">Готовим дома <br>вкусно и красиво</div>
3. По поводу иконки. Перейти в Панель управления - Главная - Дизайн - Управление дизайном(CSS), удалить все содержимое, после вместо удаленного содержимого установить содержимое с файла https://ab-recept.ucoz.net/.s/src/css/1719.css - Сохранить. После найти строку номер 197:

.icon-instagram{background:url(/.s/t/1719/svg/instagram.svg)}

вот здесь вместо выделенного красным прописать ссылку на иконку однокласников размерами 19х19

4. В блоке статистика сайта http://joxi.ru/v293QxEHZKW76r

---

Yuri_Geruk,

вот место расположения категорий

а нужно чтобы было еще 2 ряда

вот так:

и шрифт снизу надо увеличить

---

Андрей Бебенин2,

Там же в блоке промо ищем такой код:

<div class="works">
 <div class="work-example">
 
 <a href="https://ab-recept.ucoz.net/index/gorjachie_bljuda/0-4">
 <img src="/.s/t/1719/services_01.jpg" alt="example">
 </a><a href="https://ab-recept.ucoz.net/index/gorjachie_bljuda/0-4" class="work-title">Горячие блюда (125)</a>
 </div>
 <div class="work-example">
 <a href="https://ab-recept.ucoz.net/index/supy/0-5">
 <img src="/.s/t/1719/services_02.jpg" alt="example">
 </a><a href="https://ab-recept.ucoz.net/index/supy/0-5" class="work-title">Супы (42)</a>
 </div>
 <div class="work-example">
 <a href="https://ab-recept.ucoz.net/index/supy/0-6">
 <img src="/.s/t/1719/services_03.jpg" alt="example">
 </a><a href="https://ab-recept.ucoz.net/index/zakuski/0-6" class="work-title">Закуски (96)</a>
 </div>
 </div>

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

---

Yuri_Geruk,

как то криво, что не так? напишите плз кусок кода целиком который нужен, если вам не сложно

---

Андрей Бебенин2,

Вот готовый код:

    <div class="specialties inner">

      <div class="wrapper">

        <h3 class="block-title">Services</h3>

        <div class="works">

          <div class="work-example">

            <img src="/.s/t/1719/services_01.jpg" alt="example">

            <a href="#" class="work-title">Lorem ipsum dolor sit amet</a>

          </div>

          <div class="work-example">

            <img src="/.s/t/1719/services_02.jpg" alt="example">

            <a href="#" class="work-title">Lorem ipsum dolor sit amet</a>

          </div>

          <div class="work-example">

            <img src="/.s/t/1719/services_03.jpg" alt="example">

            <a href="#" class="work-title">Lorem ipsum dolor sit amet</a>

          </div>

        </div>

          <div class="works">

          <div class="work-example">

            <img src="/.s/t/1719/services_01.jpg" alt="example">

            <a href="#" class="work-title">Lorem ipsum dolor sit amet</a>

          </div>

          <div class="work-example">

            <img src="/.s/t/1719/services_02.jpg" alt="example">

            <a href="#" class="work-title">Lorem ipsum dolor sit amet</a>

          </div>

          <div class="work-example">

            <img src="/.s/t/1719/services_03.jpg" alt="example">

            <a href="#" class="work-title">Lorem ipsum dolor sit amet</a>

          </div>

        </div>

          <div class="works">

          <div class="work-example">

            <img src="/.s/t/1719/services_01.jpg" alt="example">

            <a href="#" class="work-title">Lorem ipsum dolor sit amet</a>

          </div>

          <div class="work-example">

            <img src="/.s/t/1719/services_02.jpg" alt="example">

            <a href="#" class="work-title">Lorem ipsum dolor sit amet</a>

          </div>

          <div class="work-example">

            <img src="/.s/t/1719/services_03.jpg" alt="example">

            <a href="#" class="work-title">Lorem ipsum dolor sit amet</a>

          </div>

        </div>

      </div>

    </div>

только здесь все свое нужно прописать. Пример как это выглядит можно увидеть на тестовом сайте http://testiksss.ucoz.net/

---

Yuri_Geruk,

Да вы волшебник! Огромное вам спасибо!!!  Все получилось как мне надо. А как можно увеличить размер шрифта в названии категорий или поменять его на более читаемый?

---

Андрей Бебенин2,

Выполнить что я ранее писал http://joxi.ru/Drlga8qcVzOD5A после в стилях в строке номер 69:

h3.block-title{font-family:"Rosa Marena";font-size:37px;font-weight:400;line-height:1.22;padding-bottom:30px}

красное удалить. Вместо 37 пропишите нужный размер шрифта.

---

Yuri_Geruk,

это не там нужно изменить шрифт или размер, а вот тут

---

Андрей Бебенин2,

Меняется в стилях в строке 68, удалить то же самое, что я говорил уже выше (оно совпадает в строках) и там вместо 25 px прописать нужный размер.

---

Yuri_Geruk,

Сделал, как вы сказали, спасибо.А заголовок в какой строке? хочу изменить размер

---

Андрей Бебенин2,

53 строка таблицы стилей

.cap-ttl{font-family:'Rosa Marena';color:#f5d9b5;font-size:75px;line-height:1.3;padding:20px 0 10px}
 

---

webanet,

Здравствуйте.

Подскажите где меняется размер шрифта выделенного рамкой?

---

Андрей Бебенин2,

В стилях в строке 52:

.cap-ds,.cap-ttl{font-size: 20px;position:relative;z-index:100;text-align:center;font-weight:300;}

добавить красное, вместо 20 прописать нужный размер.

---

Yuri_Geruk,

Спс, нашел.

А вот "Друзья сайта" в CSS раньше изменялись, а тут где сейчас?

---

Андрей Бебенин2,

Как и ранее, с помощью конструктора редактируем блок https://www.ucoz.ru/qa/index.php/111802 , удаляем стандартное содержание и добавляем что нужно.

---

Yuri_Geruk,

Добрый вечер.

Затолкал новый фавикон в корень сайта такой же как на моем основном сайте http://ab-recept.ru/

сколько времени должно пройти пока он изменится?

вот так он выглядит

---

Андрей Бебенин2,

Чтобы отобразился на сайте, перейдите по урл https://ab-recept.ucoz.net/favicon.ico и несколько раз выполните CTRL+F5

---

Yuri_Geruk,

а почему он растянута как то? жирная какая то, печаль

при просмотре по ссылка смотрится как надо

---

Андрей Бебенин2,

Потому, что у вас размеры не равномерные, должны быть 16х16

---

Yuri_Geruk,

Спасибо за вашу помощь, сделал дугой фавикон, извините за опечатки в тексте