続きを読む...

SEO対策用にグローバルナビ編集したのは昨日ですが、なんかトップページ（ボタンだけ）が、"../"になってたので、こちらを修正。これだとタウンネットブログにリンクされます。

何でこんなリンク先の書き方してるかと言うと、自分がまだ相対パスのリンク付けに慣れてないからです。だからいち早く覚えるためにこの書き方にしてます。

相対パス → ../iha/

絶対パス → http://blog.town-nets.com/iha/

"./"で今居る階層（ディレクトリ）から。

"../"でひとつ上の階層（ディレクトリ）から。

"../../"で二つ上の階層（ディレクトリ）から。

"/"からでも、おｋ。階層（ディレクトリ）が分かってれば。

でも"/"だけのリンクにすると、「タウンネットブログ」に行くんじゃないかな?

一旦、トップページの「トップページ」ボタンだけテスト・・・

*** オリジナルデザインでテスト中 ***

2012.04.01 17:45

テスト完了！

やっぱタウンネットブログにリンクされますね。という事で"../iha/"に戻しました。

でもサイトマップのソースだけは絶対パスになってますね。修正したいけど、アレ、PHP側でしかできないから一般管理ページからは無理だな。

2012.04.21 21:10

サイトマップのリンクソースですが、考えてみればindex.htmlと同じディレクトリにあるわけですから"./sitemap.html"で出来ました。一般管理ページから修正できます。

headerに簡易的な即席グローバルナビを作ってみました。

全部CSSで出来るから簡単です(^^)

別に意味は無いけど、ずーーーーっとIllustrator触ってたから気晴らしに、という事で作成。

やっぱDTPメインが長いとソースの書き方忘れてヤバいやっさ。TAG indexを参考に、あとに残ったmarginとpaddingの計算は自力でやって完成。

でも配色だけだと詰まらんなぁ・・・(￣.￣;) ま、即席の簡易版なので仕方ないけど。

こちらはおまけ

青が、文字に全部アピアランスで作成したもの（文字の塗りを量産）。
赤が、パスと文字で作成したもの（オブジェクト一つひとつに効果入り）。

追記――――――

枠が角丸になるようCSS3のソースを追加しました。

Firefox4と5、Google Chromeで確認できます。ていうかIE以外。

続きを読む...