kazupon clips

テキスト

Tumblrのユーザーアイコンを円にしたりグロス効果を加えるカスタマイズ

chips-tips:

どんなんかと言えばこんなん ↓ です。
テーマ＜Single A＞を使ってるTumblrで見たことあるかもしれません。

     

仕組み的なものですが、これCSSだけで表現していて、特に円にするための専用画像とかは使ってないんですね。
（※Single Aでは各アイコンを一つのボックスの背景画像に置き、CSS3のborder-radiusで切り抜いている）

このユーザーアイコンを円にする方法と、
他に角丸やグロス効果、トイカメラ風にしたり、ユーザーアイコンにいろんな加工をしてみるカスタマイズを記録。

     

と言っても流石にテーマごとにHTML構成が違うので、ここでは初期テーマ＜Redux＞のFollowingで遊んでみます。

Read More

Via tips!
  1. rngswがsyoichiからリブログしました
  2. mktxlikelogがpp1beatからリブログしました
  3. o0-vellocet-0oがhkdmzからリブログしました
  4. imanoiがpetapetaからリブログしました
  5. vvverifがpetapetaからリブログしました
  6. yuugurenobotiがhkdmzからリブログしました
  7. megumu226がhkdmzからリブログしました
  8. mkojiがguusanからリブログしました
  9. yamakujira1988がhkdmzからリブログしました
  10. kazzxzがsyoichiからリブログしました
  11. hijitumがsyoichiからリブログしました
  12. engelszimmerがhkdmzからリブログしました
  13. narumotonagiがhkdmzからリブログしました
  14. yo--ta--kaがpetapetaからリブログしました
  15. dobinn69がhsmtからリブログしました
  16. hsmtがsyoichiからリブログしました
  17. hughughugがhkdmzからリブログしました
  18. sixth6666がsyoichiからリブログしました
  19. katmarkがstratumsからリブログしました
  20. okadabakoがhkdmzからリブログしました
  21. gingituneがpenxeraからリブログしました
  22. aki-zizi-memoがhkdmzからリブログしました
To Tumblr, Love PixelUnion