2016-06-18 2 views
0

Мой блог: http://friendsojpblog.blogspot.com/Picture Window Настройки шаблона

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

  1. Я хотел бы исключить раздел заголовка «Название и описание», как указано в № 1, поэтому он выглядит как изображение справа (как показано красной стрелкой).
    Поскольку блог прокручивается, когда добавляется больше, этот заголовок исчезает из вида.
    Поскольку я использую это в iframe, мой план заключается в добавлении неподвижного заголовка заголовка/описания над iframe.
    Другие разделы в блоге могут быть удалены в вариантах макета Blogger, но я не могу найти способ устранить заголовок. Есть ли способ устранить заголовок?
  2. Когда я удалил фоновое изображение, я выбрал сплошной цвет.
    В этом приложении фон среднего серого цвета, а узкая граница светло-серая.
    Я хочу, чтобы фон был белым, прозрачным или полностью удалялся полностью, но когда я выбрал белый или прозрачный из настроек, цвет узкой границы станет белым.
    Есть ли способ установить цвет фона и по-прежнему поддерживать свет серый узкая граница? Или еще лучше, полностью устранить?
  3. «Ящик», содержащий архив, имеет темно-серый фон.
    Это затрудняет чтение текста, независимо от того, какой цвет текста я выбираю.
    Есть ли способ изменить цвет фона этого окна?
  4. У меня ширина блога не менее 500 пикселей.
    Я хотел бы сделать это несколько уже, но я не могу найти способ сделать это.
    Можно ли это сделать уже?

Скриншот моего Blogger:

Screenshot

************ 

обновление: 7/7/2016

Дани:

Вот CSS код, который я добавил. Это единственный CSS-код для The Park Blog.

.region-inner .header-inner { 
    display: none; 
} 
body {  
    background: #ffffff; /* White. Confused by your wording here - should be right. */ 
} 
.content-inner { 
    background: #DCDCDC; /* Light Gray. You can change it to whatever you wish. */ 
} 
.footer-outer { 
    background: #33CC33; /* Green. You can change it to whatever you wish. */ 
} 
body { 
min-width: 300px; /* Now it's 400px. change the "400"s you see to the number you wish. */ 
} 
.content-outer, .content-fauxcolumn-outer, .region-inner { 
min-width: 300px; 
max-width: 300px; 
_width: 300px; 
} 

Вы добавили 1B к своему предыдущему ответу. Все ваши шаги, казалось, сработали, и изменения будут сохранены. Однако после шага 7, когда я просматриваю свой блог, ничего не изменилось. Когда я затем перепроверяю шаги, «false» был заменен на «true», а элемент Header вернулся. Я пробовал это несколько раз, и результаты всегда были одинаковыми. Я пропустил шаг?

  1. Блог min-width. Это не работает для меня, если я не закодировал это неправильно. Просмотр источника страницы, строки 487-494, показывает «шаблон-скин-1» с минимальной шириной: 500 пикселей, который, как представляется, отменяет добавленный код CSS. Я не могу найти способ изменить этот код «шаблон-скин-1».


    обновление: 7/9/2016

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

Ширина меняется делаем работа. Для самостоятельного блоггера нужно было только добавить! Важно для двух строк. Кроме того, только max-width: должен иметь pix> 0, но обе строки должны иметь важное значение. См. Новый код ниже.

body { 
min-width: 00px; /* Now it's 400px. change the "400"s you see to the number you wish. */ 
} 
.content-outer, .content-fauxcolumn-outer, .region-inner { 
min-width: 00px!important; 
max-width: 400px!important; 
_width: 00px; 
} 

Чтобы правильно разместить Blogger в iframe, эту строку также необходимо изменить следующим образом.

min-width: 400px!important; /* Now it's 400px. change the "400"s you see to the number you wish. */  

Гарри

+0

1. Вы задаете несколько вопросов. Спросите по одному. 2. Покажите, какой код вы пробовали. –

+0

