ললিপপ-এ নতুন Chrome সংস্করণে হেডার বার এবং ঠিকানা বারের রঙ কীভাবে পরিবর্তন করবেন?

578

এই বিষয়ে এখনও কিছু খুঁজে পাইনি। আমি কী ওভারভিউতে অ্যাড্রেস বারের শিরোনাম এবং শিরোনামের রঙটি পরিবর্তন করতে পারি? এটি করার কোনও সহজ উপায় আছে?

অ্যান্ড্রয়েডের জন্য ক্রোম এখানে চিত্র বর্ণনা লিখুন ।

আমার মনে হয় আপনি এটির জন্য কাজ করতে 5.0 Lollipop এ কে Android প্রয়োজন, এবং Chrome এর মার্জ ট্যাব এবং অ্যাপ্লিকেশানগুলি সেট উপর ।

android html google-chrome

— অর্পদ গাবর
সূত্র

জানুয়ারী ২০১ 2016 পর্যন্ত এই কাজ করার জন্য ট্যাবগুলিকে মার্জ করার বিকল্পটির আর দরকার নেই (ললিপপে)।

— Skuld

1

এটি এখনকার

— কিটকেটের

@ স্কুল্ড "সাম্প্রতিক অ্যাপস" ভিউতে রঙটি দেখতে আপনার ট্যাবগুলিকে মার্জ করতে হবে তবে আপনি "ট্যাব এবং অ্যাপসটি মার্জ করুন" অক্ষম করলেও ক্রোমে ওয়েবসাইটটি দেখার সময় আপনি রঙটি দেখতে পাবেন। তবে আমি আশা করি তারা কোনও দিন এটি ঠিক করে দিয়েছেন, যাতে ক্রমের অভ্যন্তরে থাকা ট্যাবগুলির তালিকা ("ট্যাবগুলি এবং অ্যাপ্লিকেশনগুলিকে মার্জ করুন" অক্ষম করা অবস্থায় দেখানো হবে) এছাড়াও নিস্তেজ ধূসর পরিবর্তে থিমের রঙ প্রদর্শন করবে।

— ADTC

1

@ এডটিসি আপনি যখন ট্যাবগুলিতে স্যুইচ করতে যাবেন তখন এটি রঙটি হারাবে? যদি তা হয় তবে হ্যাঁ এটি আদর্শ নয় তবে এটি কোনও বড় বিষয় নয় কারণ আপনি যখন ট্যাবে ক্লিক করলে রঙটি ফিরে আসে। বড় কথা হ'ল ওয়েবসাইটটি যখন দেখা হয়েছে তখন সঠিক রঙ আছে :)

— Skuld

1

@ স্কুলড, "ট্যাবস এবং অ্যাপ্লিকেশনগুলিকে মার্জ করুন" বন্ধ করে দিয়ে আপনি যখন ট্যাবগুলি স্যুইচ করেন তখন আপনি এই দৃশ্যটি (লিঙ্ক) পাবেন । এই দৃশ্যে, সমস্ত ট্যাবগুলি কেবল ধূসর। থিমের রঙটি এই দৃশ্যে থেকে যায় তবে ভাল লাগবে। "ট্যাবস এবং অ্যাপ্লিকেশনগুলিকে মার্জ করুন" চালু করার পরে আপনি কীভাবে অ্যাপ্লিকেশনটির মতো ট্যাবটিতে থিমের রঙ থাকে এবং আপনি অ্যাপটি স্যুইচারটি খোলেন to (পিএস: ব্যক্তিগতভাবে আমি সংযুক্তিকে ঘৃণা করি কারণ আমার প্রচুর ট্যাব রয়েছে এবং তারপরে আমার কাছে অনেকগুলি অ্যাপ্লিকেশন রয়েছে I আমি সেগুলি আলাদা রাখতে চাই বা পাগল হয়ে যাব >.< )

— এডিটিসি

790

কিছু অনুসন্ধানের পরে সমাধানটি খুঁজে পেয়েছি।

