Номер телефона по середине шапки

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем tim, 17 дек 2015.

  1. tim

    tim Новичок

    Сообщения:
    4
    Симпатии:
    0
    Помогите перенести телефон так как на этом сайте http://cosmeticstandart.ru.
    Облазил весь форум не нашел. Заранее благодарен.
     
  2. RoS

    RoS Специалист

    Сообщения:
    221
    Симпатии:
    215
    catalog\view\theme\ТЕМА\template\common\header.tpl
    Найти и удалить
    PHP:
    <li><a href="<?php echo $contact?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone?></span></li>
    Найти
    PHP:
    <div class="col-sm-5"><?php echo $search?>
          </div>
    Заменить на
    PHP:
    <div class="col-sm-5">
    <div id="phone"><i class="fa fa-phone"></i> <span><?php echo $telephone?></span></div>
    <?php echo $search?>
          </div>
    Телефон появится над поиском
     
    Последнее редактирование: 18 дек 2015
    solunski.d и Romans нравится это.
  3. tim

    tim Новичок

    Сообщения:
    4
    Симпатии:
    0
    Большое спасибо!!!!
    Не хочу наглеть но может подскажете еще где выстасить размер и подвигать вверх-вниз.
    Зарание спасибо!!!!
     
  4. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.566
    Симпатии:
    428
    В CSS файле, ctalog/view/theme/*/stylesheet/stylesheet.css
     
  5. tim

    tim Новичок

    Сообщения:
    4
    Симпатии:
    0
    Оно то понятно что здесь но для меня это пол дня искать в какой строке, методом научного тыка. Может подскажете где поконкретнее?
    Понимаю что задаю глупые вопросы, если никто не ответит тоже пойму!!!
     
  6. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.566
    Симпатии:
    428
    Это хорошо что вы понимаете, ибо человек делает интернет магазин, не знаю ничего...
    Согласитесь смешно)
    Посмотрел сайт, вам более менее повезло что сайт делал не нуб.
    Найдите в этом файле класс .contacts-new {...} после этого стиля напишете новый стиль .contacts-new p { }
    Внутри скобок можно добавить стиль. font-size: 24px; -размер шрифта . margin: 0px 0px 0px 0px; внутренний отступ, как видите 4 нуля, это по часовой, то есть с верху, слева, с низу, с права
     
  7. RoS

    RoS Специалист

    Сообщения:
    221
    Симпатии:
    215
    @solunski.d , маленькая поправочка, сайт который указал @tim это пример как он хочет получить.
    В стили нужно добавить:
    Код:
    #phone {
        display: block;
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 10px;
        text-align: center;
    }
    #phone i {
        color: #000;
        font-size: 24px;
    }
    И мой косяк (извиняюсь).
    Вот этот код нужно немного переделать
    PHP:
    <div id="phone"><a href="<?php echo $contact?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone?></span></div>
    на этот
    PHP:
    <div id="phone"><i class="fa fa-phone"></i> <span><?php echo $telephone?></span></div>
     
    Последнее редактирование: 18 дек 2015
    solunski.d нравится это.
  8. tim

    tim Новичок

    Сообщения:
    4
    Симпатии:
    0
    Не знаю какой сайт вы смотрели но точно не мой, потому что я в этом деле точно нуб)))) но свой сайт стараюсь сделать сам, думаю что получиться (очень хочется))))
    А за подсказки всем большое спасибо
     
    Последнее редактирование: 18 дек 2015
  9. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.566
    Симпатии:
    428
    Без знаний HTML/CSS/JS/PHP/ врядли вы что то соберите сами, а без SEO смысла нету