Web > Expression > Web 4 > Chapter 10　データの作業

Part 2　AddFeedでTwitterフィードの挿入

Section 2　TwitterやRSSとの連携

Page 1 > Page 2 > > Page 4 > Page 5 > Page 6 > Page 7

Twitterフィードテキストのインデントを操作するには

はじめに

当サイトの「wanichan's Profile」トップページには、AddFeedを使ってTwitterフィードを挿入していますが、このように限られたスペースで表示しようとすると、アイコンも必要ないし、文字のインデントも必要ないですよね。Tweetnameも非表示にしています。

このスタイルを変更するには、CSSファイルを編集する必要があります。

インデントをゼロにするには

ew_twitter.css を開きます。

51行目、.twitterRow クラススタイルのmargin-leftの値を変更します。

.twitterBody ul { list-style: none; }
.twitterBody ul, .twitterRow, .twitterRow h4
{
margin: 0;
padding: 0;
}

.twitterRow { padding: 0.5em; }
.twitterRow p { margin-left: 60px; }

.twitterBody ul { list-style: none; }
.twitterBody ul, .twitterRow, .twitterRow h4
{
margin: 0;
padding: 0;
}

.twitterRow { padding: 0.5em; }
.twitterRow p { margin-left: 0px; }