アンティークスタイルの天然石アクセサリー | BijouYasukoのデザイン帳

[BijouYasuko]は天然石ビーズや淡水パール,ヴィンテージカボッションを使用したオリジナルハンドメイド天然石アクセサリー,ジュエリー,ビーズ刺繍,アンティーク調ビーズアクセサリー通販ショップ。スタイリッシュでエレガントな大人の天然石アクセサリー(ピアス,ネックレス)K14GF,ゴールドフィルド(天然石ジュエリー)をお愉しみ下さい。

PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | --:-- | comments(-) | trackbacks(-) | ページトップへ↑

≫ EDIT

共通css

1.共通css編集。

赤の数字を入力ください。

は画像を張り替えます。

青をコピーしてブラウザーのアドレスバーにペーストします。
画像が表示されます。

右クリックで名前をつけて保存します。(名前はそのまま。)
自分でわかり易いところに保存します。

例)デスクトップや、マイピクチャーでカラーミーなどのフォルダーを作成して保存してください。

イラストレーターなどの画像ソフトから、保存したファイルを開きます。
画像サイズを見て、横サイズ(幅)を今のサイズより、165を足した数字を入力します。
縦はそのままです。
上書き保存します。

カラーミーの管理画面の「画像ファイルを管理する」をクリックします。

上書き保存したファイルをアップロードします。

アップロードしたら、ファイル名をクリックして

|| URLコピー || プレビュー画像のURLをコピーします。

コピーした画像のURLを青い場所に張り替えます。

作業が長いので、青い箇所は1個ずつ行うこと。
一気にしないでくださいね。


1個要領がわかれば、あとは同じ作業です。
ピンクのお知らせも青と同じですので、
チャレンジしてください。

ピンクは赤と青が終わったら、自分でやってみてください。
お知らせのところです。

------------------------------------------------
* 共通設定
* ------------------------------------------------
/* ************************************************
* ヘッダーメニュー
* ************************************************ */

#header {
color:#ffffff;
margin:20px 0px 10px;
}

