- Tab Area
日本語
tooltipのスクリプトロードを、raindrops_add_toootip_script()に変更しました。
raindrops_header_image()を、raindrops_the_header_image()に変更しました。
アドオンプラグインThe Event Calendarのツールチップ表示の不具合を修正しました。
今回のバージョンでは、html5 data属性を使ったポストイット風の記述が可能になりました
hello world hello world hello world
<a href="#" class="rd-ripple" data-title="hello world" data-mod="postit" data-skin="notice">hello world</a> <a href="#" class="rd-ripple" data-title="2" data-mod="postit" data-skin="alert">hello world</a> <a href="#" data-title="tel" data-mod="postit" data-skin="info">hello world</a>
サブボックスと合わせて、2つ目のデータ属性スタイルになります。
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
サブボックススタイルも是非ご活用ください。
<div data-title="TEST" data-mod="aside" data-skin="info"> <p class="custom-field-shortcode ">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id es... </div>
ul,olにrd-shorten クラスを追加すると、li要素のspan,a要素は、レスポンシブな、一行表示が出来るようになりました
- Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
- Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
- Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
- Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
<ul class="rd-shorten"> <li><a href="http://tenman.info/">Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</a></li> .... </ul>
English
version:1.418
Overview of Changes
Add raindrops_add_toootip_script()
Add template function raindrops_the_header_image()
Fixed plugin the event calendar, tooltip show impropely
Add CSS class .row for headding elements
Fix right left center class shows impropely in th attribute.
Add data attribute [data-mod=”postit”][data-skin] for Presentation
Add CSS class .rd-shorten Presentation use ellipsis li element child a,span