Vivaldi タブを多段で表示 ( 多段タブ ) CSSの入手と設定方法

2021

Vivaldi タブを多段で表示 ( 多段タブ ) CSSの入手と設定方法

商品リンクをクリックし通販サイトへ飛ぶ物は「広告」のリンクです。
記事の執筆に AI な類は使用しておりません。

【目次】

はじめに
タブ表示に必要な CSS を入手
Vivaldi に CSS を読み込ませる
注意
おすすめリンク／関連記事

はじめに

皆様はパソコンでのブラウザは何をご使用ですか？
私はサブで Vivaldi を使用しております。

ふと多段タブができないのかな？と思って探してみたら
設定があるようなので、ブログネタ。

【目次へ戻る】

タブ表示に必要な CSS を入手

それでは、Vivaldi にて多段タブを実現するのに必要なファイルを入手します。

下のサイトにて、 CSS での多段タブ設定方法を入手可能。
Thanks !!

Multiple Row Tabs - forum vivaldi

このページにて、一番下にスクロールし最後のページを選択、現在は４ページです。
( 投稿数が増えるとページが増える )

最後のページなのは、いくつか投稿されている CSS は
不具合だったり昔のバージョンでは使えない場合があるため。
最新のバージョンがよい的な。
昔のでよければ前の方の投稿のでよい。

投稿内容に以下があるものが CSS なので
/* multiline tabs */

それらの投稿をメモ帳にコピペします。

名前をつけて保存 → ファイル名に Tab-CSS.css

※前方の Tab-CSS は好きな名称でＯＫ、日本語はＮＧ、英数字のみ
　必ず最後尾に .css が必要

ファイルの種類：すべてのファイルへ ( 必需 )
文字コード：Unicode ( 必需 )

保存します、これにて CSS の入手は終了。

【目次へ戻る】

Vivaldi に CSS を読み込ませる

今作成しました CSS を Vivaldi に読み込ませます。

私の環境は現在 v3.4.2066.106.x64 なので環境が変化して
出来なくなる場合もあるかと思います。

まず上で使用した CSS のファイルを
Vivaldi のフォルダへ入れる。
( CSSを置く専用のフォルダを必ず作ってそこに入れる )

例：～\Vivaldi\CSS\Tab-CSS.css
※フォルダ名に日本語は入れない、英数字のみ

URLバーに以下をコピペして Enter キー。
vivaldi://experiments

画面が出るので以下にチェック、 CSS の設定項目を出すのに必要。
Allow for using CSS modifications

URLバーに以下をコピペして Enter キー。
vivaldi://settings/

もしくは左上の Vivaldi のアイコンを
左クリック → ツール → 設定

外観を選択し右にあるオリジナルカスタムUI にて
CSS を入れたフォルダを指定する。

ブラウザを再起動すれば
通常モード、プライベートウィンドウ関係なく多段タブが使用可能。

左端に＋がくればＯＫ。
指定しても動かないよ！の場合はファイルやフォルダ名に
日本語が入っていると私は駄目でした。

【目次へ戻る】

注意

公開されている CSS は有り難いですけれども
注意事項です。

たまに " 思いもつかないような新しい方法 " で
悪用可能なものを書き込むや配布するという方がいます。

ですので、CSS に限らず何でもですがそれらを使い
個人情報を入れる場合は、自分が安全だな？と
確信したもの以外は導入しないこと。

導入する場合は、そのブラウザでは個人情報を扱わないこと。
ご留意をお願い申し上げます。

そんなの知っているから言わなくても大丈夫という方であれば
大変失礼をいたしました、お詫び申し上げます。

CSS ならそんなに？心配しなくても大丈夫ですが
意図的に指定したものを ○○ するぐらいですし。
過剰な心配と言われれば、その通りで一応の注意喚起です。

*** ご注意 ***

このブログに書いてある事の実行は
自己責任にてお願いいたします。

このブログの管理者気ままさんは
記事に書いてあることを実行して発生した
すべての事柄において責任を負いません。

これに同意をいただけない方への
このブログに書いてある事の実行は許可いたしかねます。

-----

とまあ、こんな感じで
Vivaldi で多段タブを CSS で実現しようの設定方法でした。

多段タブは便利なのですが
MouseGestureL.ahk というマウスジェスチャーで
色々やっていて、座標で○○するという設定をしていると
多段タブになると座標がずれるのでいまいち使いにくい。

今回は、私が使用するではなく
便利な設定方法を見つけた的な？

それでは、皆様にブラウジング、ネットサーフィンが
快適になりますようにとブラウザの神様にお願いいたしまして
これにて終了。

以上。

関連リンク

・【2021～2022年版】 Vivaldi ( Chrome ) に入れた便利な拡張機能
・【2022～2023年版】 Firefox と Waterfox に入れた便利なアドオン
・vivaldi 手軽に初回起動時間を短縮、起動数を制限する。
・Firefox v83.0 アドレスバーが拡大したのを元に戻す
・Chrome v87 アドレスバー ( URLバー ) の背景色をまぶしい白から変更
・Win10 FirefoxでVPN接続時のみ速度が劇遅／通信が詰まるの解決方法
・Firefox Vivaldi Chrome ブックマークをHTMLで書き Dropbox / Googleドライブで共有
・【設定】NordVPN Chrome Opera Firefox を使用しプロキシ経由で接続。
・Stylish (stylus) アドオン使用 cssで検索した文字をハイライト Google Yahoo baidu bing
・Firefox stylish (Stylus) アドオンでまぶしい背景色を暗く(灰色)にするCSS その2
・Firefox テーマ ( 外見 ) を変更するアドオン「 Firefox Color 」( URL・検索蘭の色も変更可 )
・Vivaldi ポータブルでの使用・設定方法とタブ／背景／文字色のまぶしくない設定
・Firefox 起動時に一瞬だけ白い画面が出るのが鬱陶しい力技で改善
・NordVPN メールアドレスやパスワードでなく謎の文字列を入力してVPN接続
・Firefox Vivaldi Chrome 現在のウィンドウに保存したタブを復元
　日本語訳と使用方法
・Win10 ハイコントラストテーマで Vivaldi／Chrome／Edge の配色が変を直す
・Vivaldi v3.7～右クリックメニューの編集方法と設定ファイルの出力場所
・Vivaldi v3.7.2218.49～ ALTキーを押すとメニューが出るを抑制する設定方法
・Vivaldi v4.0 へ移行したらテーマが変わった使用していたテーマに戻す
・Vivaldi v4.1 指定のページなどを複数開いて全画面など自動化コマンドチェイン

関連記事

コメント : 0
トラックバック : 0

カテゴリ : ブラウザ関連
テーマ : ブラウザ
ジャンル : コンピュータ

気ままの簡易レビュー