.title {
width:950px;
height:121px;

/* ************************************************
* TOPコンテンツ
* ************************************************ */

/* -------------------------------------
* お知らせエリア
* 箇条書きでお知らせを掲載する際にご利用ください
* ※初期設定では適用されていません
* ------------------------------------- */

.info_bg {
background:transparent url(http://img08.shop-pro.jp/PA01206/273/etc/info_bg.jpg?20130219230451) 0px 0px repeat-y;
padding:0px 0px 5px;
width:920px;
}

.info_title {
background:transparent url(http://img08.shop-pro.jp/PA01206/273/etc/info_top_bg.jpg?20130219230013) 0px 0px no-repeat;
color:#6d2916;
font-weight:bold;
padding:7px 15px;
margin:0px;
}

.info_text {
color:<{$font_color}>;
padding:0px 15px;
}

.info_text_bottom {
margin-top:10px;
}

.info_block {
width:900px;
margin:0px auto;
padding:15px 0px 0px;
background:#ffffff;
}

.info_bottom {
background:transparent url(http://img08.shop-pro.jp/PA01206/273/etc/info_bottom_bg.jpg?20130219231159) 0px 0px no-repeat;
height:5px;
margin-bottom:20px;
}

/* -------------------------------------
* フリースペース
* ------------------------------------- */
.free_space {
color:<{$font_color}>;
margin-bottom: 15px;
}


/* ************************************************
* 商品一覧 レイアウト
* ************************************************ */


/* -------------------------------------
* 一覧表示 並び順を変更(商品一覧)
* ------------------------------------- */
.sort_01 {
width: 729px;
height: 30px;
color: <{$productlist_sort_bgcolor}>;
font-size:80%;
background: url(http://img08.shop-pro.jp/PA01206/273/etc/sort_bg.gif?20130226000249) no-repeat;
margin-bottom: 1px;
}


.sort_01 a,
.sort_01 a:link,
.sort_01 a:visited {
color:<{$productlist_bgcolor}>;
text-decoration:none;
}

.sort_01 a:active,
.sort_01 a:hover {
color:<{$productlist_border}>;
text-decoration:none;
}

/* 会員専用価格の表示 商品一覧用 */
.regular_price_all {
padding:0px 0px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
margin:0px;
}

.price_all {
padding:0px;
margin:0px;
}

.discount_rate_all {
padding:2px 0px 0px;
color:#ff0000;
margin:0px;
}


/* -------------------------------------
* 一覧表示 並び順を変更(商品検索結果)
* ------------------------------------- */

.sort_02 {
width: 920px;
height: 28px;
color: <{$searchlist_sort_bgcolor}>;
font-size:80%;
background: url(http://img08.shop-pro.jp/PA01206/273/etc/sort_bg.gif?20130226000613() no-repeat;
margin-bottom: 1px;
}

.sort_02 a,
.sort_02 a:link,
.sort_02 a:visited {
color:<{$searchlist_bgcolor}>;
text-decoration:none;
}

.sort_02 a:active,
.sort_02 a:hover {
color:<{$searchlist_border}>;
text-decoration:none;
}

/* 会員専用価格の表示 商品検索結果用 */
.regular_price_search {
padding:0px 0px 2px;
font-size:11px;
text-decoration:line-through;
color:#666666;
margin:0px;
}

.price_search {
padding:0px;
margin:0px;
}

.discount_rate_search {
padding:2px 0px 0px;
color:#ff0000;
margin:0px;
}


/* -------------------------------------
* 一覧表示 商品数と表示数
* ------------------------------------- */
.pagenavi {
width: 920px;
height: 30px;
color: #432A16;
font-size:80%;
background: url(http://img08.shop-pro.jp/PA01206/273/etc/pagenavi_bg.gif?20130226001046) no-repeat;
margin-bottom: 15px;
}


/* -------------------------------------
* 商品一覧表示のレイアウト
* ------------------------------------- */

.product_list {
float: left;
width: 188px;
text-align: center;
padding:5px 0px 30px;
}


.product_item {
text-align:center;
width:175px;
margin:0px auto;
}

.product_item img {
padding: 4px;
border: 0px #dacdb9 solid;
}

.product_item .name {
line-height: 120%;
margin:10px 0px 0px;
}

.product_item .name img{
vertical-align:middle;
}

.product_item .price {
margin:5px 0px 0px;
color: #333333;
}

.product_item .expl {
color: #999;
font-size:80%;
line-height:120%;
text-align: left;
margin:5px 0;
}


.product_list a,
.product_list a:link,
.product_list a:visited {
text-decoration:none;
}

.product_list a:active,
.product_list a:hover {
text-decoration:none;
}

/* -------------------------------------
* 最近チェックした商品
* ------------------------------------- */
.checkitem_list {
width:120px;
padding:0 8px 0 12px;
margin:0 0 10px 0;
float:left;
}

.checkitem .ci_img {
width:90px;
border: 0px solid #DACDB9;
padding: 4px;
margin-bottom:3px;
}

/* -------------------------------------
* ぱんくずリスト
* ------------------------------------- */

.footstamp {
width: 729px;
background: url((http://img08.shop-pro.jp/PA01206/273/etc/footstamp_bg.gif?20130226001321() no-repeat;
color: <{$navi_list_bgcolor}>;
margin-bottom: 15px;
}

.footstamp a {color: <{$category_fontcolor}>;}
.footstamp a:link {color: <{$category_fontcolor}>;text-decoration: none;}
.footstamp a:visited {color: <{$category_fontcolor}>;text-decoration: none;}
.footstamp a:active {color: <{$category_fontcolor}>;text-decoration: none;}
.footstamp a:hover {color: <{$category_linecolor}>;text-decoration: none;}

.txt-f10 {
font-size:10px;
}

.footstamp img {
vertical-align:middle;
}

.footstamp .bg {
background: url("(http://img.shop-pro.jp/tmpl_img/26/footstamp_bg_checkitem.gif(") repeat-y scroll 0 0 transparent;
width: 729px;
}

.footstamp .bg .middle {
background: url("(http://img.shop-pro.jp/tmpl_img/26/footstamp_top_checkitem.gif(") no-repeat scroll 0 0 transparent;
margin: 0;
padding: 5px 0 0 0;
}

.footstamp .bg .middle .pankuzuline {
margin:0;
padding:0 15px 2px;
}

.footstamp .bottom {
background: url("(http://img.shop-pro.jp/tmpl_img/26/footstamp_btm_checkitem.gif(") no-repeat scroll 0 0 transparent;
width: 729px;
height:5px;
}

/* -------------------------------------
* 商品が無い時の表示
* ------------------------------------- */
.nodata {
width: 90%;
padding-top: 20px;
text-align: center;
margin-bottom:40px;
}

/* ************************************************
* 商品詳細 レイアウト
* ************************************************ */

#detail {
text-align:center;
color:<{$font_color}>;
}

#detail .expl {
line-height:150%;
text-align: left;
margin: 10px 10px 5px 10px;
}

#detail .main_img {
padding: 4px;
border:0px #dacdb9 solid;
}

#detail .sub {
float: left;
width: 188px;
text-align: center;
}

#detail .sub img {
width: <{$productimg_border}>px;
padding: 4px;
border:0px #dacdb9 solid;
}

#detail .table {
width: 400px;
background:transparent url((http://img.shop-pro.jp/tmpl_img/26/detail_table_bg.jpg) left top repeat-y;
text-align:left;
margin:20px auto 30px;
}

#detail .table .cell_1 {
width: 130px;
height: 28px;
color: #6d2916;
font-weight:bold;
border-right: 2px #ffffff solid;
border-bottom:2px #ffffff solid;
}

#detail .table .cell_2 {
width: 270px;
height: 28px;
color: #6d2916;
background:#f2ebe0;
border-bottom:2px #ffffff solid;
}

#detail .table .cell_mar {
margin: 0px 5px 0px 15px;
}

/* 特定商取引法に基づく表記(返品など)ボタン */
p#sk_link_other {
text-align:center;
margin-top:10px;
}

p#sk_link_other a {
font-size:12px;
}

