INDEX Page【ブログカスタマイズの雑談BLOG】

【Seesaaブログ新デザインシステム】ブログ内検索結果ページの記事リスト先頭にマークを付ける

■Seesaaブログのブログ内検索結果ページ上部に作った「記事リスト」にマーク(画像)を付ける■リストタグ「ul」「li」を使って記事リストを作る■独自で作っていたclass「top-list」を使用する  私が独自にSeesaaブログに設置した「記事リスト」の行間を調整して、リストの先頭に画像でマークを表示させます。「記事リスト」は現時点でも機能的に何ら問題はありません。ただ、記事タイトルが長文になった場合に、記事リスト…

【Seesaaブログ新デザインシステム】カテゴリページの記事リスト先頭にマークを付ける

■Seesaaブログのカテゴリページ上部に作った「記事リスト」にマーク(画像)を付ける■リストタグ「ul」「li」を使って記事リストを作る■新しく作ったclass「top-list」の設定  私はSeesaaブログの「カテゴリページ」「ブログ内検索結果ページ」「タグ一覧ページ」「過去ログページ(アーカイブページ)」のページ上部に、記事リストを置くように設定しています。設定してからかなりの期間が経ちますが、機能に関しては何の…

【Seesaaブログ新デザインシステム】サイドバーにツリーメニューを設置する

■Seesaaブログのサイドバーに「ツリーメニュー」を設置する■コンテンツ「自由形式」で追加■コンテンツHTML、CSSを編集  ブログのカスタマイズをしているうちに、サイドバーにメニューを表示させたくなりました。ブログの上部に「グローバルナビゲーションメニュー」を置いていても、ページをスクロールするとナビメニューが見えなくなってしまうんです。(そりゃそうだw)ナビメニューを常に表示させておく方法もあるんで…

【Seesaaブログ新デザインシステム】ページ案内リンク「前ページ・次ページ案内リンク」ボタンの高さを2行にする(3)CSSの編集

■記事ページの前ページ・次ページ案内リンクを編集■記事タイトルの表示文字数を増やす■ボタンの記事タイトルを改行して2行にする■新しいclass「permalink2」等を作成■CSSを編集  記事ページの下部に表示される「前ページ・次ページ案内リンク」を編集します。前回の記事<■ページ案内リンク「前ページ・次ページ案内リンク」ボタンの高さを2行にする(2)HTMLの編集>でHTMLを編集したので、今回はCSSを編集します。編集…

【Seesaaブログ新デザインシステム】ページ案内リンク「前ページ・次ページ案内リンク」ボタンの高さを2行にする(2)HTMLの編集

■記事ページの前ページ・次ページ案内リンクを編集■記事タイトルの表示文字数を増やす■ボタンの記事タイトルを改行して2行にする■HTMLを編集  記事ページの下部に表示される「前ページ・次ページ案内リンク」を編集します。この画像のように、「前ページ・次ページ案内リンク」を2行分の高さがあるボタンで表示するようにカスタマイズします。とりあえず、関連記事を案内しておきます。当記事の関連記事■「前ページ・次ペ…

【Seesaaブログ新デザインシステム】ページ案内リンク「前ページ・次ページ案内リンク」ボタンの高さを2行にする(1)完成イメージと準備

■記事ページの前ページ・次ページ案内リンクを編集■記事タイトルの表示文字数を増やす■ボタンの記事タイトルを改行して2行にする■カスタマイズのための準備  Seesaaブログの記事ページの下には、「前ページ・次ページ案内リンク」が表示されます。このブログでは、「前ページ・次ページ案内リンク」をボタンで表示するようにカスタマイズして、さらにマウスをボタンに乗せた時に記事のタイトルを表示するように設定しまし…

【Seesaaブログ新デザインシステム】ページ案内リンク「前ページ・次ページ案内リンク」にマウスを乗せた時に記事タイトルを表示させる

■記事ページの前ページ・次ページ案内リンクを編集■案内リンクにマウスを乗せた時に、記事タイトルを表示させる■HTMLを編集  Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」では、記事ページの下部には「前ページ・次ページ案内リンク」が表示されます。私は以前の記事<■ページ案内リンク「前ページ・次ページ案内リンク」をボタンにする>で、この「前ページ・次ページ案内リンク」をボタン表示に変更しま…

【Seesaaブログ新デザインシステム】記事ページの「関連記事」のサムネイルにマウスを乗せた時に記事タイトルを表示させる

■記事ページの関連記事のサムネイル部分のリンク設定を編集■サムネイルにマウスを乗せた時に、記事タイトルを表示させる■HTMLを編集  Seesaaブログのテンプレート「シンプルA. ホワイト 右カラム」では、記事ページの下部には「関連記事」のサムネイル画像が並べて表示されます。「関連記事」なのか「関連する記事」なのか「カテゴリの最新記事」なのか、もはや私にはよくわかりませんが、サムネイル画像が並べられている部…