気ままの簡易レビュー

[ トップページへ ]



自分が実際触って判断した Win /アプリの設定、商品の簡易レビューがメイン。



0

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

商品リンクをクリックし通販サイトへ飛ぶ物は 「 広告 」のリンクです。



はじめに

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

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

【 目次へ戻る 】

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

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

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

Multiple Row Tabs - forum vivaldi

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

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

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

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

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

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

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

Vivaldi_Tab_20210104_0003.jpg

保存します、これにて 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

Vivaldi_Tab_20210104_0001.jpg

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

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

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

Vivaldi_Tab_20210104_0002.jpg


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

Vivaldi_Tab_20210104_0004.jpg

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

【 目次へ戻る 】

注意

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

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

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

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

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

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

*** ご注意 ***

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

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

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

-----

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

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

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

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

以上。

おすすめリンク

Amazon / 楽天市場 / Yahoo! でお買い物をする。

関連リンク

【2021~2022年版】 Vivaldi ( Chrome ) に入れた便利な拡張機能
【2021~2022年版】 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 指定のページなどを複数開いて全画面など自動化 コマンドチェイン
関連記事

コメント

非公開コメント

検索フォーム

最新記事

FireFox v105 ツイッターなどのページでスクロールが引っかかるを改善 Sep 26, 2022
VeraCrypt 日本語化/使用方法/コンテナのマウント/アンマウントをバッチファイルで行う Sep 23, 2022
MouseGestureL.ahk で CTRL/Shift/ALT/Winキーが押されていれば待機/離されたら次の命令へ進む .ahk Sep 18, 2022
ファイルを選択しショートカットキーで日時を付加しコピー/リネーム/フルパス取得 Autoitスクリプト Sep 06, 2022
デスクトップでキー入力すると登録したアプリやフォルダを開く Autoit スクリプト Aug 30, 2022
ショートカットキーを押して文字反転/文字が選択されているテキストをファイルへ保存するスクリプト Aug 24, 2022

バナー1

月別アーカイブ スクロール

全ての記事を表示する

2022年09月 (4)

2022年08月 (5)

2022年07月 (2)

2022年06月 (8)

2022年05月 (5)

2022年04月 (8)

2022年03月 (6)

2022年02月 (2)

2022年01月 (6)

2021年12月 (2)

2021年11月 (7)

2021年10月 (5)

2021年09月 (4)

2021年08月 (3)

2021年07月 (9)

2021年06月 (6)

2021年05月 (10)

2021年04月 (7)

2021年03月 (10)

2021年02月 (6)

2021年01月 (6)

2020年12月 (5)

2020年11月 (7)

2020年10月 (7)

2020年09月 (6)

2020年08月 (10)

2020年07月 (9)

2020年06月 (7)

2020年05月 (8)

2020年04月 (4)

2020年03月 (5)

2020年02月 (7)

2020年01月 (5)

2019年08月 (4)

2019年07月 (14)

2019年06月 (14)

2019年05月 (17)

2019年04月 (14)

2019年03月 (5)

2018年02月 (1)

2017年08月 (1)

2017年06月 (1)

2017年05月 (1)

2017年03月 (4)

2017年01月 (2)

2016年12月 (4)

2016年11月 (2)

2016年10月 (2)

2016年09月 (2)

2016年08月 (2)

2016年07月 (3)

2016年06月 (3)

2016年05月 (2)

2016年04月 (5)

2016年03月 (9)

2016年02月 (6)

2016年01月 (5)

2015年12月 (8)

2015年11月 (4)

2015年10月 (11)

2015年09月 (6)

2014年03月 (18)

2014年02月 (28)

2014年01月 (31)

2013年12月 (31)

2013年11月 (19)

2013年10月 (17)

2013年09月 (9)

2013年08月 (10)

2013年07月 (12)

2013年06月 (10)

2013年05月 (22)

2013年04月 (3)

2011年03月 (1)

2011年02月 (2)

2010年11月 (1)

2010年09月 (1)

2010年08月 (1)

2010年07月 (9)

2010年06月 (6)

2010年05月 (19)

2010年04月 (23)

2010年03月 (28)

2010年02月 (23)

2010年01月 (17)

2009年12月 (19)

2009年11月 (25)

2009年10月 (28)

2009年09月 (28)

2009年08月 (20)

2009年07月 (19)

2009年06月 (20)

2009年05月 (16)

2009年04月 (18)

2009年03月 (15)

2009年02月 (14)

2009年01月 (7)

2008年12月 (3)

2008年11月 (5)

2008年10月 (4)

2008年09月 (4)

2008年08月 (3)

2008年07月 (3)

2008年06月 (4)

2008年05月 (2)

2008年04月 (1)

2008年01月 (1)

2007年12月 (1)

2007年11月 (3)

2007年09月 (2)

2007年07月 (1)

2007年02月 (1)

2006年11月 (1)

2006年09月 (1)

2006年08月 (1)

2006年07月 (5)

バナー2

バナー3




プライバシーポリシー

当サイトでは、第三者配信による広告サービスを利用しています。このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 (氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。このプロセスの詳細やこのような情報が広告配信事業者に使用されないようにする方法については、ここを参照するか ブラウザのCookie機能をオフにしてアクセスしてください。

気ままの簡易レビューは amazon.co.jp を宣伝しリンクすることによって サイトが紹介料を獲得できる手段を提供することを 目的に設定されたアフィリエイト宣伝プログラムである Amazonアソシエイト・プログラム の参加者です。

プロフィール

・このブログの管理者:気ままさん
・性別:男
・年齢:40代
・性格:プログラミング的思考
    スキゾイド傾向
    去る者は追わず、来る者は拒まず

・趣味:読書
    パソコンを快適にする設定を
    探しにWeb旅行
    得た知識でブログの執筆

・一言:
どうも、気ままさんと申します。
需要のあるなしは関係なく私が気に入った
役に立った事を書いており必要な方が
好きに観覧して頂ければ。
しがないブログではありますが
何かのお役に立てれば。