名張教室ニュース

パソコンスクール名張教室の生徒作品、記事を報告します。

青蓮寺ダムの桜その2

2010-04-15 13:18:32 | 練習
グーブログに動画をたくさん貼れるかの練習をしました。

(1)1件目の動画を投稿し、保存します。
(2)2件目の動画投稿をユーチューブからし、動画のURLが得られたら
    コピーします。
(3)保存した(1)の投稿を編集、加工し、(2)のURLを貼り付ければ
   複数の動画が貼れます。

2件の動画を貼ったサンプルです。

青蓮寺ダムの桜


2つ目の動画
名張青蓮寺ダムの桜



カウントダウン

2009-12-16 22:06:07 | 練習


クリスマスも近くなりましたね!Gooブログパーツにクリスマスカウントダウンがありましたので張ってみました。

ブログパーツを本文に貼ったときは、次の記事を書くと、ブログパーツは下に移動してしまうため、テンプレートに貼りました。Gooアドバンスに契約し、カスタムテンプレートを使用するとテンプレートにブログパーツを貼ることができます。テンプレートに貼ると記事を更新しても同じ位置に表示されるため、本文と違って毎回貼る必要がありません。さて、上手くいくでしょうか!大成功

ブログのカスタマイズ6 (ブログ表示幅の変更と背景変更)

2007-12-01 23:12:00 | 練習
ブログ変更最終です。標準寸法では、ブログ小技のページが
表示不良となるため、サイズ変更をしました。また、背景をパープル
(#800080)に変更しました。

ブログ全体幅を広げると、左メニュー部分が広がり、目的の本文
部分が広がらないため、左メニュー部分も変更しました。変更内容を
以下に示します。


/* ページ全体囲み */
#content{
margin: 0px auto;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
background-color: #FFFFFF;
text-align: left;
width: 900px;     760px標準  

/* エントリー背景 */
#entry{
float:right;
width : 690px;      550px標準  
padding: 15px 15px 15px 0px;
overflow: hidden;
height:100%;



ブログのカスタマイズ5 (タイトル文字の変更)

2007-12-01 17:42:48 | 練習
タイトル画像サイズを高くしようとしたらサイズ指定が見つからないため、
現行のままとした、画面の横サイズは、下記内容で指定されているよう
試しにwidth: 500px; に変更したら、画面が崩れてしまった。

/* ページ全体囲み */
#content{
margin: 0px auto;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
background-color: #FFFFFF;
text-align: left;
width: 760px;


ブログタイトルと概要の文字が見えないため白(#F5F5F5)に変更
変更内容は下記(赤が変更部分)

/* ブログのタイトル */
.bTitle {
color: #F5F5F5;

/* ブログの概要 */
.bDesc {
text-align: left;
padding-bottom:6px;
font-size: ;
color: #F5F5F5;

これで本日の作業は終了。


ブログのカスタマイズ4 (タイトル画像の変更)

2007-12-01 17:10:32 | 練習
トップ画像に教室外観写真を入れました。テンプレートはオリジナルが高さ変更が
できないため、シンプルに変更(クリアグレー左メニュー)しました。
必要なサイズの写真がタイトル画面に綺麗に入らないため、写真サイズをいろいろ変更し(W600~1200)投稿したところ、現在のテンプレートはW760で
画面サイズに収まりました。高さは元サイズH326では下が欠けるため、表示領域サイズの変更が必要です。


ブログのカスタマイズ2(背景画像)

2007-11-30 20:49:07 | 練習
背景色の水色変更がOKなので、次は背景画像を変更します。

gooブログで用意している背景用素材集の中から「水色格子:kousi.gif」を使って背景を飾ってみます。

変更内容は、下記の赤色部分

/* ページ全体の背景と文字と余白 */
BODY {
background-image: url(/images/test/kousi.gif);
background-repeat: ;
background-position: ;
background-color: #DEF3FC;
margin: 0px;


ブログのカスタマイズ1(背景変更)

2007-11-30 20:19:26 | 練習
ブログのカスタマイズの練習です。

はじめは、背景の変更です。

テンプレートは、パセリクラブ ポップ2より、カスタマイズ可能な
カスタム カスタムブルーに変更しました。

背景色を白(#FFFFFFF)から水色(#DEF3FC)に変更です。

変更CSSは下記内容です。

/* ページ全体の背景と文字と余白 */
BODY {
background-image: url();
background-repeat: ;
background-position: ;
background-color: #DEF3FC;
margin: 0px;

赤色部分の変更