MENU
HOME
TOP
WhiteTiger Ver 1.2.1に更新しました。確認よろしくお願いします。

投稿文でキーボードのような表現をしたいです。

ホーム フォーラム 雑談・相談・何でも 投稿文でキーボードのような表現をしたいです。

このトピックには2件の返信が含まれ、2人の参加者がいます。2 ヶ月、 3 週間前 ヤッピ さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #4631 返信

    ヤッピ

    けんじさんこんにちは。

    こちらの記事Windows10 が遅い時は メモリ開放!Microsoft 純正ソフトで解決!!でMacのキーボードのような表現をされてますが、これはどうやって表示しているのでしょうか?お手数ですが教えて頂けませんか?

    #4637 返信

    けんじ
    キーマスター

    こんちはヤッピさん。

    キーボード風味のスタイル載せておきますね。黒もあるので使ってみてください。

    /*	キーボード
    ************************************************/
    /*白いキーボード*/
    .keyboard {
    	height: 35px;
    	min-width: 40px;
    	padding: 0 10px;
    	margin: 5px 10px;
    	background: #f8f9fb;
    	border-radius: 4px;
    	border-top: 1px solid #f5f5f5;
    	box-shadow: 0 0 25px #E8E8E8 inset, 0px 1px 0 #C3C3C3, 0 2px 0 #C9C9C9, 0 2px 3px #333333;
    	color: #666;
    	text-shadow: 0 1px 0 #f5f5f5;
    	font: bold 14px arial;
    	text-align: center;
    	line-height: 35px;
    	display: inline-block;
    }
    
    /*黒いキーボード*/
    .keyboard-dark {
    	height: 41px;
    	min-width: 24px;
    	padding: 0 10px;
    	margin: 5px 10px;
    	background: #222222;
    	border-radius: 4px;
    	border-top: 1px solid #222222;
    	box-shadow: 0 0 25px #333333 inset, 0 1px 0 #000000, 0 2px 0 #222222, 0 2px 3px #333333;
    	color: #AAAAAA;
    	text-shadow: 0 -1px 0 #000000;
    	font: bold 14px arial;
    	text-align: center;
    	line-height: 41px;
    	display: inline-block;
    }
    #4659 返信

    ヤッピ

    出来ました!けんじさんありがとうございました。

    それで話変わりますが、けんじさんが作ったWordPressテーマのwhite-tigerを少し使ってみたのですが、最強ですね。これからwhite-tigerを使わせていただきます。

    ありがとうございました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
返信先: 投稿文でキーボードのような表現をしたいです。
あなたの情報:




スポンサーリンク

この記事をかいた人

閲覧どうもありがとうございます。当サイトキャンディースタイルとWordPressテーマのWhite Tigerというサイトを運営しています。まだまだ初心者なので、お見苦しいとこがありますがどうぞよろしく。