タグ

ブックマーク / seesaawiki.jp (4)

  • タブ切り替え - 使ってみよう!スタイルシート

    使ってみよう!スタイルシート 初心者向けCSSテクニックをまとめてみました。全部覚えなくても大丈夫♪少しずつ試してみてください。 トップページページ一覧メンバー編集 タブ切り替え 最終更新: handmade_pika 2011年06月23日(木) 09:36:37履歴 Tweet タブで形式のヘッダーメニューの作り方の例です。 タブを切り替えて今どのページを見ているのか分かりやすくします。 通常時は薄い色、マウスオーバーで濃い色になるよう画像を2種類用意します。 通常時 マウスを乗せると /*タブ風切り替え***************/ div#tab-box{width:514px; clear:both;} /*左***************************/ div#tab-box div.menu1{float:right; margin:0 0 0 2px;} di

    タブ切り替え - 使ってみよう!スタイルシート
    kage3111
    kage3111 2020/01/20
  • 横にならぶリンク(矢印付) - 使ってみよう!スタイルシート

    使ってみよう!スタイルシート 初心者向けCSSテクニックをまとめてみました。全部覚えなくても大丈夫♪少しずつ試してみてください。 トップページページ一覧メンバー編集 横にならぶリンク(矢印付) 最終更新: handmade_pika 2020年12月08日(火) 00:07:26履歴 Tweet パンくずリストや、簡単な手順を書く時に使えるテクニック。 テキストの間に矢印画像入れたい! トップ<img src〜〜>サブメニュー<img src〜〜>今見ているページ という書き方でも似たような事はできますが、 矢印の高さと文字の高さが合わなかったり、 画像のURLのせいでソースが無駄に長くなってしまい、ごちゃごちゃします。 CSS /*------流れる矢印用ボックス------*/ div.allow-url{ float:left; background:url(/xxx/xxx/ima

    横にならぶリンク(矢印付) - 使ってみよう!スタイルシート
    kage3111
    kage3111 2020/01/20
  • TypePadの共通ヘッダー編集 - 使ってみよう!スタイルシート

    使ってみよう!スタイルシート 初心者向けCSSテクニックをまとめてみました。全部覚えなくても大丈夫♪少しずつ試してみてください。 トップページページ一覧メンバー編集 TypePadの共通ヘッダー編集 最終更新: handmade_pika 2009年08月13日(木) 14:46:55履歴 Tweet 新しくテンプレート・モジュールを作成 ↓ テンプレート名:head-common 下のデフォルトのソースを流し込み、保存する。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standa

    TypePadの共通ヘッダー編集 - 使ってみよう!スタイルシート
  • head要素内へのモジュール追加 - オヤジギャグ2.0 うぃき - Seesaa Wiki(ウィキ)

    [ 芸能 ] オヤジギャグ2.0 うぃき 編集 履歴 添付 設定 新規ページ作成 メニュー Wiki内検索 タグ このウィキの読者になる head要素内へのモジュール追加 概要作業実施上の注意変更モジュール、テンプレートの整理変更作業内容head-addon-ogcの作成と共通ヘッダの設定Main Index Templateの設定Archive Index Templateの設定DateBased Archives Templateの設定Category Archivesの設定Individual Entry Archive Templateの設定変更確認作業 概要 head要素内にJavaScriptなどを挿入するための追加モジュール(head-addon-ogcとする)の作成と関連するモジュールおよびテンプレートからそのモジュールをMTIncludeするようにする 作業状況: 完了、

  • 1