ラベル HTML の投稿を表示しています。 すべての投稿を表示
ラベル HTML の投稿を表示しています。 すべての投稿を表示

2013年3月27日水曜日

Twitterのタイムラインをウェブサイトに埋め込む

Twitterのタイムラインをウェブサイトを埋め込むには、HTMLタグを記入する必要がある。これはウィジェットと呼ばれていて、自分のTwitterアカウントの設定画面から簡単に作ることができる。

1.設定画面へ入る


2.画面左側のメニューからウィジェットを選ぶ


3.新規作成を選ぶ

4.設定画面でWebサイトへ埋め込みたい種類のWidgetを選ぶ。ここでは、自分のタイムラインを選んでいる。ウィジェットを作成をクリックする。


5.出来上がったHTMLソースをサイトのHTMLへコピペする。



もうちょいっとカスタマイズができると良いんだけどなー(^^;

カスタマイズなどの参考URLはこちら

2013年3月21日木曜日

リスト形式のメニューを中央に揃えるCSS


メニューをリストスタイルで作成すると、中央揃えさせようとしても align などではうまく配置できない。こんな感じで指定すると簡単にできちゃいました。




HTML


<ul id="low_navi">
<li></li>
<li></li>
<li></li>
</ul>



CSS


#low_navi {
  position: relative;
  overflow: hidden;
}
 
#low_navi ul {
  position: relative;
  left: 50%;
  float: left;
}
 
#low_navi ul li {
  position: relative;
  left: -50%;
  float: left;
}


サクッと忘れてるんだよね、こういうの。
いかんよねー。><