カテゴリー:
タイトルロゴ
閲覧数:529 配信日:2015-12-27 21:20
Yahoo! JAPAN
ドロワーメニュー / グローバルメニュー
・常に分離
ドロワーメニュー位置
・スクロール
検索フォーム位置
・上部固定
グローバルメニュー位置
・上部固定
ドロワーメニューを押すと?
・ドロワーメニューだけをアニメーション表示
ユニクロ
フォントアイコン使用
・UNIQLO
HTML
・<span class="uni-site-logo-text">Uniqlo</span>を削除しても実際の表示には全く影響がない
<div class= "uni-site-logo-container ab-max-component visible-at-start" > <a class= "uni-site-logo-link" ng-click= "header.goHome()" analytics-on= "" analytics-event= "click" analytics-category= "Common Header" analytics-label= "H_logo" > <span class= "uni-site-logo-text" >Uniqlo</span> </a> </div> |
CSS
・フォントアイコンなので、大きさや色を自由に変更可能
.uni-site-header .uni-site-logo-link:before { font-size : 48px ; color : red ; } .icon-logo:before, .uni-site-header .uni-site-logo-link:before { content : "\e601" ; } |
感想
・短いブランド名だから可能
・長いサイト名の場合はどうすれば良いの?