yolipの学舎

　ブログ内検索として設置したGoogleのサイト検索ブロックを枠線（border）で囲んで見やすくしてみました。 枠線（border）の色を「上と左」(#DCE3E3)、「下と右」(#C1C1C1)で変えてフレームっぽくするようにしています。 ブログ内検索設置の記事→Googleのサイト検索をブログ内検索として設置しました。 yolipの学舎/ウェブリブログ CSS編集/*Google検索*/ .searchstyle { width:120px;/*marginは削除してwidth ...続きを見る

トラックバック 2 / コメント 4

　左の枠線(border-left）を1文字分の太さにして、そこにアンダーラインとなる下の枠線(border-bottom）を設定して、簡単な見出しを設定しました。枠線（border）の色を変更するだけで、使い分けできるのでとても便利です。 見出しの例の記事→リンクについて yolipの学舎/ウェブリブログ CSS編集/*見出し（青色）*/ .blue_title { font-size:15px; font-weight:bold; padding-left:0.3em; bo ...続きを見る

トラックバック 2 / コメント 2

　BlogPeople トラックバック・ピープルのリンクリストにスクロールバーを設置しました。文字サイズを10px、横幅は150pxとしています。 CSS編集/*Trackbackpeopleのリンクリストにスクロールバーを設置*/ .blogpeople-tbp { width:150px; height:150px; overflow:auto; line-height:1.5; font-size:10px; text-align:left; } 　また、サイドバーで ...続きを見る

トラックバック 1 / コメント 4

　BlogPeopleのリンクリストにスクロールバーを設置します。CSS編集の画面で下のコードを追加するだけでＯＫです。<div class="blogpeople-main">〜</div>等は不要です。 　BlogPetの表示のCSS(blogpeople-main)は、フリースペースのCSSコードの下に追加しました。 CSS編集/* ●フリースペース */ #utilities #freespace{ } /*BlogPeopleのリンクリストにスクロール ...続きを見る

トラックバック 3 / コメント 2

　トップページのタイトル部分の背景に自作の画像をアップロードして設定してみました。 CSS編集/*---------------- タイトル(大) ----------------*/ #banner{ background:url("ブログトップの背景画像URL") no-repeat; height:100px; /* タイトル領域の高さを100ピクセルにする */ } ...続きを見る

トラックバック 1 / コメント 0