タグ

2015年12月16日のブックマーク (5件)

  • シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld

    画像は使用せずにCSSだけでスタイリングしたタイトル(見出し)のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。 全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。 また、一部複数行に向かないものもありますが、基的には複数行のタイトルでも見栄えが崩れない感じのものになっており、余白やカラーなどを調整することでデザインを変更するのも容易です。 以下で紹介している内容は一部異なるものもありますが、基的に下記のようなシンプルなHTMLを使用しています。 ただ、一部異なるものといってもいずれもspan要素を1つ追記する程度です。

    シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 | NxWorld
  • はてなブログで独自ドメインを設定する方法!ドメインは【お名前.com】で取得したよ♪ – kototoka

    ドメインの取得 さて「はてなブログPro」への移行が済んだらこれで「独自ドメインの設定」ができます。 独自ドメインを設定するには、なにはともあれ「ドメイン」が必要です。 ドメインを取得しましょう。 わたしがドメインを取得したのは日でのドメイン取得の最大手ではないかと思われるお名前.com ドメイン取得にもお金はかかります(;´Д`) しかし安いものであれば年額数百円で済みます。 お気に入りのドメイン名を熟慮して取得しましょう。 私のブログのドメイン「kototoka.com」も数日のあいだあれやこれや熟慮して、やっとこで決めることができました。 だって今後このブログの代名詞ともなるドメインです。しっかりと考えたいですからね。 みなさんも納得のいくドメインを取得してください(*‘∀‘) では、この先は「お名前.com」でドメインを取得したことを前提に話を進めます。

    はてなブログで独自ドメインを設定する方法!ドメインは【お名前.com】で取得したよ♪ – kototoka
  • ソースコードを色付けして表示する(シンタックスハイライト) - はてなブログ ヘルプ

    はてな記法では、スーパーpre記法でプログラムのソースコードなどを表示する際に、シンタックスハイライト(Syntax highlighting、言語ごとの構文に応じた色付け表示)が利用できます。 はてな記法とシンタックスハイライト シンタックスハイライトを利用するには、そのコードがどの構文で記述されているかを示すファイルタイプを、スーパーpre記法で先頭の>||の2のパイプ(||)の間に指定します。 構文によって指定するファイルタイプは決まっています。下記の一覧を参照してください。 シンタックスハイライトの使用例 Ruby言語で記述されたソースコードを貼り付けるには、次のようにrubyを記述します。 >|ruby| class Foo def bar'baz' # return baz end end ||< これは次のようにハイライトされます。 class Foo def bar'ba

    ソースコードを色付けして表示する(シンタックスハイライト) - はてなブログ ヘルプ
  • はてなブログテーマ「Blank」のカスタマイズ(レイアウト編) - MoonNote

    はてなブログテーマ「Blank」のカスタマイズ方法、レイアウト編です。サイドバーの幅を変更する方法や、ページ全体に背景画像を表示する方法について記載しています。参考になれば幸いです。 サイドバーの幅を変更する Blank のサイドバーは、広告を配置しやすくするために幅を固定しています。デフォルトの幅は、配信数が最も多いレクタングル(中)に配慮して 300px に設定しています。 @media screen and (min-width: 960px) { #wrapper { width: 100%; margin-right: -348px; padding-right: 348px; box-sizing: border-box; float: left; } #box2 { width: 300px; float: right; } } これがデフォルトの CSS です(ベンダープレ

    はてなブログテーマ「Blank」のカスタマイズ(レイアウト編) - MoonNote
  • Blank - テーマ ストア

    カスタマイズ性を重視したシンプルな2カラムテーマです。レスポンシブデザインに対応しています。 サイドバーの幅は、レクタングル(中)の広告が綺麗に収まる 300px です。 CSS の指定を変更すれば、レクタングル(大)に合わせた 336px にも変更できます(詳しくはカスタマイズの項を参照してください)。 2016/07/26 Thanks for 10000 downloads!

    Blank - テーマ ストア
    shigo45
    shigo45 2015/12/16
    使わせて頂きます。ありがとうございます。