エントリー
ユーザー「cccabinet」の検索結果は以下のとおりです。
freoでHighslide JSを導入するには（応用編）
- 2011/01/29 16:54
- カテゴリー：画像拡大表示
- タグ：freoテンプレート, freo画像
キャプションを画像のタイトルにする場合
Highslide JSでは <div class="highslide-caption">キャプション</div> を画像リンクの後に記述することでキャプションが入るのですが、freoではうまくいかないので、画像のタイトルをキャプションにする方法を解説します。
基本編 の3.の </head> ...
freoでHighslide JSを導入するには（基本編）
- 2011/01/28 21:29
- カテゴリー：画像拡大表示
- タグ：freoテンプレート, freo画像
freoで画像を拡大するのにcolorboxではなく、Highslide JSを使用する場合の設置方法です。
Highslide JS の左側のメニューにある「Download」を開いて「Get the zip package」の下にある「Download now!」ボタンを押して一番下にある「Do you accept the licence conditions above?」の...
PHP Topicをfreoの掲示板にする方法
- 2011/01/19 22:37
- カテゴリー：PHP Labo
- タグ：PHP Topic, PHP Labo⇒freo設置, freo掲示板, freo配布物
表示サンプルは こちら
※一旦 PHP Topic を設置して動作を確認してから作業をされることをおすすめします。
freoフォルダ内にtopicフォルダを設置する場合は、 topic/config.php の「mod_rewriteへの対応」を「true」にするとfreoのサイトが表示されたりうまく動作しない場合があります。その場合は「mod_rewriteへの対...
PHP Boardをfreoの掲示板にする方法
- 2011/01/19 22:05
- カテゴリー：PHP Labo
- タグ：PHP Board, PHP Labo⇒freo設置, freo掲示板, freo配布物
表示サンプルは こちら
※一旦 PHP Board を設置して動作を確認してから作業をされることをおすすめします。
freoフォルダ内にboardフォルダを設置する場合は、 board/config.php の「mod_rewriteへの対応」を「true」にするとfreoのサイトが表示されたりうまく動作しない場合があります。その場合は「mod_rewriteへの対...
PHP Mailをfreoのメールフォームにする方法
- 2011/01/16 17:26
- カテゴリー：PHP Labo
- タグ：PHP Mail, PHP Labo⇒freo設置, freoメールフォーム, freo配布物
freoに メール送信プラグイン ができたので使う必要もないけど(^^ゞ
※ mail.zip ファイルは2011.1.19 11:26に最終UPをしましたのでそれ以前にダウンロードされた方は再ダウンロードしてくださいm(__)m
【表示サンプル】
投稿用メールフォーム
確認画面
送信完了画面
設定編集画面
※一旦 PHP Mail...
freoのメニューでカーソルを近づけると背景色が変わるようにする
- 2011/01/14 10:12
- カテゴリー：カスタムテンプレート
- タグ：freoCSS
表示のサンプルは こちら
css/default.css のメニュー部分を以下のとおりに変更します。
div#menu {
display: inline-block;
background-color: #666666;
}
div#menu h2 {
display: none;
}
div#menu ul, div#menu ul li, d...
freoのメニューをタイトルより上にする
- 2011/01/13 22:10
- カテゴリー：カスタムテンプレート
- タグ：freoCSS, freoテンプレート
表示のサンプルは こちら
templates/header.html を次のように編集（ 赤字 を追加）します。
<body>
<div id="container">
<div id="top">
<div id="header">
<h1><a href="{$f...
freoのentry（またはpage）でYouTube動画をcolorboxで表示する場合
- 2011/01/10 15:45
- カテゴリー：Colorbox
- タグ：freo画像, freoテンプレート
※この記事の方法より freoでYouTube動画を貼り付けるTinyMCEプラグイン を配布していますのでそちらをご覧ください。
※一応記事は残しておきます。
freoのentry（またはpage）で複数画像をcolorboxで表示する場合
freoに画像をアップ（サムネイル使用）しておき、エントリー（またはページ）に画像の挿入を行います。
挿入した画像をクリックし、「リンクの挿入/編集」ボタン（画像の赤丸で囲んだボタン）をクリックします。
「リンクの挿入/編集」ウィンドウが表示されたら、 「上級者向け」 「専門的」タブをクリックします。 「このページのターゲットに対する関係」 「ページからターゲットの...
freoのentryにtwitterの公式ツイートボタンを挿入するには
- 2010/11/03 14:38
- カテゴリー：エントリー
- タグ：freoテンプレート, ソーシャルボタン
※Twitterのコードの仕様が変わっていることに気づいたので2013/1/27に書き直しました。
twitterにログインして こちら にアクセスします。
ツイートボタンの画面が表示されたら、設定をしてコードのプレビューをコピーし、freoの templates/internals/default/default.html または templates/interna...
freoのページの目次にNEWマークを表示させるには
- 2010/10/13 20:51
- カテゴリー：ページ
- タグ：freoテンプレート
freoのsmarty用プラグインの 新着マーク表示プラグイン を導入します。
templates/internals/page/default.html の
<h3>目次</h3>
<ul>
<!--{foreach from=$plugin_page_childs|smarty:nodefaults item='plugin_...
freoの新着エントリー、新着コメント、新着トラックバックにNEWマークをつけるには
- 2010/10/13 17:28
- カテゴリー：サイドバー
- タグ：freoテンプレート
freoのsmarty用プラグインの 新着マーク表示プラグイン を導入します。
テンプレートの変更
新着エントリーの場合： templates/utility.html の
<dd>{$plugin_entry_recently.datetime|date_format:'%Y/%m/%d %H:%M'}</dd>
の部分を、
...
freoでSlimbox2を導入するには
- 2010/06/08 16:25
- カテゴリー：画像拡大表示
- タグ：freoテンプレート, freo画像
Slimbox2はjQueryをベースにしているのでfreoには導入しやすいです。 ※デフォルトでThickBoxからColorBox変更になったのでそっちで充分かも(^^;) ※2012.12.3現在、最新版のver2.0.4はモバイルで使用すると無効になります。またインラインフレームにも未対応なので管理画面ではColorBoxを使用します。
※2012.12.3に全面的に記事を改訂しまし...
freoのエントリー過去ログをプルダウン形式で表示するには
- 2010/06/06 10:03
- カテゴリー：サイドバー
- タグ：freoテンプレート
templates/utility.html の
<div class="utility">
<h3>過去ログ</h3>
<div class="content">
<ul>
<!--{foreach from=$plugin_entry_a...
freoで幅可変の3カラムのスキンを作るには
- 2010/06/05 17:20
- カテゴリー：カスタムテンプレート
- タグ：freoCSS, freoテンプレート, freo配布物
表示のサンプルは こちら
templates/internals/default/default.html と templates/internals/view/default.html を開き、下から2行目にある
{include file='utility.html'}
を、1行目の
{include file='header.html'} ...
freoで幅可変の2カラムのスキンを作るには
- 2010/06/05 15:06
- カテゴリー：カスタムテンプレート
- タグ：freoCSS, freoテンプレート
表示のサンプルは こちら
templates/internals/default/default.html と templates/internals/view/default.html を開き、下から2行目にある
{include file='utility.html'}
を、1行目の
{include file='header.html'} ...
freoの携帯版にモバイルコンテンツ向けAdsenseを設置する方法
- 2010/05/28 16:02
- カテゴリー：モバイル表示
- タグ：freoテンプレート
デバイス タイプ ⇒「すべての携帯電話」 マークアップ ⇒「XHTML」 文字エンコード ⇒「自動検出」 スクリプト言語 ⇒「PHP」 を選択する。（他の部分はお好みでどうぞ）
AdSense コードの最初にある
<?php
の部分を、
{PHP}
に、 最後にある
?>
の部分を、
{/PHP}
...
freoのエントリーの本文に自動リンクを入れる方法
- 2010/04/24 11:41
- カテゴリー：エントリー
- タグ：freoテンプレート
templates/internals/default/default.html の109行目あたりにある
{$entry_texts[$entry.id].excerpt|smarty:nodefaults}
の部分を、
{$entry_texts[$entry.id].excerpt|smarty:nodefaults |autolink }
に変更（ 赤...
Web Diary ProのJS書き出しの文字数を制限する方法
- 2010/04/21 22:28
- カテゴリー：Web Liberty
- タグ：Web Diary Pro
書き出しをするページのヘッダ部分に以下の 赤字部分 を加入します。
<head>
<script type="text/javascript">
<!--
var showLength = 10 ; // 表示文字数
onload = function() {
ele...
freoで左側にユーティリティ（ナビゲーション）を持ってくるには
css/default.css で
内容 ⇒ div#content の
float: left ;
の部分を、
float: right ;
に、
ユーティリティ ⇒ div#utility の
margin- left : 10px;
の部分を、
margin- right : 10px;
に、
それぞれ変更...
