トレンドツイートトルネードで抽出したツイートをふきだし風に装飾する方法(TTTカスタマイズ)

TTTテーマを使ってTwitterまとめサイトを作ると、どうしても同じようなデザインになってしまいますよね?

少しでもサイトを訪れた人に興味を持ってもらうためにデザインを差別化したい!そんな方のためにツイートをふきだし風に装飾する方法を紹介します。

※注意 カスタマイズする際は必ずバックアップを取った上、自己責任で行ってください。万が一トラブルが発生しても当サイトで責任は負いかねますのでご了承ください。

 


 

トレンドツイートトルネードでこのようなデザインのふきだしが作れます!

試しに「CSS デザイン」でツイートを抽出してみました。

ティラノビルダー、CSSとKSファイルいじってglinkカスタマイズ&音鳴らしできたので感動…!!

どなたかhummingbirdのテーマで箇条書きリストをカスタマイズした方いませんか...?? CSSを編集しても元の点が変な位置にあったり色が変わらなかったり、hummingbird,storkでこの事象がでてるらしく、色々調べ試しましたが上手くいかず... #ブログ初心者 #ブログ仲間募集 #ブロガーさんと繋がりたい

test ツイッターメディア - どなたかhummingbirdのテーマで箇条書きリストをカスタマイズした方いませんか...??

CSSを編集しても元の点が変な位置にあったり色が変わらなかったり、hummingbird,storkでこの事象がでてるらしく、色々調べ試しましたが上手くいかず...

#ブログ初心者 #ブログ仲間募集 #ブロガーさんと繋がりたい https://t.co/FY2edfLXEh

CSSカスタマイズで使えそうです -- jQueryでスクロールすると表示する系いろいろ | webOpixel webopixel.net/javascript/538…

@35_restart それは怖いっすね😅 トマレバのカスタマイズをしたくて、調べていたら「子テーマを使っている方はスタイルシートへ」と書かれていたので…。 ソラマメさん、CSSの追加とかってされてます?

そしてカスタマイズボタンとして設定されている歯車アイコンの色をどうにかこうにかcssで変えられないか調べる私でした(イラレでいじれよもう)

ブログデザインのカスタマイズで、これまでは丸ごとコピペしたり、少しずつCSSをいじってたりして、どこが変わるかをプレビューで確かめながら編集してきたけど、この図を見て初めてCSSの構成がわかりました。 これからは効率よく編集できそうです。 open.shonan.bunkyo.ac.jp/~ohtan/kouza/c…

test ツイッターメディア - ブログデザインのカスタマイズで、これまでは丸ごとコピペしたり、少しずつCSSをいじってたりして、どこが変わるかをプレビューで確かめながら編集してきたけど、この図を見て初めてCSSの構成がわかりました。
これからは効率よく編集できそうです。
https://t.co/eDkuk5SrvS https://t.co/zdRHMhuOof

JINのカスタマイズの多さはかなり満足してます。 でも唯一足して欲しい機能が、フッターメニューのニョキッて出てくるやつなんですよね。 はてなブログ時代はCSSでやってたんですけど、JINのCSSに使えるか試すのが怖すぎます。 tokumanabi.hatenablog.com/entry/2016/hul…

test ツイッターメディア - JINのカスタマイズの多さはかなり満足してます。

でも唯一足して欲しい機能が、フッターメニューのニョキッて出てくるやつなんですよね。

はてなブログ時代はCSSでやってたんですけど、JINのCSSに使えるか試すのが怖すぎます。
https://t.co/HcjVHZA9du https://t.co/5Xqh17wP97

ブログのデザインをカスタマイズしようと頑張ってみるものの、配色センスまるでないな〜 CSSで色決めるやつね 色彩検定取ってもまだ実用に至ってないのは反省せんとなw パスパレのカラーはペールトーンでまとまってるっぽいね テーマ決めるの大事かも。

はてなブログでもできるということを示したい! そんな想いでデザインを日々ブラッシュアップ サイトの顔となるトップページの表情は大事 #ブログ初心者 #ブロガーさんと繋がりたい #CSS #はてなブログ はてなブログのCSSカスタマイズ時短テクニック biz-thinking-k.com/entry/blog-ope…

トレンドツイートトルネードのツイートをふきだしにするためのCSS

TTTのツイートをふきだしにするには、カスタマイズ画面の追加CSSに以下のコードを記述してください。

これで、ツールを使ってツイートを抽出した無機質なイメージから、
アイコンがしゃべっているような生き生きしたイメージに代わるのではないでしょうか?

ぜひ、サイトを差別化したい人は試してみてくださいね。