3/06/2013

DESIGN YOUR BLOG | УБИРАЕМ РАМКУ С ФОТОГРАФИЙ


Наверняка, все начинающие блоггеры сталкивались с такой проблемой в дизайне, как рамки, которые через обычный дизайнер шаблонов никак не убрать. Сегодня я вам покажу, как исправить этот недочет Blogger'a через html-коды.
  
Итак, приступим!
  
1. Заходим в меню "Шаблон", нажимаем кнопку "Изменить HTML".
2. Ставим галочкуку рядом с надписью "Расширить шаблоны виджета" над полем с кодом.
3. С помощью поиска (CTRL+F) ищем строки:

  background: $(image.background.color);
  border: 1px solid $(image.border.color);
                                          
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}


4. Теперь заменяем этот код на код ниже.

 background: $(image.background.color);
  border: 0px solid $(image.border.color);
                                          
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);
}


5. Нажимаем "Сохранить шаблон" и идем смотреть результат в блоге!
  

Надеюсь я вам хоть как-нибудь помогла! Если появятся вопросы по дизайну - для вас открыты комментарии.

3 комментария: