Hatena::ブログ(Diary)

のーんびりと Webプログラム はてなバージョン

のーんびりと Webプログラム はてなバージョン

2011-01-29

はてなダイアリーのデザインテーマ「Foto-blue」の変更方法

このブログのタイトル周りの変更方法の記録です。画像を変更して、タイトルテキストを見えなくします。

ページのヘッダの変更

変更前
<div class="main">
変更後
<h1>
 <a href="http://d.hatena.ne.jp/ariki4160/">
  <img src="(透明1ピクセルの画像を置いてあるURL)" 
         alt="のーんびりと Webプログラム はてなバージョン">
 </a>
</h1>
<div class="main">

スタイルシートの変更

変更後 (変更前は何も記載なし)
div#simple-header,div.adminmenu {
  background-image: url("(メニュー背景画像を置いてあるURL)");
}

h1 {
  background-image: url("(タイトル背景画像を置いてあるURL)");
}

h1 {
  display: none;
}

div.hatena-body h1 {
  display: block
}

はてなダイアリーのシンタックスハイライトが強力な点を確認してみました。

はてなダイアリーシンタックスハイライトが強力な点を確認してみました。

Pythonの場合

# -*- coding: utf-8 -*-
from django.db import models

# Create your models here.
class Item(models.Model):
    item_code = models.CharField(u'商品コード',max_length=256,unique=True)
    item_name = models.CharField(u'商品名',max_length=256)
    price = models.PositiveIntegerField(u'価格')
    start_date = models.DateField(u'掲載開始日',null=True);

    def __unicode__(self):
        return self.item_code

    class Meta:
        db_table = 'item'

Rubyの場合

# The Greeter class
class Greeter
  def initialize(name)
    @name = name.capitalize
  end
 
  def salute
    puts "Hello #{@name}!"
  end
end
 
# Create a new object
g = Greeter.new("world")
 
# Output "Hello World!"
g.salute