はなまるスキン:デモ

はなまるセレクションで配布してるnucleus用のスキンのデモサイトです。

看板エリアです。「c34kbn」看板エリアです。
ホーム
hnmSite(基本編)
hnmSite(応用編)
hnmGreen(セミナ)
ダウンロード

ホーム >  hnmGreen(セミナ) >  3.サイズ配置の変更

(ここのアイテムはnabiUeというタイトルで登録されてます)

hnmGreen(セミナ)
hnmGreenについて
サイトの紹介
1.色目、画像の編集
2.トップページの編集
3.サイズ配置の変更
4.各カテゴリのトップ編集
5.hnmスキンの考え方(これから)

はなまちやの通販ショップ



(ここのアイテムはnabiSitaというタイトルで登録されてます)

hnmGreen(セミナ)

3.サイズ配置の変更

06年11月14日 

自分でサイトを作る時に、やはり必要な事の一つとして各ブロックの配置や位置の調整があります。私が位置の調整をする時は、編集用のスタイルシートを利用します。

hnmGreen/color.css の上部にあるコメントアウトを外します。
body {background-image:url('http://hanamachi.com/image/hogan.gif');}
div#body {background-color:transparent;}

管理画面 >> スキン編集 >> hnmgreen >> メインの目次ページ(個別アイテムページ)をクリックし、下の一行を両方のスキンとも“color.css”を読み込む前に読み込ませます。こんな感じになります。
<link rel="stylesheet" type="text/css" href="<%skinfile(color.css)%>" />
<link rel="stylesheet" type="text/css" href="<%skinfile(haici.css)%>" />

そこで、画面をかくにんすると、背景にグリッドが表示されて、エリア毎にドットで区切られている状態になっていると思います。

この状態であれば、サイズの変更や、フロートの幅の調整などがわかりやすいかと思います。ただ、罫線分2pxずれますので,注意して下さい。

「3.サイズ配置の変更」についてのお問合せ

このアイテムは閲覧専用です。コメントの投稿、投票はできません。
ホーム
hnmSite(基本編)
hnmSite(応用編)
hnmGreen(セミナ)
ダウンロード
Powered by | nucleus | hanamachi-Ya!

当サイトのコンテンツ等について運営者との間で生じた紛争の解決については、すべて名古屋地方裁判所を第一審の専属管轄裁判所とします。


(ここのアイテムはbanabanaというタイトルで登録されてます)