リクエスタ - モカ☆マターリコム

杉浦葬儀店

2019-01-07T16:16:20+09:00

高野台どうぶつ病院

2019-01-07T16:12:07+09:00

ロングライフ設備

2019-01-07T14:19:12+09:00

ユウキ法律事務所

2019-01-07T14:17:14+09:00

マイベットジョブ

2019-01-07T13:48:15+09:00

谷津どうぶつ病院

2018-10-14T12:51:18+09:00

大塚洋一

2018-10-14T12:43:28+09:00

石井工務店

2018-10-14T12:39:10+09:00

湘南輸送機株式会社

2018-10-14T12:27:39+09:00

松戸クリスマス音楽祭

2018-10-14T12:19:23+09:00

古美術嘉松

2018-10-14T12:03:49+09:00

松戸市議会議員原ゆうじ

2018-10-14T11:49:49+09:00

岸根公園動物病院

2018-10-14T11:42:15+09:00

ユキノハナ動物病院

2018-10-14T11:37:55+09:00

ペットと暮らそう

2018-10-14T11:30:58+09:00

ヘアネイルズ・リシェ

2018-10-14T11:23:19+09:00

ファミリー動物病院

2018-10-13T00:25:50+09:00

ニコニコクーポン

2018-10-12T11:16:54+09:00

まりも動物病院

2018-10-10T03:27:11+09:00

とよす動物病院

2018-10-09T12:20:04+09:00

つくい湖犬猫の病院

2018-10-09T12:16:35+09:00

あろう動物病院

2018-10-09T12:14:23+09:00

アニファ動物病院

2018-10-09T12:09:45+09:00

PUPU動物病院

2018-10-09T12:02:27+09:00

a la mode cat.

2018-10-09T11:32:43+09:00

聖光ヶ丘病院

2018-10-09T11:19:43+09:00

松栄鮨

2018-10-09T11:14:54+09:00

小手指ペットクリニック

2018-10-09T11:09:21+09:00

住宅メンテナンス

2018-10-09T11:02:51+09:00

三和ホーム株式会社

2018-10-09T09:08:26+09:00

健美庵

2018-10-09T09:03:06+09:00

株式会社プロデュース

2018-10-09T08:58:11+09:00

株式会社ファニメディック

2018-10-09T08:51:51+09:00

株式会社アニマルトラスト

2018-10-09T08:46:14+09:00

横浜南どうぶつ病院

2018-10-09T08:10:35+09:00

ファミリー動物病院採用情報

2018-10-09T07:26:01+09:00

ファイブスターサンドウィッチ!?

2018-10-09T07:22:30+09:00

タクミプランニングサポート

2018-10-09T07:15:10+09:00

みんなの動物病院

2018-10-09T07:08:41+09:00

せき動物病院

2018-10-09T07:03:36+09:00

しん中央動物病院

2018-10-09T06:51:35+09:00

かたづけ本舗

2018-10-09T06:28:47+09:00

いち動物病院

2018-10-09T06:21:07+09:00

LETジョブネット

2017-12-14T17:06:19+09:00

hr(水平線)を2トーンカラーに

2017-12-02T12:00:35+09:00

HTML

CSS