/* 会員専用価格の表示 商品詳細用 */
.regular_price_detail {
padding:5px 0px 0px;
margin:0px;
text-decoration:line-through;
}

.price_detail {
padding:0px;
margin:0px;
color:#ff0000;
font-weight:bold;
}

.discount_rate_detail {
padding:0px 0px 5px;
margin:0px;
color:#ff0000;
}

/* -------------------------------------
* この商品を買った人はこんな商品も買ってます
* ------------------------------------- */

#together {
margin: 0px 10px 0px 10px;
}

#together .tog_main_title {
font-weight:bold;
margin:30px 0px 5px;
color:#6d2916;
padding:5px 10px;
background:#f9f4eb;
}

#together .together_list {
margin:10px 3px 10px 3px;
float:left;
width: 170px;
text-align:center;
}

#together img {
padding: 4px;
border: 1px #dacdb9 solid;
}

/* -------------------------------------
* トラックバック
* ------------------------------------- */

#trackback {
margin: 0px 10px 20px 10px;

}

#trackback .tb_main_title {
font-weight:bold;
margin:30px 0px 5px;
color:#6d2916;
}


#trackback .tb_url {
font-size:11px;
padding:10px 13px;
background:#f9f4eb;
color:#6d2916;
}

#trackback .tb {
margin:0px 0px 5px;
border:1px solid #dacdb9;
}

#trackback .tb_date {
font-size:80%;
padding: 10px 10px 10px 10px;
}

#trackback .tb_title {
padding: 0px 10px 10px 10px;
color:#6d2916;
}

#trackback .tb_body {
line-height: 150%;
padding: 10px 10px 10px 10px;
border-top: 1px dotted #dacdb9;
border-bottom: 1px dotted #dacdb9;
}

#trackback .tb_state {
padding: 5px 10px 5px 10px;
}




/* ************************************************
* 商品オプションページ
* ************************************************ */
#Option .option_table {
width: 755px;
margin-bottom:5px;
border-left: 1px solid <{$option_bordercolor}>;
border-top: 1px solid <{$option_bordercolor}>;
}

#Option .option_cell1 {
font-size: 11px;
text-align:left;
font-weight:normal;
padding:5px;
border-right: 1px solid <{$option_bordercolor}>;
border-bottom: 1px solid <{$option_bordercolor}>;
padding-left: 6px;
}

