February 6, 2011

サイトデザインをHTMLタグでカスタムする



■サイトの角を丸めたい!
そういうときは代替タイトルテキストに画像を使うようにHTMLタグを入力してカスタマイズします。この場合以下のように入力しています。

<div style="position:absolute;top:10px;left:407px;z-index:1"><img src="http://your_site/uploaded/itunes_title.png"></div><div style="position:absolute;top:75px;left:-1px;z-index:-1"><img src="http://your_site/uploaded/frame_top.png"></div>

フッターも同じように丸くできます。



同じく代替フッターテキストに以下を入力しています。

<div style="background-color:#cfd0d0"><img src="http://your_site/uploaded/frame_bottom.png"><br>&nbsp;&nbsp;<font size="-1">Copyright (C) iTune Review. All Rights Reserved.</font><br><br></div>


デザインの設定はこんな感じです。


使用している画像はこちらからダウンロードできます
(URLを右クリックし対象をファイルに保存)

角丸画像トップ
http://pimpub.jpn.org/support/uploaded/frame_top.png

角丸画像フッター
http://pimpub.jpn.org/support/uploaded/frame_bottom.png

タイトルバー背景画像も掲載しておきますので是非使ってくださいね

見出し背景画像
http://pimpub.jpn.org/support/uploaded/title_main.gif

サイドバー背景画像
http://pimpub.jpn.org/support/uploaded/title_sub.gif

twitter
Hatena
Google Buzz
newsing
Yahoo!
Buzzurl
Technorati
del.icio.us
Choix
Iza!
Livedoor Clip
Facebook
Evernote
 

Posted by support : 08:45 AM | TIPS - Tips | Comment (0) | Trackback (0)


プロフィール

 PIM Publishingという無料クラウド型CMSのサポートサイトです。このサイトでも使用されています。
Twitter
Search

Mobile
QR for cellphone  QR for smart phone
携帯でのアクセスは こちら
スマートフォンは こちら
Popular Page
Category
Recent Entry
Trackback
Comment
Archive
<     November 2024     >
Sun Mon Tue Wed Thi Fri Sat
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Link
無料クラウド型CMS
- PIM Publishing