簡単ホームページ作成サービス「グーペ」【ホームページ作成講座】

このブログは、ホームページ作成の経験の無い初心者の方でもホームページが簡単に作成できる！ホームページ作成サービス「グーペ」を利用してのホームページ作成講座です。さあ、みなさんも、ホームページ作成サービス「グーペ」でホームページ作成にチャレンジしよう♪

 グーペカスタマイズ ナビゲーション

「グーペ」のナビゲーションの文字を大きくする方法

前回、紹介した、ユーザーさんから、
ご質問がありましたので、お答えしたいと思いま～す。w(￣o￣)w ｵｵｰ!

【Before】
Default カスタマイズ Before

【After】
Default カスタマイズ After
レイアウト”Default センタリング ２カラム 左ナビゲーション”をベースにしています。

では、カスタマイズ方法を紹介したいと思います！
今回は、詳細編集でスタイルシート（CSS）のみのカスタマイズです。

【CSS】：改造前

/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
}
#navi ul li {
margin: 0 0 2px 0;
}
#navi ul li a {
height: 100%;
display: block;
padding: 10px 10px 10px 30px;
font-size: 11px;
text-decoration: none;
background: #f9fdf5;
}

【CSS】：改造後

/* --------------------------------------
ナビゲーション
--------------------------------------- */

#navi ul {
margin: 0;
list-style-type: none;
}
#navi ul li {
margin: 0 0 2px 0;
}
#navi ul li a {
height: 100%;
display: block;
padding: 10px 10px 10px 30px;
font-size: 14px;
text-decoration: none;
background: #f9fdf5;
}

上記の赤字が変更部分です。
文字の大きさの調整となり、
数字が大きくなるほど、表示される文字も大きくなります。
但し、文字を拡大しすぎると、レイアウトが崩れてしまいますので、
バランスの良い文字の調整をしましょう。

これだけで、カスタマイズ完了です！(⌒-⌒)ﾆｺﾆｺ...
皆さんも、グーペでホームページのカスタマイズに挑戦してみてはいかがでしょうか？

Web ページからのメッセージ
※但し、詳細編集でカスタマイズして設定した後に、かんたん編集に戻って保存すると
せっかく、カスタマイズしたデータが上書きされてしまいますので注意して下さいね。

【免責事項について】
このソースコードの使用に関しては、限られたテスト環境での動作確認などは行なっていますが、すべての環境に対応したものではありませんので、恐れ入りますが、使用に関しては自己責任でお願い致します。



タグ ：グーペホームページ作成ナビゲーション文字拡大パソコン用

同じカテゴリー（グーペカスタマイズ）の記事
ヒロ動物病院
ヒロ動物病院(2015-05-22 08:45)

サンプルサイト公開中！！Sample shop 「グーペ」でホームページ作成
サンプルサイト公開中！！Sample shop 「グーペ」でホームページ作成(2013-11-25 21:21)

「グーペ」のロゴ画像の設定方法④
「グーペ」のロゴ画像の設定方法④(2012-02-25 21:40)

「グーペ」のロゴ画像の設定方法③
「グーペ」のロゴ画像の設定方法③(2012-02-18 07:31)

「グーペ」のロゴ画像の設定方法②
「グーペ」のロゴ画像の設定方法②(2012-02-16 21:26)

「グーペ」のロゴ画像の設定方法①
「グーペ」のロゴ画像の設定方法①(2012-02-03 23:33)

※このブログではブログの持ち主が承認した後、コメントが反映される設定です。
上の画像に書かれている文字を入力して下さい
 
