fine&grandデザイン見本一覧

デザイン一覧

 

SIRIUS専用プレビュー機能を使うと、全てのデザインが正確に表示されない可能性があります。プレビュー段階で性格に表示させたい場合は、SIRIUSプレビューモードをブラウザプレビューに変更してください。

 

また、ブラウザプレビューで読み込みが遅い場合は、プレビューのブラウザだけをfirefoxに変えると動作が快適になる可能性が高いです。


SIRIUSプレビューモードの変更方法

 

プレビューブラウザをfirefoxに変更する方法

 

 

※この説明書サイトは、fine ver2テンプレートのアイコンデザインを変更して利用しています。
※見出しのデザインはテンプレートによって異なります。
※スタートアップ版では一部利用制限がかかっているスタイルがあります。

 

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

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

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

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

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

 

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

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

 

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

 

 

黒板風スタイル

ここに見出し

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

 


 

自由テキスト

 

 

【引用タグ】

 

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

 

ブレット

ノーマルブレット

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

 

下線付きブレット

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

 

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

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

 

テキストリンクの前に付けるアイコン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種類ずつ自由に変更して利用できます。

 

フィールド枠


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

 

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

デザイン見本一覧

 

デザイン見本一覧

 

デザイン見本一覧

 

デザイン見本一覧

 

デザイン見本一覧

 

デザイン見本一覧

 

デザイン見本一覧

 

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

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】  @マナ
【お問い合わせ】 フォームはこちら
※本テンプレートのカスタマイズご相談は現在ご遠慮頂いております。
※本テンプレートはプレミアム会員様向け専用でご利用頂けます。

スポンサーリンク
スポンサーリンク