エントリー
タグ「freoCSS」の検索結果は以下のとおりです。
freoのプロフィールやコメントでGravatarのアバターを表示する方法
- 2023/09/05 21:41更新
- カテゴリー：ユーザー管理
- タグ：freoCSS, freoテンプレート
freoのユーザープロフィールやコメント欄にユーザーの画像を設置したいと思っている方に向けてWordpressでも利用されている Gravatar のアバターを表示させる方法です。 これでGravatarの登録にしたメールアドレスでユーザー登録もしくはコメント投稿すればアバターが表示されます。
※Gravatarの登録方法については Gravatarの使い方、WordPressプロフィ...
freoをスマートフォンから見た時にリストのリンクなどをボタン化する
- 2017/06/10 18:02更新
- カテゴリー：サイドバー, モバイル表示
- タグ：freoテンプレート, freoCSS
【2017/06/10修正】ボタンのクラス名を phone-button から mobile-button に変更しました。
freoがVer.1.18.0からiPhone用テンプレートを辞めて簡易なレスポンシブデザインに変更となりましたが、デフォルトテンプレートを使用した場合、スマートフォンからリストのリンクがタッチしづらいので、その時だけリストボタンにするようにアレンジしてみ...
Twitterの新ウィジェットを幅220px以下のサイドバーに収める方法
- 2014/01/29 14:14更新
- カテゴリー：サイドバー
- タグ：freoテンプレート, Web Diary Pro, Web Gallery Pro, freoCSS
2012年9月からTwitterのタイムラインを表示するウィジェットの仕様が変更になりましたが、この新ウィジェットでは最小幅が220pxと決められており、設置するとfreoでもWeb Diary ProやWeb Gallery Proでもデフォルトのテンプレートではサイドバーからはみ出てしまいます。
なので幅を自由に変更できる旧ウィジェット（Join the conversation ウ...
freoのサイドバーのカレンダーで今日の日付にclassをつける
- 2013/06/01 18:27更新
- カテゴリー：サイドバー
- タグ：freoテンプレート, freoCSS
そもそも カレンダーの閲覧時の日付に印（当日表示）をつけてみる （龍の棲む場所） という方法があるのですが、別途jsファイルを付ける必要があり、もっと簡単にテンプレートとcssファイルの変更のみでこれを実現したものです。
templates/utility.html の20行目あたりにある
<!--{if $plugin_entry_calender.type ...
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で幅可変の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で左側にユーティリティ（ナビゲーション）を持ってくるには
css/default.css で
内容 ⇒ div#content の
float: left ;
の部分を、
float: right ;
に、
ユーティリティ ⇒ div#utility の
margin- left : 10px;
の部分を、
margin- right : 10px;
に、
それぞれ変更...
