ユーティリティ

2017年08月

- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -

キーワード検索

キーワード検索フォーム
キーワード

ユーザー

  • cccのアバター

新着画像

過去ログ

Twitter

Twilogを見る

Feed

エントリー

タグ「freoCSS」の検索結果は以下のとおりです。

freoをスマートフォンから見た時にリストのリンクなどをボタン化する

【2017/06/10修正】ボタンのクラス名を phone-button から mobile-button に変更しました。 freoがVer.1.18.0からiPhone用テンプレートを辞めて簡易なレスポンシブデザインに変更となりましたが、デフォルトテンプレートを使用した場合、スマートフォンからリストのリンクがタッチしづらいので、その時だけリストボタンにするようにアレンジしてみ...

Twitterの新ウィジェットを幅220px以下のサイドバーに収める方法

2012年9月からTwitterのタイムラインを表示するウィジェットの仕様が変更になりましたが、この新ウィジェットでは最小幅が220pxと決められており、設置するとfreoでもWeb Diary ProやWeb Gallery Proでもデフォルトのテンプレートではサイドバーからはみ出てしまいます。 なので幅を自由に変更できる旧ウィジェット(Join the conversation ウ...

freoのサイドバーのカレンダーで今日の日付にclassをつける

そもそも カレンダーの閲覧時の日付に印(当日表示)をつけてみる (龍の棲む場所) という方法があるのですが、別途jsファイルを付ける必要があり、もっと簡単にテンプレートとcssファイルの変更のみでこれを実現したものです。 templates/utility.html の20行目あたりにある <!--{if $plugin_entry_calender.type ...

freoのプロフィールやコメントでGravatarのアバターを表示する方法

freoのユーザープロフィールやコメント欄にユーザーの画像を設置したいと思っている方に向けてWordpressでも利用されている Gravatar のアバターを表示させる方法です。 これでGravatarの登録にしたメールアドレスでユーザー登録もしくはコメント投稿すればアバターが表示されます。 ※Gravatarの登録方法については グローバルなアバターGravatarに登録してみよう...

freoのメニューでカーソルを近づけると背景色が変わるようにする

表示のサンプルは こちら css/default.css のメニュー部分を以下のとおりに変更します。 div#menu { display: inline-block; background-color: #666666; } div#menu h2 { display: none; } div#menu ul, div#menu ul li, div#menu...

freoのメニューをタイトルより上にする

表示のサンプルは こちら templates/header.html を次のように編集( 赤字 を追加)します。 <body> <div id="container"> <div id="top"> <div id="header"> <h1><a href="{$freo.core.h...

freoで幅可変の3カラムのスキンを作るには

表示のサンプルは こちら templates/internals/default/default.html と templates/internals/view/default.html を開き、下から2行目にある {include file='utility.html'} を1行目の {include file='header.html'} の下...

freoで幅可変の2カラムのスキンを作るには

表示のサンプルは こちら 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; に、 それぞれ変更( 緑字 を 赤字 に)...

ページ移動

  • 前のページ
  • 次のページ
  • ページ
  • 1