.line {
    padding-top: .75em;
    background-image: linear-gradient(
	67.5deg,
	#1b6aa9 25%,
	#c5d6ea 25%, #c5d6ea 50%,
	#c5d6ea 50%, #c5d6ea 75%,
	#c5d6ea 75%, #c5d6ea
    );
    border: 0;
}
.line2 {
    padding-top: .75em;
    background-image: linear-gradient(
	67.5deg,
	#c5d6ea 25%,
	#c5d6ea 25%, #c5d6ea 50%,
	#c5d6ea 50%, #c5d6ea 75%,
	#1b6aa9 75%, #1b6aa9
    );
    border: 0;
}
.line3 {
	padding-top: .75em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f19ec2+0,f9d3e3+100 */
	background: #f19ec2; /* Old browsers */
	background: -moz-linear-gradient(left,  #f19ec2 0%, #f9d3e3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #f19ec2 0%,#f9d3e3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #f19ec2 0%,#f9d3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19ec2', endColorstr='#f9d3e3',GradientType=1 ); /* IE6-9 */
	border: 0;
}

画像で作った線とは違い、パーセント指定なのでスマホサイズになった場合でも色の割合、太さが変わらないのが利点。
『Ultimate CSS Gradient Generator』等で設定したカラーを『background-image: linear-gradient』の部分に張り付ければ好みのグラデーションにもできます。

Android からネットラジオが聴ける『 Free Radio Tuner 』

2016-05-22T02:25:43+09:00

Android からネットラジオが聴ける『 Free Radio Tuner 』をご紹介します。まず左上からメニューを開き、『 Add Own Station 』を選択。
ここでネットラジオ局の設定をしてください。
左上からメニュー『 Favorites 』を開くと、リストに追加されています。
再生している放送を赤丸ボタンで録音できます。

iPhone からネットラジオが聴ける『 FStream 』

2016-05-22T00:59:14+09:00

iPhone からネットラジオが聴ける『 FStream 』をご紹介します。
よく使う項目にリストを追加するには『プリセット』⇒『サイマルラジオ』⇒『地域選択』⇒『+』で追加。クリックすると編集画面に…
ここで別のネットラジオ局を設定することもできます。エンコードを『 UTF8 』に設定することで…
再生している曲名等を日本語で表示できます。
私が気に入っているのは、この録音機能です。各放送局の録音ができます。

お問い合わせ

2016-05-17T15:43:56+09:00

なん…だと…OneDriveがストレージ容量に関する重要な変更

2016-05-07T11:53:13+09:00

Joomla! エクステンション紹介

2015-07-20T08:52:22+09:00

私が今まで探し回って使用頻度の高いものをご紹介します。

【スライダー】

Code7 Responsive Slider
画像は9枚まで設定でき、それぞれリンクとキャプションを入れることができます。

Vinaora Nivo Slider
こちらは画像のディレクトリを指定するタイプのスライダーです。
様々な表示方法が設定できます。個々の画像にリンクは貼れません。

【ギャラリー】

Unite Horizontal Carousel
サムネイル画像をメリーゴーランド(Carousel)のようにスクロールします。

【ブログ】

TZ Portfolio
記事を煉瓦状(masonry)に整列させます。
コメント機能、Googleマップ、画像スライダー等の機能が使えます。

News Calendar
ブログ、記事へのリンクに対応したカレンダー。

Latest News +
記事やブログの更新を表示します。
サムネイル画像を表示するには『K2』コンポーネントが必要です。

Mini K2
記事やブログの更新を表示します。
サムネイル画像を表示するには『K2』コンポーネントが必要です。

【スケジュール】

JEvents
イベント、スケジュール、休業日などに使えます。

【セキュリティ】

ExtraWatch
アクセス元(Google、Yahoo!、リンク)などの情報が見れます。
スパム(spam)に利用されるであろうキーワードでIPをブロックします。

R-Antispam
スパム(spam)、不正アクセスしてきたIPをブロックします。

【ソーシャル】

My Responsive Facebook LikeBox
Facebookの○○人がいいね！しています。の部分を表示します。

Nice Social Bookmark
ソーシャルブックマークを表示します。
開いてるページをシェアします。タイトルとリンクが共有されます。

JoomShareBar
最近のまとめサイトなどでよく見かけるシェアバーです。

JJ Social Images
ソーシャルブックマークを表示します。
破けた背景画像から覗くアイコンで各ソーシャルサイトへリンクします。

Brilliant Instajoom
Instagramのフォトストリームを表示します。

Flickrberry
Flickrのフォトストリームを表示します。

【エディター】

CKEditor
ブログ作成で一般的に使われているツールです。絵文字なども使えます。

JCK Editor
CKEditorとほぼ同じですが、JCK Managerの各種設定で細かく設定できます。

【バックアップ】

Akeeba Backup
サイトをデータベースも含めて丸ごとバックアップします。

pdfを『 Lightbox 』っぽく表示する

2014-12-22T15:34:57+09:00

『LightWindow』でいろいろ試して、pdfの表示に成功しました。

【LightWindow v2.0】

http://www.p51labs.com/lightwindow/
ここのサイトの『pdf2swf』でswfにする。

HTML

<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />

<div><a href="images/(表示したいswf).swf" class="lightwindow page-options" params="lightwindow_width=1280,lightwindow_height=960" title="(タイトル)"><img src="images/(サムネイル画像).png"></a></div>

swfはiPhoneで開けないのでfancyboxをいじってみる。

↓

【fancybox】

http://fancybox.net/

HTML

<!-- Add jQuery library -->
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="js/jquery.fancybox.css?v=2.1.5" media="screen" />

<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="js/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
<script type="text/javascript" src="js/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="js/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
<script type="text/javascript" src="js/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<!-- Add Media helper (this is optional) -->
<script type="text/javascript" src="js/helpers/jquery.fancybox-media.js?v=1.0.6"></script>

<script type="text/javascript" src="js/run.js"></script>
<script type="text/javascript">
  $(document).ready(function($){
    $('a[href$=".jpg"] , a[href$=".gif"] , a[href$=".png"], .fancybox').fancybox();
    $('a[href$=".pdf"]').fancybox({
      autoSize: true,
      type:'iframe',
      iframe: {
        preload: false
      }
    });
  });
</script>

<div><a href="images/(表示したいpdf).pdf" class="open_pdf"><img src="images/(サムネイル画像).png" alt="(タイトル)"></a></div>

pdfはうまく開けましたがJoomlaと干渉してダメでした。

↓

段落の2段インデント

2014-12-19T15:12:41+09:00

HTML

<p>本文から1段字下げ、更に※印から始まる注意書き等も1段下げたい場合には『段落の2段インデント』が便利だと思います。<br>
<span class="kome">※本文から1段字下げ、更に※印から始まる注意書き等も1段下げたい場合には『段落の2段インデント』が便利だと思います。本文から1段字下げ、更に※印から始まる注意書き等も1段下げたい場合には『段落の2段インデント』が便利だと思います。</span></p>

CSS

.kome {
	position: relative;
	left: 2em;
	color: crimson;
	margin-left: -2em;
	padding-left: 1em;
	padding-right: 2em;
}

本文から1段字下げ、更に※印から始まる注意書き等も1段下げたい場合には『段落の2段インデント』が便利だと思います。
※本文から1段字下げ、更に※印から始まる注意書き等も1段下げたい場合には『段落の2段インデント』が便利だと思います。本文から1段字下げ、更に※印から始まる注意書き等も1段下げたい場合には『段落の2段インデント』が便利だと思います。

リクエスタ

2014-07-28T18:42:52+09:00

リクエスタはOPENからどうぞ

※SSL化したためiframeでの表示が出来なくなりました。

リクエスタ - モカ☆マターリコム

杉浦葬儀店

高野台どうぶつ病院

ロングライフ設備

ユウキ法律事務所

マイベットジョブ

谷津どうぶつ病院

大塚洋一

石井工務店

湘南輸送機株式会社

松戸クリスマス音楽祭

古美術 嘉松

松戸市議会議員 原ゆうじ

岸根公園動物病院

ユキノハナ動物病院

ペットと暮らそう

ヘアネイルズ・リシェ

ファミリー動物病院

ニコニコクーポン

まりも動物病院

とよす動物病院

つくい湖犬猫の病院

あろう動物病院

アニファ動物病院

PUPU動物病院

a la mode cat.

聖光ヶ丘病院

松栄鮨

小手指ペットクリニック

住宅メンテナンス

三和ホーム株式会社

健美庵

株式会社プロデュース

株式会社ファニメディック

株式会社アニマルトラスト

横浜南どうぶつ病院

ファミリー動物病院 採用情報

ファイブスターサンドウィッチ!?

タクミプランニングサポート

みんなの動物病院

せき動物病院

しん中央動物病院

かたづけ本舗

いち動物病院

LETジョブネット

hr(水平線)を2トーンカラーに

Android からネットラジオが聴ける 『 Free Radio Tuner 』

iPhone からネットラジオが聴ける 『 FStream 』

お問い合わせ

なん…だと…OneDriveがストレージ容量に関する重要な変更

Joomla! エクステンション紹介

【スライダー】

【ギャラリー】

【ブログ】

【スケジュール】

【セキュリティ】

【ソーシャル】

【エディター】

【バックアップ】

pdfを『 Lightbox 』っぽく表示する

【LightWindow v2.0】

↓

【fancybox】

↓

段落の2段インデント

リクエスタ

リクエスタはOPENからどうぞ

古美術嘉松

松戸市議会議員原ゆうじ

ファミリー動物病院採用情報

Android からネットラジオが聴ける『 Free Radio Tuner 』

iPhone からネットラジオが聴ける『 FStream 』