Долой однообразие

или как изменить логотип на странице Google.

Вам не надоело каждый раз заходить на страницу Google и видеть там один и тот же логотип? Конечно же, стабильность это признак качества, да и все-таки логотип рисовали профессионалы. Дизайнеры потратили огромное количество времени, чтобы подобрать нужные размеры, цвета, шрифт и градиенты.  Но иногда хочется что-то изменить в повседневных и однообразных действиях. А что для этого подходит лучше, как не страница популярного поисковика.

Google logo iTNДля того чтобы ‘подкорректировать’ страницу его Величества Google, понадобится расширение Stylebot. И да, все описываемые действия подходят только для браузера Google Chrome. Возможно, и для других браузеров есть подобные расширения с нужным функционалом, в любом случае, по данному примеру, можно будет сделать это и в них. Установить Stylebot можно из магазина расширений. После чего, справа от адресной строки появится новая кнопка ‘Css’. Запустите установленное расширение, нажав на появившуюся кнопку.

doloj-odnoobrazie_scr

Теперь, необходимо изменить некоторые элементы CSS-кода, именно для этого Stylebot и предназначен. На панели расширения Stylebot, нажав кнопку ‘Edit CSS’, откроется режим редактирования, в нем нужно ввести следующий код.

#hplogo {
background: url(http://itech-notes.com/wp-content/uploads/2013/11/Google-logo-v1.png?483cc6) no-repeat;
height: 190px;
width: 538px;
}
#hplogo div {
display: none;
}
#lga div {
padding-top: 0;
}

У свойства Background в скобках указана ссылка на изображение, которое будет использоваться вместо стандартного логотипа Google. Вы можете вставлять любое вам понравившийся, но желательно, чтобы оно имело размеры 190 на 538 пикселей, иначе возможно некорректное отображение. Следующие два свойства изменять не надо, одно из них выравнивает изображение, а другое убирает надпись страны около логотипа. Не забудьте сохранить изменения в расширении, нажав внизу панели ‘Save’.

Специально для Вас, мы подготовили интересную подборку необычных логотипов Google, которыми можно заменить стандартный. Просто скопируйте ссылку на понравившееся изображение в ваше расширение Stylebot и наслаждайтесь обновленной страницей Google.

Google logo v6 Google logo v5 Google logo v4 Google logo v2 Google logo 3 Google logo v1