はてなブログでCSSを使って色の指定
こんにちは、雑記ラビリンスです。
ブログを書き始めてからレイアウトについて気になってきませんか？
そしてブログを書いているとき、色を使いたくなる時ってあると思います。
そういうとき、CSSを使うと簡単に色を使うことができます。
- HTML編集
- デザインー＞カスタマイズー＞デザインCSS
で可能です。
例として下にブロックを一つ配置しました。
<div style="border: solid 2px black; width: 20%; height: 30px;"></div>
コードとしては、こんな感じにしました。
これはHTML編集で直接書きました。
border:枠線のスタイル。
width:幅
height:高さ
を表しています。
この場合ですと、高さ30px、幅は全体の20%、枠線は太さ2pxの
黒い直線となります。
枠の中を赤にしたいときは
<div style="border: solid 2px black; width: 20%; height: 30px;
background-color: red;"> </div>
background-colorというプロパティを使って
英語のredと書けば背景が赤になってくれます。
でもなんて表現していいかわからない色ってあると思います。
赤っぽい色とか、でも赤とは少し違う。
そういう場合に
というリンク先がお役に立ちます。
色の名前が一覧表になっておりますので、表現しにくい
色も見つけることができます。
またこのサイトの右上にあるツールを使えば、よりあなたが
使いたい色に出会うことができると思います。
また下の四角にマウスを乗っけると色が変わります。
色が変わるよ
:hoverという疑似クラスを使って実装できました。
#color:hover{
background-color:"yellow";
}
これは2番の方法で記述しました。
こんな遊びができるのもCSSの面白いところです。
また、CSS全体については
というサイトがとても詳しくて便利ですので
ブログのレイアウトに関してとても重宝するかと思います。
まだまだレイアウトに関しては試行錯誤の連続なので
分からないことが多いですが、より見やすいサイトにできればいいなと
思っております。
おしまい。
下の記事もあわせてどうぞ
安い、うまい、せまい。船橋の名店「吉光船橋北口店」
こんにちは、雑記ラビリンスです。
今回は船橋にあるお寿司屋さん、吉光船橋北口店」にお邪魔いしましたので
その感想を記事にしました。
JR総武線船橋駅北口より、徒歩３分くらいのところにある立ち食い寿司
「吉光船橋北口店」。
第一印象はせまい。 とにかく狭いです。
店の中はカウンターのみで、５，６人が入るともう満員です。
そしてこのお店では、おしぼりは出てきません。
目の前にある蛇口があります。
これで手を洗って寿司を食べるスタイルのようです。
潔癖症の人や初めてくる人は戸惑うシステムです。
コストをネタに集中させ、まさに味で勝負している印象を受けたお店です。
僕はお酒を飲まないので分かりませんが、お茶かビールは選べます。
隣の人がビールを選んでいたので、少なくてもビールはあります。
食べログで調べたところ日本酒もあるみたいです。
お茶は熱々のお茶が出てきました。
頼んだ品物は、おまかせで値段は１５５０円。
寿司は手で食べるスタイルです。お箸があるのかどうかは分かりません。
出てきた品物がこれです。
生しらすの軍艦巻き、はみ出ちゃってます。規格に収まらなかったらしい。
シャリは少し小ぶりな感じですが、掴みやすいため食べやすかったです。
マグロが肉厚にもかかわらず、口の中に入れるとあっという間に
溶けて無くなってしまう不思議な食感。
この値段でこのネタのレベル。正直驚きました。
うまい、うますぎる！
職人さん、いい仕事しすぎです。
今回は頼みませんでしたが、おまかせには特上があります。
これ以上レベルが高くなるのかと思うと末恐ろしいお店です。
また、おすすめ以外のも自由にネタを選ぶこともできますので
職人さんに気軽にお声掛けください。
隠れた名店ですので、寿司が好きな人はぜひ一度訪ねてみてください。
おしまい
下の記事もあわせてどうぞ
【鶏そば 朱雀】下総中山駅周辺でおすすめのラーメン
行ってきました。鶏そば朱雀。
JR下総中山駅から降りて改札を出て南口を降りて
左に曲がり、歩くこと約１分。
朱雀はそこにあります。
今回頼んだのは、
鳥白湯醤油の味玉 ９４０円
このお店の特徴はチャーシューが鶏を使っているということ。
「ラディッシュスプラウト」という赤カブを使っていることです。
朱雀と同じ赤い色をしているからとのこと。
スープを一口、口に入れると滋味で優しい味が広がっていき
ついつい蓮華が進んでしまいます。
味玉もしっかりと味がついていて美味しいですし
鶏チャーシューは歯ごたえがあり、おいしい。
もし、下総中山に立ち寄ることがあったらぜひ一度
食べてみてください。
最新の情報はTwitterで確認できます。
場所：
JR下総中山駅 南口 徒歩１分
ランチタイム 11〜15時
ディナータイム 18：00〜23：00時
（日.祝日18〜22時）
毎週月曜：定休日
席：
カウンター８席
４人掛けテーブル席：２つ
全席禁煙
癒し系マンガAQUA 1巻、2巻を読んで
こんにちは、雑記ラビリンスです。
アニメ「ARIA」をご存知でしょうか？
ヒーリングアニメの最高峰とも評価されるアニメで
があります。
アニメ「ARIA」シリーズの原作はAQUAが全２巻、ARIAが全１２巻です。
僕はアニメからマンガに入ったのですが、とても気に入っているマンガの一つです。
今回は、AQUA１，２巻の紹介をします。
AQUA 1
AQUA１巻では水先案内人になることを夢見る女の子、水無灯里が
シングルになるまでを描かれています。
ストーリーは灯里が火星をテラフォーミングされた水の惑星AQUAで
青い瞳を持つ火星猫のアリア社長、アリシアさんに出会うところから
始まります。
AQUAの世界は星間旅行ができるほど科学が進んでいる設定ですが
このネオ・ヴェネチアではゴンドラと呼ばれる船を使わないと生活が
始まらない世界です。不便だからこそ時間がゆっくり流れていきます。
そして親友となる藍華と出会い、アクア・アルタの体験や、ネコに関わる
摩訶不思議な出来事に遭遇しながら灯里はAQUAでの生活を楽しんでいます。
ぜひ、この巻でAQUAの世界観を味わってください。
もしあなたがこの世界観に浸れたら、このシリーズは間違いなく
楽しめるでしょう。
AQUA 2
AQUA第２巻では夏のAQUAが楽しめます。
ここでは新キャラとして暁が登場します。そして灯里は初めてお客様をのせ
また一歩水先案内人として成長していきます。
夜光鈴、風鈴、そして花火。夏の風物詩がいくつも登場してきます。
はるか未来の世界の話なのに、何故か懐かしさを感じます。
アリシアさんの『懐かしいのよ」という言葉がぴったりと当てはまります。
藍華ちゃんが風邪をひくお話では、しれっとアリスちゃんが登場しますが
彼女については続編のARIAでお楽しみくださいとのことです。
アクアという惑星は現代の人々が忘れてしまった宝物を大事にしている
世界なのかもしれません。AQUAの世界はゆったりとしていており
疲れたときや、道に迷ったときに読んでみると新たな気づきをくれる
素敵な作品です。
おしまい
知っている方も、知らない方も、プリキュアの青キュア限定で2曲紹介
何曲あるの？
プリキュアシリーズは2017年時点で14年目ということもあり
提供された楽曲は膨大な数になります。正直何曲あるか分かりません。
ざっくり見積もってＯＰ14曲、ＥＤ28曲、キャラソン100曲としても
142曲あります。他にも挿入歌(HEART GOES ON)や
映画に使用された曲(永遠のともだち)とか入れたら200曲ぐらい
あるのではないでしょうか。さらに「三人の絆」のようにBGMもカウントすると
300曲以上はあるのではないかと思います。
曲の紹介
その中で今回はイメージカラーが青のプリキュアのキャラソンを2曲紹介します。
一曲目はスマイルプリキュアのキャラソンの
「あなたの鏡」です。
作詞：実ノ里
- provided courtesy of iTunes
この曲はスマイルプリキュアの４３話のＢＧＭで流れた曲です。
れいかなりの答えを出した回です。また因縁のライバルである
ジョーカーとの一騎打ちがあり、クールで熱いバトルが見られる
回であります。
この「あなたの鏡」はジョーカーとの一騎打ちの時に流れるＢＧＭ
なのですが伸びのあるメロディが西村ちなみさんの
透明感のある歌声にとても似合っている曲です。
続いて紹介する曲は「BEAT LOVE」です。
作詞：Funta3
作曲：Funta7
- provided courtesy of iTunes
スイートプリキュアに出てくる黒川エレンことキュアビートですが、
初めは敵キャラであるセイレーンとして出てきましたが、
プリキュア達と関わっていくうちに改心してプリキュアになりました。
曲の印象は、リズミカルでまたとっても可愛いらしい曲です。
歌詞もエレンの気持ちが伝わってくる歌詞です。
以上、2曲紹介しました。
プリキュアの楽曲はたくさんの曲があります。そして曲も
元気な曲、かっこいい曲、しっとりとした曲、などなどバラエティに
富んでおります。この記事をきっかけに、あなたの琴線に触れる曲に
出会えうことが出来たら、記事を書いた甲斐があります。
9月16日はメキシコ独立記念日
メキシコが一番熱い一日
９月１６日はメキシコの独立記念日としてメキシコが１年で
最も盛り上がる日です。
メキシコ独立革命
ドロレスという小さな町で司祭をしていたミゲル・イダルゴは
１８１０年９月１６日の早朝、ドロレスの教会の鐘を鳴らして
民衆を集め決起集会を起こしました。
これを「ドロレスの叫び」と呼ばれる有名な演説で
これがメキシコ独立革命の始まりです。
イダルゴは後に処刑されてしまいますが、これで革命の運動が
終わったわけではありませんでした。各地の反乱は続き、その中で
特に大きかったのはカトリックの司祭であるホセ・マリア・モレーロス
が率いるところでした。モレーロスはスペインからの独立と共和国の
設立を掲げた運動でした。
モレーロスもまた処刑されてしまい、イダルゴとモレーロスという両指導者
を失った独立革命は10年に及ぶ期間とスペイン軍の強さ
もあり、徐々に崩壊していきます。そして弱体化した独立軍に対して
スペインの副王ホアン・ルイス・デ・アポダカは
アグスティン・デ・イトゥルビデを派遣します。
しかし転機が訪れます。1820年、スペイン立憲革命により
絶対王政から自由主義政府が誕生します。このニュースはメキシコに
すぐに届けられました。これを知ったイトゥルビデは好機ととらえ
独立軍のリーダーであるビセンテ・ゲレロと密談を重ねるようになります。
そしてイトゥルビデが指揮しているスペイン軍が独立軍に合流します。
これを「３つの保証軍」と呼ばれています。
3つの保証とは
１．メキシコは、スペインから迎え入れるフェルナンド7世国王か、保守 的なヨーロッパ諸国から迎え入れる王子が支配する独立君主国となる
２．土着のクリオーリョと、スペイン生まれのペニンスラールは平等な権利と特権を有する
３．カトリック教会はメキシコにおける特権と宗教的独占を保証される
です。
そしてこの軍は各地にいたゲリラ的独立軍と合流し、スペイン人王党派と
本国の自由主義政府とのつながりを断ち切ることに成功しました。
そして1821年8月24日、イトゥルビデと副王はベラクルス州コルドバで
コルドバ条約を結びます。こうしてメキシコの独立が決まりました。
同年、9月16日にイトゥルビデはメキシコシティに入ることに成功し
こうしてメキシコ独立戦争は終了しました。
独立記念日の催し
メキシコ各地でいろいろな催しが行われます。
また独立記念として軍事パレードが開かれます。
陸海空軍の兵隊たちが楽曲を鳴らしながら行進します。
行進するのは兵隊だけでなく、軍事病院の看護師もパレードに
参加します。
以上、9月16日に起きたことでした。
ブロガーに超おすすめの著作権フリーの画像サイトPixabay
フリー画像サイトPixabay
ブログを書くとき、フリー画像サイトにお世話になると思います。
そんな時、Pixabayサイトがおすすめです。
なんていっても無料
無料なんです。
そしてそれだけでなく
Pixabayにアップされている全ての画像と動画は、Creative Commons CC0にて無償配布されています。これらファイルのダウンロード、改変、配布、および使用に関しては、商用利用に際してもロイヤリティーフリーであり。 著作権の帰属先の表示は不要です。
と収益化しているブログで使ってもいいし、改変してもＯＫです。
写真を使ってもいいですか？
とありますのでその時は気を付けていただく必要があります。
１００万点を超える大量の画像
量だけではないんです。クオリティも、ものすごく高いものが多い。
例えば、こんなかわいい写真や
こんなきれいな写真が
たくさんあるのです。
Pixabayの使い方
使い方は
トップページにある入力フォームに検索したい単語を入れます。
僕は「赤」で検索しました。
すると、このようにたくさんの画像が出てきます。
試しに、一番右上にある「イチゴ」をチョイスします。
そうしますと、ジャン！
選んだ画像が拡大されて表示されます。注目してほしいのは
赤い四角で囲ったところ。内容を下に記します。
とありますのでご確認願います。
この場合は上の説明の通り、引用元とか書く必要がないので
気にせず使えます。
そして無料ダウンロードをクリックすると
このようにサイズが表示されるので
お好きなサイズを選んで、ダウンロードします。
今回は一番上の640×423を選びます。
そうすると
ダウンロードが始まり、このような画面が出てきます。
コーヒーのボタンを押すとPayPalのページに行き
寄付することができます。こんな画面です。
もちろん、コーヒーのボタンを押さなくても、ダウンロードできます。
僕はしてませんが・・・。
ダウンロードした写真がこちらです。
かなりクオリティが高い写真ですね。
かなり魅力的なサイトだと思いますので、ぜひ使ってみてください。
イタリア、ヴェネチアで４月２５日、愛する人に赤いバラを贈るイベント、ボッコロの日。
こんにちは、雑記ラビリンスです。
ボッコロの日という行事を聞いたことがありますでしょうか？
イタリアで行われている行事なのですがあまりなじみがないかもしれません。
今回は、そんな『ボッコロの日』について紹介します。
どんな行事
４月２５日、イタリアのヴェネチアで行われる行事です。
ボッコロはバラの蕾という意味で、ヴェネチアの男性は
愛する女性に一輪の赤いバラを贈る風習です。
ロマンチックな風習ですね。
でも、この風習には、昔々におきた悲恋のお話があるのです。
言い伝え
遠い遠い昔、ある男女が愛し合っていました。マリアとタンクレディです。
ところがマリアの父の反対で二人は結婚することができませんでした。
そこでタンクレディは戦いで手柄を立てることでマリアの父に
マリアとの結婚を認めてもらおうと奮闘します。
しかし、その戦いの最中、敵の兵士に刺されてしまいます。
そこには白いバラが茂っておりました。
死を悟ったタンクレディは有名なフランク人騎士オーランド
に自分の血に染まった手折った一輪の白いバラを
渡してほしいと伝えます。
そして、マリアはオーランドからタンクレディの死を伝えられ
その血染めのバラを受け取りました。
それは４月２４日、「サンマルコの日」の前日でした。
翌日、「サンマルコの日」の日、マリアは血染めのバラを抱いた姿で
遺体で発見されました。
この二人の想いが人から人へ伝えられていき
４月２５日は愛の印としてバラを贈るようになったのです。
プレゼントにでも
日本ではあまりなじみのない習慣ではありますが、これを機に
プレゼントとしてバラをあげてみるのもいいかもしれません。
Makefuture プリザーブドフラワー ギフト ダイヤモンドローズ プロポーズ 一輪 薔薇 (ブライトレッド)
- 出版社/メーカー: Makefuture
- メディア: ホーム&キッチン
- この商品を含むブログを見る
![[エルフルール] ベストセラー1位獲得 赤バラの花束 30本 カラー:レッド 結婚記念日 プレゼント 薔薇 誕生日祝い 贈り物 クリスマス プロポーズ](https://images-fe.ssl-images-amazon.com/images/I/51SOWP15E6L._SL160_.jpg "[エルフルール] ベストセラー1位獲得 赤バラの花束 30本 カラー:レッド 結婚記念日 プレゼント 薔薇 誕生日祝い 贈り物 クリスマス プロポーズ")
[エルフルール] ベストセラー1位獲得 赤バラの花束 30本 カラー:レッド 結婚記念日 プレゼント 薔薇 誕生日祝い 贈り物 クリスマス プロポーズ
- 出版社/メーカー: エルフルール
- メディア:
- この商品を含むブログを見る
あとがき
ARIAについては、どこか別の機会で紹介したいと思います。
おしまい
下の記事もあわせてどうぞ
駆け出しブロガーが「世界一やさしい ブログの教科書」を読んだ感想
出会った本
ブログを始めるには何かしらのきっかけがあるかと思います。
交友関係を広げたいとか、稼ぎたいとか・・・。
僕は安月給の足しにしたいなという考えから始めました(笑)。
ブログを始めてまだ一ヶ月もたっていない駆け出しブロガー
でありますので、いかんせん右も左も分からない。
そんなときに出会ったのが
世界一やさしいブログの教科書一年生です。
内容
この本は
1時限目：ブログの運営と基礎を学ぼう
2時限目：先輩ブロガーの成功パターンを学ぼう
3時限目：人気記事の書き方を学ぼう
4時限目：ブログで収益をあげる方法
5時限目：最強のブロガーになる方法
本書よりタイトルを引用
で構成されています。
1時限目では、ブログの由来、ブログの種類とその特徴が
丁寧に説明されています。またブログの継続する考え方や収益の方法などが
網羅されております。
2時限目では17人もの成功した先輩ブロガーの成功事例や彼らの
ブログに対する考え方、収益の方法が掲載されており、
最もページを割いている章でもあります。
3時限目では記事を書く際のポイントであるSEOについてや
勉強会やイベントについて書かれています。
4時限目ではアフェリエイトの種類や広告の掲載場所の
レイアウトについて具体的な手法が紹介されています。
5時限目ではただのブロガーとしてではなく、
ブログの先にあるものについて書かれています。
感想
読みやすく、あっという間に読み終わってしまいました。
ネタ切れしない考え方は長くブログを行うには必須のアイテムでしたし
記事にもフロー型の記事とストック型の記事の大きく分けて
2種類あることを初めて知り、それぞれの特徴が例を出しつつ説明が
あるので初心者の僕でもとても分かりやすかったです。
また僕は、この本に出会うまで、ブログに勉強会があることを
知りませんでした。
さらに多くの成功している先輩ブロガーたちの紹介があり
彼らの考えかたや、手法は学ぶことが多かったです。
みな、ブログを読む読者のことを考えて記事を投稿していました。
そして楽しみながら行うことで習慣化し、その結果が
収益にもつながっているところが共通していました。
この本に書かれていることを実践していき、このブログを
育てていきます。
