fine&grandデザイン見本一覧

デザイン一覧

※見出しのデザインはテンプレートによって異なります。

 

H2初期設定見出しデザイン

(H2見出しのアイコンは初期設定では非表示になっています)

H3初期設定見出しデザイン

H4初期設定見出しデザイン

H5初期設定見出しデザイン
H6初期設定見出しデザイン

 

fineキュート版の見出しデザイン

デザイン見本一覧
デザイン見本一覧
デザイン見本一覧
デザイン見本一覧

 

※キュート版はfine ver2のみで、2カラム×(ブルー・ピンク・シアン・オレンジ・グリーン・ブラック・濃いシアン・濃いグリーン)の8色となります。

 

黒板風スタイル

ここに見出し

このエリアには好きな文章を入れる事が出来ます。

 


 

自由テキスト

 

 

【引用タグ】

 

他サイトからの文章を自分のサイトに利用する場合は、引用の文章をblockquoteタグで囲みましょう。

 

ブレット

ノーマルブレット

  • リストタグをブレット化出来ます
  • リストタグをブレット化出来ます
  • リストタグをブレット化出来ます

 

下線付きブレット

  • このタグだと
  • ブレットにアンダーラインが表示されて
  • さらに注目させることができます

 

リンクブランクアイコン(リンクを新しい窓で表示する指示アイコン)

新しいウィンドウでトップページを見る

 

太字テキストリンク3カラー(マウスカーソルを乗せてみてください)

アンカーテキストリンクで太字にしても濃すぎないカラーに調整したテキストリンク装飾タグです。
地味ですけどアフィリエイトならよく使いますよね。マウスオーバーで色もフワッと変わって、アンダーラインがにゅっとアニメーションします。

 

【フォントサイズ18px】

>>ミュゼの口コミはこちら

 

>>エターナルラビリンスの口コミはこちら

 

>>メンズTBCの口コミはこちら

 

※このタグだけ、マウスオーバーするとアンダーラインが太線になります。

 

【フォントサイズ通常】

>>ミュゼの口コミはこちら

 

>>エターナルラビリンスの口コミはこちら

 

>>メンズTBCの口コミはこちら

 

 

【上記以外のフォントサイズ】

>>ミュゼの口コミはこちら

 

 

テキストリンクの前に付けるアイコン3種類×5色

クリック率の向上が期待できます。

 

説明書ページはこちら
説明書ページはこちら
説明書ページはこちら
説明書ページはこちら
説明書ページはこちら

 

説明書ページはこちら
説明書ページはこちら
説明書ページはこちら
説明書ページはこちら
説明書ページはこちら

 

説明書ページはこちら
説明書ページはこちら
説明書ページはこちら
説明書ページはこちら
説明書ページはこちら

 

 

画像リンクの自動透過アニメーション

 

画像リンクやアフィリエイトリンクバナーを設置すると、自動でゆっくり透過するアニメーションが働きます。
(chrome,safari,firefox,IE,Edge,Operaで動作確認済)

 

テキストリンクもゆっくり目に色が変わるようになっています。

 

蛍光アンダーライン(3色)

蛍光黄色

 

蛍光青色

 

蛍光赤色

 

太字・色付き文字・大小文字

12pxの小文字

 

14pxの小文字

 

18px大文字

 

20px大文字

 

22px大文字

 

24px大文字

 

26px大文字

 

28px大文字

 

30px大文字

 

32px大文字

 

34px大文字

 

36px大文字

 

太字

 

赤文字

 

青文字

 

緑文字

 

オレンジ文字

 

 

見出し付き枠デザイン

見出し部分

見出し付き枠を利用することで、コンテンツを引き立たせることが出来ます。

 

アイコン部分と色は8色・7種類ずつ自由に変更して利用できます。

 

  • あああああああああああ
  • あああああああああ
  • ああああああああああああ

見出し部分

見出し付き枠を利用することで、コンテンツを引き立たせることが出来ます。

 

アイコン部分と色は8色・7種類ずつ自由に変更して利用できます。

見出し部分

見出し付き枠を利用することで、コンテンツを引き立たせることが出来ます。

 

アイコン部分と色は8色・7種類ずつ自由に変更して利用できます。

見出し部分

見出し付き枠を利用することで、コンテンツを引き立たせることが出来ます。

 

アイコン部分と色は8色・7種類ずつ自由に変更して利用できます。

見出し部分

見出し付き枠を利用することで、コンテンツを引き立たせることが出来ます。

 

アイコン部分と色は8色・7種類ずつ自由に変更して利用できます。

見出し部分

見出し付き枠を利用することで、コンテンツを引き立たせることが出来ます。

 

アイコン部分と色は8色・7種類ずつ自由に変更して利用できます。

見出し部分

見出し付き枠を利用することで、コンテンツを引き立たせることが出来ます。

 

アイコン部分と色は8色・7種類ずつ自由に変更して利用できます。

 

フィールド枠


 チェック! 
↑の「チェック」のテキスト、フォントサイズ、色は自由に変えられます。

 

画像の左端にテキスト入りリボンを表示させるタグ