আপনি একটি যোগ করতে হবে <meta>আপনার ট্যাগে <head>ধারণকারী name="theme-color"বিষয়বস্তু মান হিসাবে আপনার হেক্স কোড দিয়ে। উদাহরণ স্বরূপ:

<meta name="theme-color" content="#999999" />

— অর্পদ গাবর
সূত্র

19

ধন্যবাদ। : চেকআউট এছাড়াও আরও তথ্যের জন্য HTML5Rocks updates.html5rocks.com/2014/11/...

— redochka

4

এটি নিষ্ক্রিয় করার জন্য কি Chrome এ কোনও সেটিংস রয়েছে? আমি রঙিন ঠিকানা বার দাঁড়াতে পারি না। আমি কেবল ডিফল্ট রঙ চাই।

— জেমস

@ জেমস - এটি আপনার পছন্দ মতো ঠিক নাও হতে পারে তবে আপনি 'অ্যাপ্লিকেশনগুলির সাথে মার্জ ট্যাবগুলি' সেটিংস বন্ধ করে রঙ পরিবর্তন বন্ধ করতে পারেন।

— নভোচেন

4

সত্যি? আমি 'অ্যাপ্লিকেশনগুলির সাথে ট্যাবগুলিকে মার্জ করুন' সেটিংস বন্ধ করে মার্শমেলো ব্যবহার করছি, তবে ঠিকানা বারটি এখনও রঙিন। হতে পারে তারা 'বাগ ঠিক করেছে'।

— user711413

3

অগত্যা হেক্স রঙ হওয়ার দরকার নেই, কোনও বৈধ সিএসএস রঙ কাজ করবে।

— বোগদান এম।

498

metaঅ্যান্ড্রয়েড, আইফোন এবং উইন্ডোজ ফোন সমর্থন করতে আপনার আসলে 3 টি ট্যাগ প্রয়োজন

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#4285f4">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#4285f4">

— এডোয়ার্ডো এল'স্টোরিনা
সূত্র

এবং লোডিং বার সম্পর্কে কী হবে? আমি যে ওয়েবসাইটগুলি দেখেছি যা উপরের বারটি গা dark় এবং লোডিং বারটিকে সাদা করে তোলে তবে আমি কোড বিশ্লেষণকারী স্নিপেটটি খুঁজে পাচ্ছি না?

— নবাবি

19

দ্রষ্টব্য : অ্যাপলের ডেভ নোট অনুসারে : "আপনি বর্ণিত হিসাবে প্রথমে পূর্ণ-স্ক্রিন মোড উল্লেখ না করা পর্যন্ত এই মেটা ট্যাগটির কোনও প্রভাব নেই apple-apple-mobile-web-app-capable" "

— ইয়ান ফটো

@ ইয়ানফোটো যা আসলে খুব দরকারী তথ্য। কেউ কীভাবে তা করবে?

— ভাইরিয়াতো

44

