サイトタイトルの位置を固定したい

意外と簡単!サイトのデザインによってはオシャレかも

Cicagoテンプレートを利用した例

これは簡単な巣対シートで簡単に実装できます。

右上に固定して、スクロールしてもそのまま

<style type="text/css">    

    #cc-website-title h1{

        display:inline-block;

        padding:20px 40px;

        background:rgba(255,255,255,1.0);

        border:1px solid #333;

        position:fixed;

        top:-1px;

        right:20px;

        border-radius:0 0 6px 6px;

        z-index:1000;

        box-shadow:3px 3px 4px rgba(0,0,0,0.3);

    }

</style>

2015年7月25日現在サイトタイトルを使用していないテンプレートは以下の通り。

Dubai、Dublin、Malaga、MilanoParisReykjavikSt.Petersburg

※Romaは対応しているけど使えないかなぁ?

※Osakaはサイトタイトルは存在しているが、非対応(対応させる方法は存在しますが、そうすると、上の点線を犠牲にすることになります。)

▼ タグの貼り付け方はここ マウスを当てると画像が開きます。

transformの使い方は、シンプルなのでこれで終わりです。

この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422