1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Изменение размера логотипа

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем _ant1, 1 авг 2018.

  1. _ant1

    _ant1

    Регистрация:
    1 авг 2018
    Сообщения:
    5
    Симпатии:
    0
    Народ, помогите! ))

    В шаблоне не получается изменить размер логотипа.
    Прилагаю исходный шаблон https://yadi.sk/d/W54yVJLF3Znbgy.
    В основной странице index прописано и указаны размеры изображения (изменение ничего не дает):
    <body>
    <div class="navbar">
    <div class="navbar-inner">
    <div class="container">
    <a href="#" class="brand">
    <img src="images/logo.png" width="120" height="40" alt="Logo" />
    <!-- This is website logo -->


    И в стилях указано:
    brand {
    display: block;
    float: left;
    padding: 10px 20px 10px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;
    }

    Решение, найденное по аналогичной теме также ничего не дает: предлагалась вставка в css (после display: block:wink::
    width: 350px;
    height: 80px;

    Параллельный вопрос: если я меняю размер логотипа, значит для корректного отображения я должен изменить какие-то другие элементы?
     
    _ant1, 1 авг 2018
    #1
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Дайте ссылку на сайт.
     
    Dotrox, 1 авг 2018
    #2
  3. _ant1

    _ant1

    Регистрация:
    1 авг 2018
    Сообщения:
    5
    Симпатии:
    0
    _ant1, 2 авг 2018
    #3
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Уберите из тега img размеры вообще и задавайте их через css!
    За лого отвечает строка 74 в файле style.css (по крайней мере в демо).
    В демо её содержимое такое:
    Код:
    .navbar .brand img {
    width: 120px;
    height: 40px;
}
    Вот здесь и меняйте размеры.
     
    Dotrox, 2 авг 2018
    #4
  5. _ant1

    _ant1

    Регистрация:
    1 авг 2018
    Сообщения:
    5
    Симпатии:
    0
    спасибо! все получилось!
    ответьте пожалуйста еще на вопрос - где изменяется количество фото в портфолио (эта же тема) и где организована привязка этих фото к группам web/photo/identiny. Это тоже в css?
     
    _ant1, 9 авг 2018
    #5
  6. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Атрибут data-filter на переключателях и классы с его содержимым на блоках обёртках изображений.
     
    Dotrox, 9 авг 2018
    #6
  7. _ant1

    _ant1

    Регистрация:
    1 авг 2018
    Сообщения:
    5
    Симпатии:
    0
    Вопрос немного не по теме, но по тому же шаблону. Надеюсь, было правильно не открывать новую тему, а задать вопрос здесь.

    В изначальном шаблоне не отображались русские шрифты, в нем было:
    <!DOCTYPE html>
    <!--
    * A Design by GraphBerry
    * Author: GraphBerry
    * Author URL: http://graphberry.com
    * License: http://graphberry.com/pages/license
    -->
    <html lang="en">

    <head>
    <meta charset=utf-8>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pluton Theme by BraphBerry.com</title>
    <!-- Load Roboto font -->
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>

    На форуме предложили заменить на:
    <!DOCTYPE html>
    <html>
    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Load font -->
    <link href='https://fonts.googleapis.com/css?family=Seymour+One' rel='stylesheet' type='text/css'>

    Это помогло, чтобы шрифт отображался кириллицей на компьютере, но:
    1. после размещения заготовки этого сайта на бесплатном хостинге https://alfabe77a.000webhostapp.com/ , шрифты не отображаются опять.
    2. такое ощущение, что family=Seymour+One все равно не видится. как прописать, например arial?
     
    _ant1, 17 сен 2018
    #7
  8. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Какие-то дебилы это вам предложили! При чём, полные!

    1. Кодировку вообще не надо трогать! Вы мало того, что её изменили, так ещё и прописали в устаревшем формате, для html5 такой формат не используется (оно то работает, но это не валидно).
    И вас вообще не смущает, что у вас теперь вместо текста одни ромбики с вопросиками из-за неправильной кодировки?
    2. У шрифта Roboto есть поддержка кириллицы! Нет необходимости его заменять на другой шрифт. Надо просто дописать в ссылку дополнительные языки: cyrillic,cyrillic-ext.
    3. При полной смене шрифта мало просто изменить ссылку - это приведёт только к тому, что старый шрифт отвалится, но для того, чтоб новый шрифт начал использоваться - надо ещё и в стилях его везде поменять.

    В общем, просто допишите "cyrillic,cyrillic-ext" в конец ссылки на Roboto (получится так: subset=latin,latin-ext,cyrillic,cyrillic-ext) и больше никогда не задавайте вопросы в том месте, где вам весь этот бред насоветовали.
     
    Dotrox, 17 сен 2018
    #8
  9. _ant1

    _ant1

    Регистрация:
    1 авг 2018
    Сообщения:
    5
    Симпатии:
    0
    _ant1, 18 сен 2018
    #9
  10. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Не работает потому, что у вас сайт на https, а ссылка на шрифт с http и браузер её блокирует. Исправьте протокол в ссылке.

    Плюс у вас html файл в неправильной кодировке, пересохраните в utf-8 (без BOM).
     
    Dotrox, 18 сен 2018
    #10
  11. VikatiAL

    VikatiAL

    Регистрация:
    24 апр 2019
    Сообщения:
    1
    Симпатии:
    0
    Тоже проблема с размером лого на сайте: rysmastera.ru
    Помогите, пжл!
    Размер исходного файла 1200*200, но при установке на сайт он урезается до 600рх.
    Тема Astra.
    нашла в инете что надо прописать
    header .site-logo-img .custom-logo-link img {
    max-width: 1200px;
    }
    не помогло.
     
    VikatiAL, 25 апр 2019
    #11
  12. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    У вас ссылка сразу на два сайта. Текст
    Код:
    rysmastera.ru
    а реальная ссылка на
    Код:
    vdekor.ru
    Оба сайта на WP, так что разбирайтесь с настройками шаблонов. Стили не при чём!
     
    Dotrox, 25 апр 2019
    #12
< отправка формы на почту | Стилизация плагина slick slider(кнопки, точки переключения слайдера) >