タグ

ブックマーク / www.webopixel.net (3)

  • WYSIWYGエディタのCKEditorが良い感じになってる!

    WYSIWYGエディタのCKEditorが良い感じになってる! WYSIWYGエディタはTinyMCEがWordPressにデフォルトで使用されているので有名ですが、CKEditorもプラグインで使用できるのでご存知の方も多いのではないかと思います。他にもいろいろ探してみたのですが、なんだかんだCKEditorが良さそうだったのでご紹介いたします。 投稿日2013年05月09日 更新日2013年05月09日 ダウンロード 下記URLからダウンロードします。 「CKBuilder」を選択すれば、プラグインをカスタマイズしてダウンロードすることができます。 ここでは「ckeditor_4.1.1_standard」を使用します。 Download | CKEditor.com 使い方 「Sample」フォルダ以外を自分の作業フォルダへコピーします。 ファイル構成は下記図のようにします。 作成し

    WYSIWYGエディタのCKEditorが良い感じになってる!
    seiyunews
    seiyunews 2014/01/23
  • CSSでコンテンツにマウスオーバーするとアイコンが表示するTwitterのあれ

    Posted: 2011.07.08 / Category: HTML&CSS TwitterはマウスオーバーするとRTボタンやリプライボタンが表示されますが、あれをCSSでお手軽に作ってみます。 html iconは透過pngで作成しています。 html <div class="section"> <ul class="icon"> <li><a href="#"><img src="img/icon01.png" width="16" height="18" /></a></li> <li><a href="#"><img src="img/icon02.png" width="18" height="18" /></a></li> <li><a href="#"><img src="img/icon03.png" width="19" height="18" /></a></li>

    CSSでコンテンツにマウスオーバーするとアイコンが表示するTwitterのあれ
  • jQueryでスクロールすると表示する系いろいろ

    jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration

    jQueryでスクロールすると表示する系いろいろ
    seiyunews
    seiyunews 2012/03/09
  • 1