Ако имате инсталиран браузър Yandex, вероятно понякога искате да промените външния му вид. Самият той няма такива функции, но можете да помислите малко и да използвате услуга на трета страна. И така, в днешната статия нека да разберем как да променим темата в браузъра Yandex.
Този уеб браузър се актуализира доста често и може би някои елементи ще бъдат малко по-различни в новите версии, но същността ще остане същата. Например, сравнително наскоро беше пуснат нов интерфейс, който не ни позволява да инсталираме теми на трети страни. Този интерфейс обаче все още може да бъде деактивиран, което ще направим сега.
Стартирайте браузъра и щракнете върху бутона за меню в горния десен ъгъл. От падащия списък изберете „Настройки“:
Намерете реда „Настройки на външния вид“ и кликнете върху бутона „Изключване на нов интерфейс“:
Това е всичко, сега можем да променим външния му вид. За да изтеглим тема, ще използваме магазина на Google за Chrome. Можете да следвате връзката https://chrome.google.com/webstore/category/themes, за да стигнете директно до желания раздел (трябва да отидете в този магазин и да изтеглите от там, разбира се, само от браузъра Yandex) .
Намерете снимката, която харесвате, и щракнете върху нея. Отваря се прозорец с неговото описание, отзиви за него и друга информация. Кликнете върху бутона „Инсталиране“:
Повечето от нас прекарват много време в интернет, разглеждайки уебсайтове, без да обръщат внимание на дизайна на нашия уеб браузър.
Красивите теми на браузъра обаче могат да освежат деня ви.
Днес ще ви кажем как да промените външния си вид по този начин.
Тема за космическата планета
Не знам за вас, но когато видя космически снимки, винаги замръзвам за няколко секунди, гледайки ги, особено когато виждам такава рамка за първи път, защото е толкова трудно да не им се възхищавам. Фоновото изображение на планета с необичаен цвят със светещи пръстени около нея не е изключение.
Може едва да видите пълното изображение, тъй като то се показва само когато отворите нов раздел. Части, напротив, ще виждате почти постоянно (раздели и лента за навигация). Те са еднакво красиви и имат мистериозен цвят индиго, който се вижда в левия ъгъл.
Тема за Google Chrome – Красив пейзаж
Тази тема има златни акценти, които са предназначени да напомнят на потребителя за дървени повърхности, а разделите са метално зелени, което предполагам, че представлява растителност.
Фоновото изображение в новия раздел, по мое скромно мнение, е много величествено, така че името на това определено не подвежда потребителя и е напълно вярно на реалността.
Тема за браузър Raindrops
И така, тук имаме тема с истинска снимка, която между другото изглежда доста успокояващо на фона на нов раздел във вашия браузър. Виждате части от същата снимка в разделите на лентата за навигация. Предлага се в различни размери. Версията Lite не включва поддръжка за фотография с HD качество. В други случаи единствената разлика е поддръжката на Aero.
Както можете да видите на екранната снимка, моята не поддържа стил Aero, тъй като използвам Ubuntu като операционна система.
Изтегляне: Chrome.google.com
Есента
Рано ли е да се създават теми, свързани с есента? Авторът на тази статия, който предпочита зимни тапети за десктоп през цялата година, казва не. Е, това е красиво илюстрирана тема, която съдържа прекрасно фоново изображение за нови раздели и също така запълва цялата горна част на браузъра със същото изображение, но в различен размер.
Тази тема рисува разделите и лентата за навигация в различни цветове, включително оранжево, светло синьо, индиго и няколко други, които заедно създават доста необичайна, приятна цветова комбинация.
Ако използвате браузъра Google Chrome и сте уморени от стандартния му вид, можете да излезете от ситуацията, като изтеглите и инсталирате тема от уеб магазина на Chrome.
Как да инсталирате тема в Google Chrome: Настройки - Опции - Лично съдържание - Вземете тема.
Можете да използвате готови теми за Google Chrome или можете сами да създадете тема с помощта на онлайн дизайнера на теми - Chrome-theme creator.
Онлайн дизайнерът се намира на www.themebeta.com/chrome-theme-creator-online.html
Създайте тема за Google Chrome - създател на теми за Chrome
Ще започна с това как да създам тема с помощта на онлайн дизайнера - Chrome-theme creator.
Интерфейсът на дизайнера се състои от две части.
А). От лявата страна са настройките за бъдещата тема.
б). От дясната страна е преглед на темата на браузъра Chrome по време на проектиране.
Нека започнем с първия раздел („основен“ - от английски основен). Тук трябва да попълните полето с името на темата, която създавате (по желание). Нарекох темата си „myStar“
Вторият раздел („Изображения“ - от английски изображения) е предназначен за зареждане на подробности за темата.
Внимание: когато създавате снимки в графичен редактор или променяте готови снимки за бъдеща тема, вземете предвид разделителната способност на монитора.
Като задържите курсора на мишката над секциите в раздела Изображения, ще се появи подсказка, маркирана в червено, която показва коя част от темата ще промените.
Нека заредим фонови изображения за нашата тема, като щракнете върху бутона „Избор на изображение“ и използвайте палитрата, за да промените цвета. Ето какво имам.
В третия раздел („Цветове“ - от английски цветове) избираме цветове за рамки, текст и др. Третият раздел „Цветове“ също съдържа подсказки при задържане на курсора върху секции. Да видим какво измислих.
Разделът („Pack“ - от английски на пакет) е последният етап от създаването на тема за Google Chrome.
„Опаковане и инсталиране на темата“ - опаковайте и инсталирайте темата.
„Пакетиране и изтегляне на тема“ - пакетиране и изтегляне на тема с разширение. crx. За да инсталирате темата, просто плъзнете и пуснете .crx файла в прозореца на браузъра Chrome и това е всичко. Не е ли бързо да инсталирате тема в Google Chrome?
„Пакетирайте и изтеглете zip файл“- пакетирайте и изтеглете създадената тема като zip архив. Zip архив на темата може да бъде публикуван в уеб магазина на Chrome за обществено ползване.
Това е всичко!!! С помощта на онлайн дизайнера - създател на теми за Chrome, разбрахме това.
Идва времето и се уморявате от обичайното, искате да добавите малко жар към най-популярния браузър и такава „уникална функция“ в Chrome може да бъде „тема“ и да не бъде изтеглена от официалния онлайн магазин, а вашата собствен, за разлика от всеки друг.
Както може би вече сте разбрали, днес ще разгледаме въпроса за създаването на ваши собствени теми за браузъра Google Chrome.
За да създадем се нуждаем от:
- Най-простият графичен редактор (дори Paint ще свърши работа);
- Нашите подробни инструкции;
- Малко желание.
И не се опитвам да ви заблудя, най-готините теми за браузъра Chrome се създават за броени минути, но нека да преминем от думи към действия.
Има два начина да създадете тема за Google Chrome:
- Пишете от нулата (като създадете един текстов документ и няколко снимки);
- Използвайте специализирана онлайн услуга.
Докато решавате кой метод да използвате, аз ще започна с „най-трудния“.
Създаване на тема за Google Chrome от нулата
Темите, както и разширенията за браузъри, базирани на Chromium Engine, са базирани на файла manifest.json.
Manifest.json е текстов документ, който съхранява настройки за теми и разширения, както и заглавие, описание и друга служебна информация.
Нека създадем нова папка на работния плот с името на нашата бъдеща тема, за мен тя ще се казва „Не го правете!“, И вътре в нея ще създадем текстов документ - manifest.json, където manifest е името на документа, а json е неговият . Освен това създайте празна папка, наречена „images“, която ще съдържа всички графични елементи на нашата тема.
Следващата стъпка в създаването на тема ще бъде подготовката на изображения.
Можете да използвате готови изображения, изтеглени от интернет, или да направите свои собствени; аз ще направя напълно уникални изображения за последващо качване на темата в онлайн магазина на Chrome.
Ще ни трябват изображения със следните размери:
1. 1920x1080px (HD формат) – за използване като основен фон в браузъра.
2. 30x256px – това изображение ще се използва като декорация на прозорец на Chrome.
3. 1100x40px – това изображение ще действа като начален екран в горния ляв ъгъл на браузъра (не знам защо трябва да използвате допълнително изображение на това място отделно – можете да го използвате за допълнителна „персонализация“ на темата ).
4. 30x200px – ще действа като запълване на неактивни отворени раздели на браузъра.
5. 30x256px – това изображение ще се използва за запълване на активния отворен раздел и лентата с отметки на Chrome.
Обърнете внимание на изображенията, по-специално на техните размери; ако не знаете как да направите картина с точно този размер и форма, проучете една от нашите.
Е, ако вече имате всичко готово, продължете и създайте файл manifest.json.
Можете да изтеглите готовия файл, който подготвих като проба - или да го съставите сами според инструкциите по-долу.
Документът, в който ще бъде описан кодът на нашата тема, започва с фигурна скоба „(“, след което трябва да попълните полетата:
( "name":"Не го правете!", // поле, указващо името на темата; "version": "1", // номер на версията на вашата тема (по-късно, когато правите промени в темите, трябва за актуализиране на версията); " описание":"Все още можете да помислите?", // кратко описание на темата; "manifest_version":2, // версия на манифеста (има две версии на "манифеста" - 1 и 2, версия 1 - за браузъри Chrome под версия 18, 2 за браузъри версия 18 и по-нова, включително).
"theme":( "images":( "theme_frame": "images/theme_frame.jpeg", // изображение, използвано в дизайна на прозореца на браузъра; "theme_toolbar": "images/theme_toolbar.jpeg", // изображение, използвано като запълване активен отворен раздел; "theme_tab_background": "images/theme_tab_background.jpeg", // запълване на неактивни отворени раздели; "theme_ntp_background": "images/theme_ntp_background.jpeg", // основният фон на нашата тема; "theme_frame_overlay": "изображения /theme_frame_overlay .jpeg"), // попълване на горния ляв ъгъл.
"тема" :( "изображения" : ( "theme_frame": "images/theme_frame.jpeg" , // изображение, използвано в дизайна на прозореца на браузъра; "theme_toolbar": "images/theme_toolbar.jpeg" , // изображение, използвано като запълване на активния отворен раздел; "theme_tab_background" : "images/theme_tab_background.jpeg", // запълване на неактивни отворени раздели; "theme_ntp_background": "images/theme_ntp_background.jpeg", // основният фон на нашата тема; "theme_frame_overlay": "images/theme_frame_overlay.jpeg"} , // попълнете горния ляв ъгъл. |
Кодът на тази страница използва символа “//”, необходимо е да “коментирате” кода. Директно във файла manifest.json– може да се изтрие.
След като посочите пътищата към картините, трябва да посочите цветовете на шрифтовете и елементите на интерфейса. IN manifest.jsonИзползват се RGB цветове - можете да получите техните кодове във всеки онлайн конвертор.
"colors":( "frame":, // Запълва празното пространство на основния фон с посочения цвят; "toolbar":, // Запълва областта в долния ляв ъгъл, където се показва "url" на сайта; "tab_text":, // Цветен шрифт на активния отворен раздел; "tab_background_text":, // Цвят на шрифта на неактивния отворен раздел; "bookmark_text":, // Цвят на шрифта на отметките в панела на браузъра; "ntp_background": , // Цвят на запълване на фона под иконите на "приложения" в браузъра; "ntp_text":, // Цвят на шрифта на имената на приложенията; "button_background":), // Цвят на "Затваряне", "Минимизиране", "Пълно" Екран“ в горния десен ъгъл.
"цветове" :( "рамка": [0, 0, 0], // Запълва празното пространство на основния фон с посочения цвят; "лента с инструменти": [0, 0, 0], // Запълва областта в долния ляв ъгъл, където се показва „url“ на сайта; "tab_text": [ 255 , 255 , 255 ] , // Цвят на шрифта на активния отворен раздел; "tab_background_text" : [ 167 , 167 , 167 ] , // Цвят на шрифта на неактивен отворен раздел; "отметка_текст": [ 167 , 167 , 167 ] , // Цвят на шрифта на отметките в панела на браузъра; "ntp_background": [0, 0, 0], // Цвят на запълване на фона под иконите на „приложения“ в браузъра; "ntp_text": [167, 167, 167], // Цвят на шрифта на имената на приложенията; "button_background": [ 255 , 255 , 255 ] ), // Цвят на бутоните „Затваряне“, „Минимизиране“, „Цял екран“ в горния десен ъгъл. |
Остава само да зададете позиционирането на основното фоново изображение и няколко допълнителни настройки.
"tints":( "buttons": // Посочете нюансите на използваните цветове (оставете стойностите посочени тук);), "properties":( "ntp_background_alignment": "bottom", // Посочете спрямо кой край на прозореца ще се намира основното изображение (отдолу – отдолу, отгоре – отгоре); “ntp_background_repeat”: “no-repeat” // Посочваме дали е необходимо да “запълним” цялото пространство на прозореца на браузъра с нашето изображение , ако е по-голямо по размер от основното ни изображение. ) )
Мина ли през всички стъпки с мен? Страхотно, можете да затворите файла на манифеста и да го запишете и да започнете да тествате получената тема, като първо заредите предварително създадените изображения в папката „images“.
Тестване на темата за Chrome
Тестването звучи твърде силно, всъщност трябва да проверим дали не сме допуснали грешки в работата си.
Имате ли вече инсталирана тема в браузъра си и трябва да я промените малко? Няма проблем! Файловете на вече инсталираните теми в Chrome се съхраняват в C:\Users\User_Name\AppData\Local\Google\Chrome\User Data\Profile 1\Extensions
Отворете браузъра си и отидете на Настройки, раздел Разширения и щракнете върху Зареждане на разопаковано разширение. Уверете се, че сте отметнали „Режим за програмисти“.
В прозореца, който се показва, изберете папката с вашата тема за Chrome и щракнете върху „Ok“ - в моя случай това е папката „Не го правете!“
Честито! Темата в браузъра трябва да се е променила на вашата, ако не, върнете се към кода по-горе и потърсете грешки във вашите файлове и резолюции на изображения или изтеглете архива с моите файлове от връзката - и сравнете с вашите.
Вече можете да се насладите на своя собствена тема за Google Chrome, но във всяка бъчва мед има лъжица знаете какво.
Всеки път, когато отворите браузъра си, в горния десен ъгъл ще се появи прозорец, който ви информира, че някое от инсталираните разширения или теми не е изтеглено от официалния магазин. Има само един начин да избегнете това – качете вашата тема в официалния онлайн магазин на Chrome и я инсталирайте в браузъра от там.
Как да качите тема в Chrome Store
Ако решите да се разделите с трудно спечелените пари, преминете през лесна регистрация в онлайн магазина на https://chrome.google.com/webstore/category/extensions.
След като създадете красива и уникална тема, можете да направите инсталацията платена за потребителите - по този начин ще получите малък пасивен доход.
След като се регистрирате и заплатите за акаунт на програмист, ще имате възможност да качвате свои собствени разширения и теми в магазина с малки ограничения - не повече от 20 разширения на акаунт, броят на темите е неограничен.
Първо опаковайте файловете с темата и ги качете в Chrome Store, както е показано на екранната снимка.
Ако не възникнат грешки, информацията за вашата тема ще се появи на главната страница на панела за програмисти с връзка към страницата с настройки, където можете да промените описанието, да добавите икона и да публикувате темата.
Няма да описвам всички полета, налични за попълване - следователно те са добре коментирани - ако имате проблеми, напишете коментар под публикацията и аз ще се опитам да ви помогна.
Създаване на тема за Chrome с помощта на онлайн услуга
В първата част на статията описах „сложен“ метод за създаване на теми за браузъра Google Chrome, сега нека преминем към по-прост, който не изисква копаене в кода и създаване на много допълнителни изображения. Всичко, от което се нуждаете, е да отидете на уебсайта - www.themebeta.com/chrome-theme-creator-online.html с предварително подготвен голям фон.
Базираните на Chromium браузъри не поддържат анимирани теми, но Opera поддържа.
Веднъж в услугата, която, между другото, по никакъв начин не е официално свързана с корпорацията Google, ще видите работна зона, където инструментите с коментари (на английски) са разположени отляво, визуализиран прозорец на браузъра Chrome отдясно , в който ще се показват всички направени промени, и В долната част има бутони за позициониране на вашето изображение спрямо прозореца на браузъра.
Въведете име на тема и качете фоново изображение. Незабавно - направете настройки за позициониране или ги оставете по подразбиране.
В раздела „цветове“ можете да зададете цветовете на шрифтовете, използвани на различни места в браузъра. Задръжте курсора върху която и да е от предложените опции вляво и местоположението на промяната ще бъде маркирано в червено във визуализирания прозорец. Всичко, което трябва да направите, е да работите с цветовата палитра, за да изберете тези, от които се нуждаете.
Без да изтегляте много от допълнителните изображения, обсъдени по-горе, прозорецът на вашия браузър ще отразява цветовата схема на Windows по подразбиране, т.е. За пълно „персонализиране“ на темата е необходимо да качите всички предложени изображения в раздела „изображения“, според размерите, посочени в първата част на статията.
Отивайки в раздела „Пакет“, ще ви бъдат дадени три действия, от които да избирате:
- Инсталирайте получената тема в браузъра (запомнете недостатъка с прозореца при отваряне на браузъра).
- Пакетирайте темата във файлов формат crxи го изтеглете на вашия компютър (този файл е инсталационният файл за теми и разширения в браузъра Chrome).
- Изтеглете „изходния код“ на темата в zip архив (можете веднага да качите готовата тема в онлайн магазина).
Отбелязвам, че когато използвате тази услуга, вашата тема ще бъде поставена в директорията и ще бъде достъпна за изтегляне и инсталиране от други потребители.
Ако проявявате интерес, в следващите публикации ще опиша процеса на създаване на анимирани теми за браузъра Opera.
Здравейте, скъпи читатели на сайта на блога. Сравнително бързо печели сърцата на потребителите по целия свят. Аз също не бях изключение от правилото и вече около година работя с блога изключително върху него.
Привлечен съм от неговата абсолютна надеждност (няма никакви оплаквания за това през изминалия период от време), добра скорост на работа и доста богата функционалност, която Chrome може да получи благодарение на наличните за него разширения.
Но надеждността и скоростта на работа на Mazila спаднаха значително с инсталирането на всеки нов плъгин, което не може да се каже за Google Chrome, който може да създаде отделен процес на вашия компютър за всяка активна добавка (това значително увеличава скоростта и общата стабилност на браузъра). Е, днес искам да говоря за тези, които могат да бъдат полезни не само за уебмастъра, но и за обикновения потребител на глобалния интернет.
Разширения за Google Chrome с общо предназначение
- Firebug Lite е аналог на супер популярния плъгин. Chrome вече е интегрирал подобна функционалност (изберете „Преглед на кода на елемента“ от контекстното меню с десен бутон), но въпреки това такова разширение има място. Аз лично не харесвам работата му и затова използвам опцията за Mazila, но „всички маркери имат различни вкусове и цветове“.
В допълнение, програмата ColorZilla има доста богати възможности и дори собствени настройки, но вие вече ще научите за това с помощта на вашия любознателен ум. Позволете ми само да кажа, че с помощта на този плъгин за Google Chrome можете да видите цялата цветова палитра, използвана на уеб страница, да получите кода за градиентни цветове, които да вмъкнете в сайта си, като използвате собствения си генератор, да видите хронологията на заснеманията и да използвате различни палитри за избор на желания нюанс.
И второ, поради изключително малкото разпространение на лентата с инструменти Alexa в RuNet, като инсталирате този плъгин в браузъра, в който работите със сайта, можете леко да коригирате този индикатор към по-добро. Ще намерите по-подробно описание на това действие в статията точно по-горе.
Статистиката на уебсайта от LiveInternet.ru е прекрасно разширение за Chrome, което ви позволява да видите трафика на уебсайта според версията, дори ако неговият собственик е блокирал статистиката с парола:
Ако такъв брояч изобщо не е инсталиран на сайта, тогава все още можете да оцените трафика според мястото, заето от ресурса сред домейните от второ ниво в RuNet (изглежда, че данните са взети от Alexa) или от покритието на аудиторията (процент от общия трафик на RuNet), а също така разберете процента на основната аудитория (редовни посетители), дела на трафика за търсене и съотношението на мъжкия и женския пол сред посетителите.
Освен това, като използвате бутона SEO, можете да стигнете до страницата LiveInternet.ru Tools. След като завършите проста регистрация, ще получите достъп до редица услуги, които ще ви помогнат, например, да изберете оптималния размер на текста и броя на срещанията на ключовите думи, за да стигнете до ТОП на резултатите от търсенето за заявката за търсене, която ви интересува в (току-що говорихме за това в скорошна статия за):
Там също ще можете да анализирате сайта, който ви интересува, да проверите позициите на желаните заявки за търсене в резултатите от търсенето (ala, ), както и.
SEO Site Tools е буржоазен SEO плъгин за Chrome, който показва стойността на страницата, отворена в браузъра, върху неговия бутон. Ако поставите горепосочената RDS лента до него, ще получите визуален преглед на размера на страниците, отворени в браузъра:
Освен това, когато щракнете върху иконата му, можете да получите много статистически данни, свързани с промоцията. Сред тях ще бъде и броят на добавянията на отворена в браузъра страница към други популярни социални мрежи и социални отметки в буржоазията.
SEO Quake е популярна добавка за много браузъри, която ви позволява да показвате панел с различни индикатори за промоция в горната част на всички уеб страници, отворени в Chrome. Много удобно при разглеждане на потенциални донорски сайтове. Този плъгин може да показва подобен панел в резултатите от търсенето:
Плъгинът SEO Quake има много настройки, така че ще отнеме много време, за да го разберете, но си заслужава.
Аз също използвам активно Chrome на моя таблет, но за съжаление той не поддържа добавки, което наистина бих искал. Надявам се, че разработчиците ще коригират това досадно недоразумение с времето.
Теми за Google Chrome
Възможността за промяна на теми в Google Chrome е интегрирана по подразбиране, както във всички други популярни браузъри. За да промените или възстановите „темата по подразбиране“, ще трябва да отидете в настройките, като щракнете върху иконата на гаечен ключ в горния десен ъгъл и след това изберете „Настройки“. На страницата, която се отваря, отново изберете раздела със същото име и там потърсете секцията „Външен вид“:
Кликнете върху " Избери тема" и се опитайте да разгледате цялото разнообразие от красота, налично там. Темите се инсталират по същия начин като разширенията:
Ако изтеглената тема не ви харесва, можете спокойно да продължите търсенето си, но ако сте напълно разочаровани от нея, никой не ви спира да се върнете към темата по подразбиране, използвана в Google Chrome (съответния бутон в предишната екранна снимка ).
Късмет! Ще се видим скоро на страниците на сайта на блога
Може да се интересувате
Rds Bar и Page Promoter bar в помощ на уеб администраторите 
Визуални отметки на Yandex за Mozilla Firefox, Google Chrome - как да инсталирате и конфигурирате раздели в популярни браузъри 
Chromium - какъв вид браузър е, как Chromium е свързан с Google Chrome и какви други браузъри работят на негова основа 
Yandex Browser - разширенията и темите са подходящи за Chrome, а функционалността дори го надминава 
Yandex Elements - изтеглете и инсталирайте лентата във Firefox, Internet Explorer, Opera и Chrome 
SEObar - удобен и информативен SEO плъгин за Opera 
Mozilla Firefox - изтеглете, инсталирайте и конфигурирайте най-разширяемия браузър, наречен Mozilla Firefox 
Отметки в браузъра Yandex, Google Chrome и Fireforce, както и виртуални онлайн отметки