色はレッド、ブルー、オレンジ、ピンク、グリーン、シアンの6色を搭載済。

 

デザイン見本一覧

 

デザイン見本一覧

 

デザイン見本一覧

 

デザイン見本一覧

 

デザイン見本一覧

 

デザイン見本一覧

 

デザイン見本一覧

 

クリックを促す表示アイコンの追加も可能

SIRIUS特典テンプレートテキスト入りリボンテキスト変更方法

 

ポイントデザイン

あいうえお
かきくけお
さしすせそ
たちつてと
なにぬねの
はひふへほ
まみむめも
やいゆえよ
わいうえお
となりの客はよく柿食う客だ

 

矢印オレンジ

矢印ブラック

矢印ブルー

矢印レッド

 

 

デフォルトポイント

 

デフォルトのポイントです。

 

 

ランキングアイコン

1位のランキング(全カラー共通)
2位のランキング(全カラー共通)
3位のランキング(全カラー共通)
4位のランキング(テンプレート毎にアイコンカラーが変わります)
5位のランキング(テンプレート毎にアイコンカラーが変わります)
6位のランキング(テンプレート毎にアイコンカラーが変わります)
7位のランキング(テンプレート毎にアイコンカラーが変わります)
8位のランキング(テンプレート毎にアイコンカラーが変わります)
9位のランキング(テンプレート毎にアイコンカラーが変わります)
10位のランキング(テンプレート毎にアイコンカラーが変わります)

 

CSSボタン

 

フラットデザインボタン【青1】

 

フラットデザインボタン【青2】

 

フラットデザインボタン【橙1】

 

フラットデザインボタン【橙2】

 

フラットデザインボタン【緑1】

 

フラットデザインボタン【緑2】

 

フラットデザインボタン【シアン1】

 

フラットデザインボタン【シアン2】

 

フラットデザインボタン【赤1】

 

フラットデザインボタン【赤2】

 

フラットデザインボタン【桃1】

 

フラットデザインボタン【桃2】

 

フラットデザインボタン【黒1】

 

フラットデザインボタン【黒2】

 

Youtubeとグーグルマップのレスポンシブ化

埋め込みタグを、<div class="youtube-box">~</div>で囲むことでレスポンシブ化されます。

 

 

 

 

ランキング機能デザイン

WordPressテーマ「Reviewer (TCD026)」

WordPressテーマ「Reviewer (TCD026)」の特徴

TCDのテンプレートはウェジェットでのPC表示・スマホ表示の切り替えが簡単に出来るので便利です。 Digipressと違ってライセンス制ではないため、複数のサイトに利用できます。 ただし、サポート返信が2日後になることもあります。

価格 9,980円
評価 評価4.5
備考 Paypalか銀行での支払いになります
WordPressテーマ「Reviewer (TCD026)」の総評

なかなか良いテンプレートです!

ロゴマルシェ - LogoMarche

ロゴマルシェ - LogoMarcheの特徴

無料ロゴ素材配布サイト。 クオリティが高い和風~カワイイロゴが沢山入手できます。 見出しアイコン、リストタグアイコン、サイトのロゴ入手に重宝します。

価格 無料!0円
評価 評価4
備考 無料会員登録が必要になります。
ロゴマルシェ - LogoMarcheの総評

なかなか良いロゴです!

フォトマルシェ - PhotoMarche

フォトマルシェ - PhotoMarcheの特徴

クオリティの高い画像素材が無料で入手できます。 登録写真数は現在約2000枚で、少しずつ増えています。 小物・グッズ・食材・風景・建物の写真入手に重宝します。

価格 無料!0円
評価 評価4
備考 無料会員登録が必要になります。
フォトマルシェ - PhotoMarcheの総評

ハイクオリティの写真満載です!

 

 

 

デフォルトの飾り枠1&2

飾り枠1のデザイン

飾り枠1です。

 

枠の色はテンプレートカラーごとに変わります。

 

飾り枠2のデザイン

飾り枠1です。

 

枠の色はテンプレートカラーごとに変わります。

 

CSS飾り枠

CSS飾り枠は、ブルーテンプレートならブルー、ブラックテンプレートならブラック、という感じに、テンプレートカラーに合わせて調整済です。

 

<div class="grandwaku1">

 

</div>

 

<div class="grandwaku2">

 

</div>

 

<div class="grandwaku3">

 

</div>

 

<div class="grandwaku4">

 

</div>

 

<div class="grandwaku5">

 

</div>

 

<div class="grandwaku6">

 

</div>

 

<div class="grandwaku7">

 

</div>

 

<div class="grandwaku8">

 

</div>

 

<div class="grandwaku9">

 

</div>

 

吹き出し機能のレスポンシブ最適化

 

スマホで見ると、画像が小さく自動リサイズされ、横に配置されます。
ウィンドウを狭めてもチェック出来ます。


【制作・著者:マナ】

デザイン見本一覧

岩手県盛岡市の専業アフィリエイター。趣味はバイオリンと盛岡さんさ踊り、ライザップ挑戦中。


【運営サイト】SIRIUSアピールサイト
【twitter】  @マナ
【お問い合わせ】 フォームはこちら