タグ / CSS

記事
【レビュー】JUGEMブログのスマホ版をカスタマイズしたのでフリースペースの使用方法などをご紹介
[2014/11/23 11:19]
JUGEM(ジュゲム)ブログのスマホ版に4つのフリースペースが追加されて大幅にパワーアップ!! さっそくカスタマイズしてみたのでレビューしてみます。 ..._φ(゚∀゚ ) ども、ピアノ教室管理人でごわす。 普段はWordPressオンリーのWeb界隈の人でも、好きなブログのひとつにあげるという「JUGEM」。(少なくとも2人は知ってるw) 比較的検索に強いサブドメインと、HTMLとCSS両方ともカスタマイズ可能という自由度の.. つづきを読む
ここがヘンだよSeesaaブログ!スマホ版の画像が勝手に改変される件の解決策(という名の妥協案)
[2014/10/09 18:09]
もぉ〜ちょっとさぁ〜スマホ版Seesaaブログの画像の取り扱いに関して、軽くおこなんですよねぇ〜。 ٩(๑`^´๑)۶ 激おこプンプン丸 こんちわ!ピアノ教室管理人です。 Seesaaブログを使わせてもらっている立場でこんなこと書くのはどうかと思うんですが、スマホ版の画像の取り扱いがちょっと頂けないんですよね。 PCで記事を書いたときに設定した画像のアレコレが、スマホ版では勝手に改変されちゃうんですよ〜これが。 .. つづきを読む
需要ある?ブログの写真にまるで本物の写真のような白い枠と影を付ける方法
[2014/10/05 15:29]
ブログに載せた写真に白い枠と影、意外と需要ある? |ω・`) ども、ピアノ教室管理人です。 ブログに載せた写真のフチに、本物の写真のような白い枠を付ける方法をご紹介します。 とはいっても、写真そのものを画像編集ソフトやスマホアプリで加工する方法ではなく、CSS、つまりスタイルシートで白い枠を付ける方法です。 写真自体を加工してしまうと後から白枠を取り除くことができなくなりますから、先々のことを考えると調整&解除可能なこちら.. つづきを読む
改行が変!?自動改行するブログでのSyntaxHighlighterの表示崩れを回避する方法
[2014/10/01 17:39]
あ、ありゃ!? なんだかSyntaxHighlighter内の改行が変だゾ。 こ、これは詰んだ...のか。 (; ・`д・´) ども、前回の記事から「SyntaxHighlighter」を導入してみたピアノ教室管理人です。 HTMLやCSSなどのコードをブログ上で書き示すとき、SyntaxHighlighterはとても便利でしかもキレイに表示してくれるJavaScriptツールです。 こういうヤツですね。^^ .goArt.. つづきを読む
消えた!?リンクを無効化するCSSプロパティpointer-eventsを使ってみた&ブラウザごとの検証を少々
[2014/09/29 15:38]
け、消せた、リンクが消せたよぉ〜。 ありがとう、pointer-events! ( ;∀;) カンドーシタ ども、思った以上に仰々しい画像(↑)をつけてしまい、ちょっぴり後悔しているピアノ教室管理人です。 (;´Д`) 最近このブログを改装して、トップページに複数の新着記事の概要が並ぶスタイルに変更しました。 (こういう形式って何て呼べばいいんだろう?) そして概要内の画像をクリックするとその記事へ飛べるようにリンクした.. つづきを読む
朗報!アメブロのスマホ版CSSをカスタマイズする目からウロコな方法を試してみたョ!
[2014/09/24 15:20]
アメブロのスマホ版のデザイン、どうにかならんもんかなぁ〜って思ってたら、こんなカスタマズ方法があったんですね! (  Д ) ゚ ゚ 目からウロコでした。 こんにちはピアノ教室管理人です。 アメブロをはじめとした無料ブログサービスには、従来のPC版の表示に加え、スマートフォンでの表示に最適化されたスマホ版がありますよね。 PC版のヘッダーやサイドバー、フッターなどを省き、記事本文だけを抜き出した表示の軽〜い、しかしデザインが微妙.. つづきを読む
さらば無断借用!引用に使える3つのHTMLタグと引用マナー&検索エンジン対策としても!
[2013/10/28 18:27]
あ〜このニュース記事についてオイラもひと言モノ申したいんだが、元文がないと意味が伝わらないや。 何とかパクリじゃなくて、キチンと「引用」できないかなぁ...。 (´ヘ`;)ウーム… ども、ピアノ教室管理人です。 ブログを書いていて、「引用」したいことってありませんか? たとえばニュース記事の一部であったり、辞典・事典・辞書の用語や説明文、本や雑誌、新聞の一節などなど、自分が書いている記事の参照元や元ソース、情報源などを引用し、記事.. つづきを読む
新規ページレビュー - 障害児(障がい児)のための音楽療法とピアノレッスン
[2013/03/31 14:03]
ども、ピアノ教室管理人です。 ふと思うところあって、自サイトの中で新規に作成したページについてのレビュー記事を書いていこうかなと。 自サイトというのはもちろん本業のピアノ教室のホームページのこと。 新規レッスンメニューなどの立ち上げにあわせて特設ページなどを作るわけですが、その制作上のポイントや特筆すべきことなどをまとめてレビューしてみたいと思います。 もちろん、このブログから新規ページへリンクすることでのSEO効果も期待しての.. つづきを読む
ブログに横長の楽譜(1段譜)を画像で表示して弾き方などを解説する方法♪
[2013/01/12 19:22]
ども、ピアノ教室管理人です。 ブログ上で部分的に楽譜を掲載して、弾き方などを解説したいことはありませんか? 楽譜全体の解説などは、1ページまるごとの画像を貼り付ければいいと思うんですが、 特定の一部分だけ抜き出して、演奏のポイントなどを説明したいときは、 少々事情がちがってきますよね。 特定の1小節、特定のフレーズだけの説明、 必要なのは楽譜全部じゃなくて1段譜だけってとき。 またはコードの解説などをしたいときは、その.. つづきを読む
HTML,スタイルシート,CSSによるカラーコードと色の指定|16進数での指定方法
[2013/01/03 13:46]
HTMLやスタイルシート(CSS)などによるWeb上の色の指定方法には何通りかありますが、 ここでは広く一般的に使われている指定方法をご紹介します。 なお初心者の方のために分かりやすく書いているつもりですので、 あんまり厳密性は求めていません。 つまり、プロのデザイナーでもないかぎり、 これくらいの範囲で知っていれば十分に使えるということですね。^^ 【基礎知識】色の発色の仕組み:光の三原色 - RGB パソコンのモニターやス.. つづきを読む
コピペするだけで文章の一部に背景色をつける方法です
[2012/09/28 14:18]
ども、ピアノ教室管理人です。 今回は文章の一部に背景色をつける方法をご紹介します。 テスト勉強なんかでおなじみですよね。 大切な部分にマーカーで色をつけるアレです。 ではさっそくサンプルを見てみましょう。 文章の背景に色を付けたサンプル 西暦604年4月3日、聖徳太子は十七条の憲法を制定し、豪族たちに仏法を敬い、天皇に従いうことを説いた。 上記の「十七条の憲法を制定」に、黄色い背景色を付けてみました。 .. つづきを読む
コピペするだけで文章を枠で囲み、角を丸くする方法です
[2012/09/21 17:40]
ども、 ピアノ教室管理人です。 以前、コピペするだけで文章を枠で囲む方法をご紹介しましたが、 今回はその枠の角を丸くする方法です。 文章だけを枠で囲んだサンプル 祇園精舎の鐘の声 諸行無常の響きあり 沙羅双樹の花の色 盛者必衰の理をあらわす おごれる人も久しからず ただ春の世の夢のごとし たけき者も遂には滅びぬ 偏に風の前の塵に同じ またまた有名な平家物語の冒頭の一節です。^^ 上記のサンプルのHTMLタグは.. つづきを読む
≪前へ  次へ≫

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。