আইওএস apple-mobile-web-app-status-bar-styleশুধুমাত্র সমর্থন আরোপ black, black-translucent or default` - আপনি একটি কাস্টম রঙ ব্যবহার করতে পারবেন না।

— ষোলটি

2

যদি আপনি black-translucentএটি ব্যবহার করেন তবে শীর্ষ বারটি সাদা পাঠ্য দিয়ে স্বচ্ছ করে দেবে যা সম্ভবত আপনার পরে হবে

— 99 সমস্যা - সিনট্যাক্স এক

93

উদাহরণস্বরূপ, আপনার প্রিয় / ব্র্যান্ডিং রঙে ব্যাকগ্রাউন্ড সেট করতে

হেড বিভাগে আপনার HTML কোডে নীচে মেটা সম্পত্তি যুক্ত করুন

<head>
  ...
  <meta name="theme-color" content="Your Hexadecimal Code">
  ...
</head>

উদাহরণ

<head>
  ...
  <meta name="theme-color" content="#444444">
  ...
</head>

চিত্রের নীচে আমি কেবল উল্লেখ করেছি যে কীভাবে Chrome আপনার থিম-রঙের সম্পত্তি নিয়েছে

ফায়ারফক্স ওএস, সাফারি, ইন্টারনেট এক্সপ্লোরার এবং অপেরা কোস্ট আপনাকে ব্রাউজারের উপাদানগুলির জন্য রঙ এবং এমনকি মেটা ট্যাগ ব্যবহার করে প্ল্যাটফর্মের রঙ নির্ধারণ করতে দেয়।

<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

সাফারি নির্দিষ্ট স্টাইলিং

গাইডলাইন ডকুমেন্টস থেকে এখানে

সাফারি ইউজার ইন্টারফেস উপাদানগুলি গোপন করা হচ্ছে

একক মোড চালু করতে অ্যাপ্লিকেশন মোবাইল-ওয়েব-অ্যাপ্লিকেশন সক্ষম মেটা ট্যাগ হ্যাঁ সেট করুন। উদাহরণস্বরূপ, নীচের এইচটিএমএল স্বতন্ত্র মোড ব্যবহার করে ওয়েব সামগ্রী প্রদর্শন করে।

<meta name="apple-mobile-web-app-capable" content="yes">

স্ট্যাটাস বারের উপস্থিতি পরিবর্তন করা

আপনি ডিফল্ট স্ট্যাটাস বারের উপস্থিতি কালো বা কালো-রূপান্তরকৃততে পরিবর্তন করতে পারেন। ব্ল্যাক-ট্রান্সফুল্যান্ট সহ, স্ট্যাটাস বারটি নীচে চাপার পরিবর্তে পুরো স্ক্রিন সামগ্রীর উপরে ভাসমান। এটি বিন্যাসটিকে আরও উচ্চতা দেয় তবে শীর্ষটিকে বাধা দেয়। এখানে কোড প্রয়োজনীয়:

<meta name="apple-mobile-web-app-status-bar-style" content="black">

স্ট্যাটাস বারের উপস্থিতি সম্পর্কে আরও জানতে অ্যাপল-মোবাইল-ওয়েব-অ্যাপ-স্ট্যাটাস-বার-স্টাইল দেখুন।

উদাহরণ স্বরূপ:

স্ক্রিনশট ব্ল্যাক-ট্রান্সলুসেন্ট ব্যবহার করে

কালো ব্যবহার করে স্ক্রিনশট

— রবি ডিলিক্সন
সূত্র

42

থেকে অফিসিয়াল ডকুমেন্টেশন ,

উদাহরণস্বরূপ, ব্যাকগ্রাউন্ডের রঙ কমলাতে সেট করতে:

<meta name="theme-color" content="#db5945">

তদতিরিক্ত, ক্রোম যখন তাদের সরবরাহ করা হয় তখন সুন্দর উচ্চ-রেজ-ফ্যাভিকনগুলি দেখায়। অ্যান্ড্রয়েডের জন্য ক্রোম আপনার সরবরাহ করা সর্বোচ্চ রেস আইকনটি বেছে নেয় এবং আমরা একটি 192 × 192px পিএনজি ফাইল সরবরাহ করার পরামর্শ দিই। উদাহরণ স্বরূপ:

<link rel="icon" sizes="192x192" href="nice-highres.png">

— দেওয়াল খান্দেলওয়াল
সূত্র

22

এই সম্পর্কিত উত্তর ছাড়াও একই সম্পর্কযুক্ত তথ্য যুক্ত করার পাশাপাশি

— igorsantos07

9

@ igorsantos07 আমি কেবল অফিসিয়াল ডক্সে লিঙ্ক যুক্ত করতে চেয়েছি। এটাই

— দেওয়াল খান্দেলওয়াল

4

আমি ভেবেছিলাম যে ডকুমেন্টেশনের লিঙ্কটি হ'ল নির্বাচিত উত্তরটি থেকে অনুপস্থিত। এখানেই শেষ হয়ে যাবার জন্য আমি গুগল করছি। ধন্যবাদ.

— জাস্টিন ফোর্স

এটি

— অনর্থক