疑似ボタンを使ってみよう
表示サンプル
Normal Button Blue Button Lightblue Button Orange Button Pink Button Red Button Primary Button Green Button Black Button Disabled Button
このサンプルのコード
Normal Button Blue Button Lightblue Button Orange Button Pink Button Red Button Primary Button Green Button Black Button Disabled Button
見出しラベルで注目を集めよう
表示サンプル
Labelラベルサンプル
Newラベルサンプル
Blueラベルサンプル
Greenラベルサンプル
Primaryラベルサンプル
Orangeラベルサンプル
Pinkラベルサンプル
Redラベルサンプル
Blackラベルサンプル
このサンプルのコード
Labelラベルサンプル Newラベルサンプル Blueラベルサンプル Greenラベルサンプル Primaryラベルサンプル Orangeラベルサンプル Pinkラベルサンプル Redラベルサンプル Blackラベルサンプル
アイコンフォントと組み合わせてラベルを表示
表示サンプル
OK
Point!
Check!
Attention!
このサンプルのコード
OK Point! Check! Attention!
画像を使わないWebフォントによるアイコン表示
以下のアイコンはすべてDigiPressに組み込まれているWebフォントによって表示しています。
アイコンを表示したいテキストやブロック要素のタグに、class="icon-star"
などのクラスを指定するだけで表現できます。
フォントデータなので、Retinaなどの高精細ディスプレイでも画像のように解像度の問題で粗くなることもありません。
表示サンプル
DigiPressは、専用のサイトテンプレートです。
レスポンシブ・ウェブ・デザインだから でも でもフレキシブルにレイアウトを最適化します。
お問い合わせは 012-345-6789 まで。
このサンプルのコード
DigiPressは、専用のサイトテンプレートです。 レスポンシブ・ウェブ・デザインだから でも でもフレキシブルにレイアウトを最適化します。 お問い合わせは 012-345-6789 まで。
利用可能なアイコン
- icon-feedly
- icon-cloud-upload
- icon-cloud-download
- icon-mail-alt
- icon-edit
- icon-resize-exit-alt
- icon-resize-full-alt
- icon-headphones
- icon-phone
- icon-open
- icon-sale
- icon-diamond
- icon-tablet
- icon-music
- icon-picture
- icon-pictures
- icon-th
- icon-space-invaders
- icon-retweet
- icon-chart
- icon-phone2
- icon-gmail
- icon-skype
- icon-pocket
- icon-up-bold
- icon-right-bold
- icon-down-bold
- icon-left-bold
- icon-ok
- icon-home
- icon-chrome
- icon-safari
- icon-opera
- icon-ie
- icon-firefox
- icon-link
- icon-new-tab
- icon-facebook-rect
- icon-facebook
- icon-twitter
- icon-twitter-rect
- icon-flickr
- icon-pinterest
- icon-pinterest-rect
- icon-pinterest-circled
- icon-instagram
- icon-rss
- icon-vimeo
- icon-cupcake
- icon-raceflag
- icon-speaker
- icon-th-large
- icon-lock
- icon-unlock
- icon-alarm
- icon-clock
- icon-coffee
- icon-building
- icon-metro
- icon-automobile
- icon-bus
- icon-shipping
- icon-warmedal
- icon-crown
- icon-doc
- icon-docs
- icon-download
- icon-upload
- icon-plus
- icon-minus
- icon-evernote
- icon-martini
- icon-trophy
- icon-podium
- icon-google
- icon-popup
- icon-pencil
- icon-blocked
- icon-checkbox-checked
- icon-quote-right
- icon-quote-left
- icon-cmd
- icon-terminal
- icon-finder
- icon-bookmark
- icon-star
- icon-star-half
- icon-star-empty
- icon-yahoo
- icon-eye
- icon-wordpress
- icon-podcast
- icon-connection
- icon-volume-up
- icon-volume-off
- icon-404
- icon-paypal
- icon-visa
- icon-mastercard
- icon-mobile
- icon-desktop
- icon-logout
- icon-food
- icon-facebook-circled
- icon-twitter-circled
- icon-rss-rect
- icon-rss-circled
- icon-tumblr
- icon-gift
- icon-movie
- icon-attach
- icon-videocam
- icon-list
- icon-equalizer
- icon-ok-circled
- icon-menu
- icon-torigate
- icon-christmastree
- icon-left-circled
- icon-right-circled
- icon-up-circled
- icon-down-circled
- icon-video-play
- icon-youtube
- icon-youtube-rect
- icon-search
- icon-cross-circled
- icon-minus-ciecled
- icon-plus-circled
- icon-apple
- icon-windows
- icon-android
- icon-linux
- icon-tag
- icon-tags
- icon-comment
- icon-comments
- icon-user
- icon-users
- icon-folder
- icon-folder-open
- icon-folder-alt
- icon-folder-open-alt
- icon-comment-alt
- icon-floppy
- icon-dropbox
- icon-heart-empty
- icon-heart
- icon-thumbs-down
- icon-thumbs-up
- icon-right-hand
- icon-left-hand
- icon-up-hand
- icon-down-hand
- icon-cog
- icon-print
- icon-plane
- icon-zoom-in
- icon-zoom-out
- icon-laptop
- icon-globe
- icon-angle-circled-left
- icon-angle-circled-right
- icon-angle-circled-up
- icon-angle-circled-down
- icon-angle-left
- icon-angle-right
- icon-angle-up
- icon-angle-down
- icon-double-angle-left
- icon-double-angle-right
- icon-double-angle-up
- icon-double-angle-down
- icon-mail
- icon-calendar
- icon-starburst
- icon-written-doc
- icon-camera
- icon-login
- icon-basket
- icon-email
- icon-left-open
- icon-right-open
- icon-down-open
- icon-up-open
- icon-info
- icon-triangle-right
- icon-triangle-up
- icon-triangle-down
- icon-triangle-left
- icon-leaf
- icon-bookmark-narrow
- icon-bag
- icon-info-circled
- icon-attention
- icon-help-circled
- icon-help
- icon-ccw
- icon-cw
- icon-safe
- icon-dollar
- icon-dollar2
- icon-basket2
- icon-credit
- icon-ambulance
- icon-cogs
- icon-hospital
- icon-arrow-left-pop
- icon-arrow-right-pop
- icon-arrow-up-pop
- icon-arrow-down-pop
- icon-code
- icon-palette
- icon-trash-empty
- icon-trash-full
- icon-dot
- icon-left-light
- icon-right-light
- icon-up-light
- icon-down-light
- icon-spaced-menu
- icon-triangle-up-down
- icon-finger-tap
- icon-finger-pinch-in
- icon-finger-pinch-out
- icon-finger-point
- icon-book-open
- icon-man
- icon-woman
- icon-baby
- icon-database
- icon-keyboard
- icon-powercord
- icon-beer
- icon-amazon
- icon-game-pad
- icon-hatebu
- icon-piano
- icon-ticket
- icon-play
- icon-stop
- icon-pause
- icon-backward
- icon-forward
- icon-first
- icon-last
- icon-next
- icon-previous
- icon-spinner
- icon-spinner2
- icon-spinner3
- icon-spinner4
- icon-spinner5
- icon-spinner6
- icon-spinner7
- icon-spinner8
- icon-spinner9
- icon-spinner10
- icon-creativecommons
- icon-spam
- icon-microphone
- icon-microphone-off
- icon-microphone2
- icon-box
- icon-box-opened
- icon-box2
- icon-zip
- icon-book
- icon-minus2
- icon-plus2
- icon-cross
- icon-cake
- icon-update
- icon-html5
- icon-css3
- icon-yen
- icon-coin-yen
- icon-location
- icon-location2
- icon-cube3
- icon-cube4
- icon-dot-menu
- icon-dot-menu2
- icon-code2
- icon-soundcloud
- icon-soundcloud2
- icon-sun
- icon-sun2
- icon-moon
- icon-moon2
- icon-share
- icon-bed
- icon-sofa
- icon-diving-goggle
- icon-sports-shoe
- icon-sports-shoe2
- icon-display
- icon-edge
- icon-wakaba-mark
- icon-t-shirt
- icon-bicycle
- icon-ferry
- icon-train
- icon-walk
- icon-rest
- icon-window
- icon-disc
- icon-key-a
- icon-one-finger-swipe-left
- icon-one-finger-swipe-right
- icon-one-finger-swipe-up
- icon-one-finger-swipe-down
- icon-yen2
- icon-lamp
- icon-store
“DigiPressによるコンテンツ装飾テスト” への6件のフィードバック
DigiPressであんなサイトやこんなサイトを簡単に作っちゃおう!
インスピレーションをすぐ形にできるよ!
やぁ!
自分でコメントしといてそれに返信してみたよ!
これはテストコメントなんだ!
DigiPressであんなサイトやこんなサイトを簡単に作っちゃおう!
インスピレーションをすぐ形にできるよ!
やぁ!
自分でコメントしといてそれに返信してみたよ!
これはテストコメントなんだ!
やろうと思えば何でも出来るけど、説明しきれないから買ってね!
やろうと思えば何でも出来るけど、説明しきれないから買ってね!