Извините. Давайте попробуем только один в моем списке. «Я хотел бы исключить раздел заголовка« Заголовок и описание », как отмечено в # 1, так что он выглядит как изображение справа (как показано красной стрелкой). Поскольку блог прокручивается, когда добавляется больше, этот заголовок исчезает с точки зрения. Поскольку я использую это в iframe, мой план заключается в добавлении неподвижного заголовка заголовка/описания над iframe. Другие разделы в блоге можно удалить в вариантах макета Blogger, но я могу ' t найти способ устранить заголовок. Есть ли способ устранить заголовок? " Я не кодер. – norman

+0

1. Итак, единственная проблема теперь в заголовке? 2. У вас нет минимальной ширины, чтобы она была такой маленькой, она может выглядеть плохо на небольших устройствах. –

ответ

0

1. Скрыть название и описание

.region-inner.header-inner { 
    display: none; 
} 

1B. Полностью удалить заголовок:

  1. Перейти к шаблону HTML, нажмите «Ctrl-F», чтобы открыть окно поиска вашего браузера и вставьте следующий фрагмент кода в нем:
    widget id='Header1' locked='true'

  2. Ваш браузер теперь должен автоматически найдите раздел HTML-кода вашего блога, содержащий этот фрагмент.
    Замените «true» на «false», чтобы разблокировать заголовок и нажать «Сохранить шаблон».

  3. По умолчанию Blogger запрещает пользователям удалять элемент заголовка блога.
  4. Выберите «Закрыть».
  5. Выберите «Макет» в левом столбце и нажмите «Изменить» под элементом заголовка.
  6. Нажмите «Удалить» в нижней части окна и выберите «ОК».
  7. Сохраните новый шаблон, нажав кнопку «Сохранить схему».

2. Удалить фон

body { 
    background: #ffffff; /* Confused by your wording here - should be right. */ 
} 

Затем, чтобы выбрать фон внутренней "коробки":

.content-inner { 
    background: #ff0000; /* Red. You can change it to whatever you wish. */ 
} 

3. Архивная коробка цвета

.footer-outer { 
    background: #ff0000; /* Red. You can change it to whatever you wish. */ 
} 

4 . Blog min-width

body { 
min-width: 400px !important; /* Now it's 400px. change the "400"s you see to the number you wish. */ 
} 
.content-outer, .content-fauxcolumn-outer, .region-inner { 
min-width: 400px !important; 
max-width: 400px !important; 
_width: 400px !important; 
} 

5. Результат

(Случайные цвета).

  • Название и описание скрыты.
  • Фон исчез.
  • Цвет коробки в архиве выбран.
  • Блог min-width изменен.

Result Example

Update (8 июля):

  • 'ложный' был заменен 'истинно':

резервного копирования код и попробовать удаляя эту строку кода из вашего шаблона HTML, сохраняя и проверяя блог снова.

  • Блог мин-ширина: добавить !important прямо перед ; линий Констатируя разыскиваемого ширину, в пользовательском CSS (см отредактированный вопрос).

Примечание: эта компания настраивает блоги. И для полного раскрытия я аффилирован с ним: alldani.com

+0

Dani: Я добавил ваш код в раздел Advanced-> Add CSS. Это не работает для меня: .region-inner .header-inner { display: none;} и body { min-width: 300px;/* Теперь это 400 пикселей. измените значение «400», которое вы видите на нужное вам число. */ } .content-external, .content-fauxcolumn-outer, .region-inner { min-width: 300px; max-width: 300px; _width: 300px; } Все остальные. Я не могу показать весь код или правильный интервал между строками из-за ограничения символов в комментариях. Вы можете увидеть результаты здесь: http://friendsojpblog.blogspot.com/. Harry – norman

+0

Dani: Я добавил свои выводы в качестве еще одного обновления к вопросу. Благодарю. – norman

+0

Dani: Обновлена ​​запись 7/9. Добавлено требование для использования в iframe. – norman

Смежные вопросы