サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
usnnw.seesaa.net
blockquote サンプル 現在のブログのデザインにしてから結構経ちましたが、まだ完全にはSeesaa Blog(シーサーブログ)には対応していません。 ・blockquote ・検索ページのレイアウト ・コメント/トラックバックのレイアウト などなど そこで、blockquoteくらいは綺麗にしたいと思い、blockquote サンプルでグーグルで検索してみるとサンプル集として自身が作成している方やそれらをまとめてくれているページが沢山ありました。 デザインは、シンプルなものからインパクトのあるものまで様々でした。 いくつかCSSに記述しておいて、引用先の雰囲気に合わせて利用するのも面白いかもしれませんね。 blockquote(引用部分)をCSSでデザインするサンプル集 | CSS Lecture 運営者さん自身が作成したblockquote のデザインとサンプルが紹介されています
アドセンスや楽天アフィリエイト、アマゾン アソシエイト・プログラムなどのアフィリエイトには、ある程度決まった広告フォーマットがあります。しかし、微妙にサイズが違っていたり、バナー広告(イメージ広告・商品広告)がなかったりします。 いざ、サイトに広告を貼ろうと思っても思うようにいかない場合があります。 これを避けるためにサイトを作成する際に広告サイズを意識して、広告位置を確保する必要があります。 今回は、以上の問題に備えて冒頭の有名なアフィリエイトを中心に広告サイズをメモしておこうと思います。 *いずれのサイズも幅×横、ピクセルで表しています。 楽天アフィリエイト 商品広告 バナー広告 80x60、88x88、116x32、120x60、125x125、234x60、468x60、120x500、728x90 楽天ダイナミックアド ・【01】ワイドスカイスクレーパー(画像) 160×600
Seesaa Blog(シーサーブログ)の”メインHTML”を簡単に解析しています。目的は、Seesaa Blogのカスタマイズのためです。もともとあるHTMLやCSS(スタイルシート)の簡単なカスタマイズはよくやっていましたが、根本的な部分は調べていませんでした。 まずは、どこのソースがどの部分を表しているのか?について”メインHTML”と”コンテンツHTML”を解析したいと思います。 解析してみてわかったのですが、Seesaa Blogは以前より機能が増えたのでその分、HTMLコードも増えたようです。また、必要最低限の機能(ブログの記事+画像くらい)に限定するとかなりソースコードが省けそうです。 Seesaa Blog(シーサーブログ)のHEADタグ内 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-
以前、「Blog(ブログ)の記事を書く時に役立つFirefox(ファイアーフォックス)のaddon(アドオン)」で紹介した「Make Link」の改行,使い方,設定など使い倒す方法を紹介しています。私がHTMLサイトやブログ記事の作成で実際に利用している雛形も随時紹介したいと思います。 Make Linkとは? Make Linkとは、簡単にHTMLやForumCodeなどのリンクをブラウザのコンテクストメニューから2クリックで生成するFirefox(ファイアーフォックス)のaddon(アドオン)です。 サイト作成やブログの記事を書くのリンクの貼り付け作業を大幅に軽減してくれます。 現在は、サイトのURLとサイトタイトル(リンクテキスト)のみですが、今後のバージョンアップによりさらに機能が追加されると思います。 Make Link :: Firefox Add-ons Make Linkの
このページを最初にブックマークしてみませんか?
『【 undershaft newralnet works 】』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く