＜ご注意＞
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。
カテゴリー
初めての方へ (1)
お知らせ (5)
レッスン (6)
グーペ機能一覧 (41)
└ トップページ (4)
└ お知らせ機能 (1)
└ フォトアルバム (1)
└ メニュー (1)
└ カレンダー (1)
└ クーポン情報 (1)
└ アクセスマップ (1)
└ お問い合わせ (1)
└ 携帯サイト (1)
└ 求人ページ (1)
└ 予約ページ (1)
└ フリーページ (1)
└ アクセス解析 (1)
└ メールマガジン機能 (1)
└ PDFファイルアップロード (1)
└ グーペデザイン設定 (16)
└ その他の機能 (5)
グーペデザイン一覧 (74)
└ natural (1)
└ Obi (2)
└ Default (30)
└ Paper (1)
└ Background (1)
└ Header (1)
└ Tab (1)
└ Wood (1)
└ Corner (1)
└ Top (1)
└ Japan (1)
└ Plain (1)
└ Wide (1)
└ Gradation (1)
└ Simple (1)
└ SalonGold (1)
└ SalonSilver (1)
└ SalonPink (1)
└ SalonBlue (1)
└ Salon2 (1)
└ Beauty (1)
└ Simple2 (1)
└ Business (1)
└ Village (1)
└ Spoon (1)
└ Elegant (1)
└ Corporate (1)
└ Botanical (1)
└ Miyabi (1)
└ Bistro (1)
└ Relax (1)
└ Hello (1)
└ Slider (1)
└ Showcase (1)
└ Hometown (1)
└ Aroma (1)
└ Oneplate (1)
└ Pastel (1)
└ Scene (1)
└ Smooth (1)
└ Mobile_Default (1)
└ Smartphone_Default (1)
グーペカスタマイズ (9)
└ ロゴ画像設定 (4)
└ ナビゲーション (1)
グーペユーザー (80)
└ 和食 (3)
└ 洋食・西洋料理 (6)
└ 中華 (0)
└ アジア・エスニック (1)
└ ラーメン (2)
└ カレー (2)
└ 焼肉・ホルモン (2)
└ 鍋 (0)
└ 居酒屋・ダイニングバー (2)
└ カフェ (9)
└ 喫茶店 (0)
└ コーヒー専門店 (2)
└ パン・サンドイッチ (2)
└ スイーツ (2)
└ バー (0)
└ パブ (0)
└ ラウンジ (0)
└ ビアガーデン (1)
└ 旅館 (1)
└ ファッション (3)
└ ヘアサロン (7)
└ ネイルサロン (2)
└ まつげ・アイラッシュ (3)
└ エステサロン (2)
└ リラクゼーション (2)
└ 整体・カイロ (5)
└ 医院 (3)
└ ペット・動物病院 (2)
└ オフィス (1)
└ 製造業 (1)
└ その他(医療・福祉) (2)
└ その他 (11)
てぃーだイチオシ
アクセスカウンタ
最新記事
「グーペ」デザインテーマ”Smooth” (5/10)

「グーペ」デザインテーマ”Scene” (2/20)

「グーペ」デザインテーマ”Oneplate” (9/19)

「グーペ」デザインテーマ”Pastel” (9/11)

「グーペ」デザインテーマ”Aroma” (9/10)

最近のコメント
怪獣タクトンとゆかいな仲間たち / SlowDance Official Homepage
ヒロトン(豚) / SlowDance Official Homepage
怪獣タクトンとゆかいな仲間たち / 「グーペ」のデザイン設定［･･･
＠yuka / 「グーペ」のデザイン設定［･･･
怪獣タクトンとゆかいな仲間たち / 「グーペ」で作成”Sample sho･･･
タグクラウド
ホームページ作成   グーペ   ユーザー   デザインテーマ   2カラム   デザイン   パソコン用   かんたん編集   スマートフォン   タブレット   Default   無料   お試し期間   お店   1カラム   トップページ設定   SAMPLE SHOP   大阪府   東京都   兵庫県   京都府   写真   Header   ロゴ画像   神奈川県   ヘアサロン   石川県   カラー   レイアウト   モバイル用   スマートフォン用   詳細編集   埼玉県   美容室   静岡県   山口県   カフェ   お知らせ   インフォメーション   メニュー   アクセスマップ   アップロード   キーワード   ナビゲーション   整体院   店舗   ジャンル   沖縄県   広島県   千葉県   コーヒー専門店   群馬県   秋田県   イタリア料理   福岡県   岐阜県   Botanical   ファッション   茨城県   北海道   グーペホームページ作成   お試し   １５日間   登録   初期設定   管理画面   ログイン画面   おもな機能   スライドショー   Plain   Simple   Background   Corner   Japan   natural   Wide   Paper   Wood   Tab   Top   Gradation   メッセージ   ウェルカム   お店の雰囲気   フォトアルバム   価格   イベント   カレンダー   スケジュール   利用条件   クーポン   有効期限   地図   お問い合わせ   返信   署名   掲載   求人情報   モバイル   携帯サイト  
過去記事
プロフィール
怪獣タクトンとゆかいな仲間たち
怪獣タクトンとゆかいな仲間たち

☆はじめまして、たーちゃんパパで～す！

只今、フリーで活動中です！今までは、仕事が忙しく、出張で家にいる事が少なくて、子供の成長を見ることが、出来なかったので、今は毎日が、べったりで、子供中心の生活です。いろいろ、発見があって楽しい毎日です！


最近から、たーちゃんも、パソコンで遊ぶようになり、いろいろと覚えてきたので、このブログがパソコンの参考書になればいいな～！もちろん、皆さんにも！(⌒-⌒)ﾆｺﾆｺ...


もうみっつのブログ

『怪獣タクトンとゆかいな仲間たち-子供中心生活！-』

『沖縄☆パソコン家庭教師！』

『ブログをカスタマイズ！「ブログスタイル」』

も、☆ヽ(▽⌒*)よろしぅ♪


［サイトマップ］はこちら！

お問い合わせ

Back to Top