#Option .option_cell2 {
font-size:80%;
text-align:left;
padding:5px;
border-right: 1px solid <{$option_bordercolor}>;
border-bottom: 1px solid <{$option_bordercolor}>;
background-color:#FFFFFF;
padding: 2px 6px 2px 6px;
}

#Option .option_cell3 {
font-size:80%;
text-align:left;
padding:5px;
border-right: 1px solid <{$option_bordercolor}>;
border-bottom: 1px solid <{$option_bordercolor}>;
background-color:#FFFFFF;
padding: 2px 10px 2px 6px;
}

/* 会員専用価格の表示 オプション用 */
.regular_price_stock {
padding:0px;
margin:0px;
font-size:11px;
text-decoration:line-through;
color:#666666;
}

.price_detail_stock {
padding:0px;
margin:0px;
}

.discount_rate_stock {
padding:0px;
margin:0px;
color:#ff0000;
}

/* ************************************************
* 特定商取引法・お支払い方法・配送設定について
* ************************************************ */
.payment_img {
width:30px;
height:30px;
margin:3px;
}

#ShopKeeper {
width: 729
px;
color:<{$font_color}>;
margin-bottom: 15px;
border-top: 1px solid <{$ShopKeeper_bordercorder}>;
border-left: 1px solid <{$ShopKeeper_bordercorder}>;
}


#ShopKeeper th {
width: 160px;
padding:10px;
border-right: 1px solid <{$ShopKeeper_bordercorder}>;
border-bottom: 1px solid <{$ShopKeeper_bordercorder}>;
font-size: 80%;
font-weight: normal;
text-align:left;
}

#ShopKeeper td {
border-right: 1px solid <{$ShopKeeper_bordercorder}>;
border-bottom: 1px solid <{$ShopKeeper_bordercorder}>;
padding:10px;
text-align:left;
}

#ShopKeeper td table th,
#ShopKeeper td table td,
#ShopKeeper td table,
#ShopKeeper td table {
border-right:none;
border-top:none;
border-left:none;
border-bottom:none;
}

#ShopKeeper th img,
#ShopKeeper td img {
vertical-align:middle;
}

/* 検索結果 */
.txt-search {
padding:5px 10px;
background:#f6eddf;
border-bottom:#ffffff solid 1px;
}

.txt-hitNum {
margin-bottom:15px;
padding:5px 10px;
background:#f6eddf;
}

.txt-search strong,
.txt-hitNum strong {
color:#6d2916;
font-weight:bold;
}

/* オプションリンク */
.txt-optionLink {
margin-bottom:15px;
font-weight:bold;
padding:0px 0px 0px 15px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/26/icon_side01.gif) no-repeat 0px 5px;
line-height:0px;
}
ul.product-linkList li {
margin-bottom:5px;
padding:0px 0px 0px 15px;
background:transparent url(http://img.shop-pro.jp/tmpl_img/26/icon_side01.gif) no-repeat 0px 5px;
line-height:0px;
}

/* ************************************************
* プライバシーポリシー
* ************************************************ */

#PrivacyExplain {
color:<{$font_color}>;
margin-bottom: 15px;
}

.pe_title {
color: <{$privacy_title_fontcolor}>;
border-top: 1px solid <{$privacy_title_bgcolor}>;
padding-top: 15px;
}

.pe_note {
line-height: 150%;
margin:5px 5px 20px 30px;
}

/* -------------------------------------
* 商品オプション 表形式
* ------------------------------------- */
#option_tbl {
border-collapse:collapse;
margin:10px auto 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:100%;
}
#option_tbl th{
padding:5px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
#option_tbl td input{
float:none;
margin:0 0 5px;
width:auto;
}
#option_tbl th,
#option_tbl td.none {
background:#eee;
}
#option_tbl td {
padding:5px;
text-align:center;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
.stock_zero {
color:red;
}


関連記事
スポンサーサイト

| ショップのお知らせ | 11:44 | コメント:0 | トラックバック:0 | ページトップへ↑

コメント














TRACKBACK URL

http://bijouyasuko.blog50.fc2.com/tb.php/1567-0ac5cf1a

トラックバック

PREV | PAGE-SELECT | NEXT

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。