ここから本文です

回答受付中の質問

知恵コレに追加する

壁紙の上に、左にブログパーツ、その横に画像、下に文字を配置したい。

kimiko3311さん

壁紙の上に、左にブログパーツ、その横に画像、下に文字を配置したい。

あちらこちらで、素敵なクリスマス用の壁紙やブログパーツ、画像を見かけます。
そこで、ブログパーツの横に画像、その下に文字。
しかも壁紙を使うということを考えましたが
ブログパーツと画像・文字の2つに分かれる方法しかできませんでした。

現在は下記のような状況です。

||<#'style='background:' ``||
||<#FFFFFF'style='width:200px;word-spacing:200px;border:solid 4px #F5EBDF;background-image:url(【壁紙の画像】)'``[[item(【ブログパーツ】)]]
||<#FFFFFF'style='width:340px;word-spacing:340px;border:solid 4px #F5EBDF;background-image:url(【壁紙の画像】);font-family:"HGP創英角ポップ体";font-size:12pt;color:#730818;text-align:center'``[[attached(1,center)]] ここに文字。

真ん中に隙間ができてしまいます。
壁紙を一面にして、ブログパーツ、画像、文字を置く方法があれば教えてください。

  • アバター

違反報告

この質問に回答する

回答

1件中11件)

 

xxxaoiaxxxさん

残念ながら、壁紙を一面にして、ブログパーツと画像を隣り合わせ
置くことは出来ません
ブログパーツは表示されても、隣に置いた画像は壁紙内に表示されません。

真ん中に隙間が出来ても、あなたがなさっているような方法で壁紙を分けて
それぞれにブログパーツ、画像を表示するしか方法はありません。

いっその事、borderをもう少しクッキリした色に変更してチャームポイントみたい
した方がいい感じに仕上がるかもしれません
↓クリスマスカラーの赤と緑で壁紙を包んでみました。

【例】
||<#'style='background:' ``||
||<#FFFFFF'style='background-image:url(http&#58//img.blogs.yahoo.co.jp/ybi/1/65/89/xxxaoiaxxx/folder/1553976/img_1553976_45418496_46?1227745571.gif);width:260px;text-align:center;font-family:"HGP創英角ポップ体";font-size:12pt;color:#9F6A35;word-spacing:260px;line-height:20pt;border:solid 3px #FF0000'``[[item(http://isetanchristmas.jp/blogparts/blogparts.swf,160,300)]]
||<#FFFFFF'style='background-image:url(http&#58//img.blogs.yahoo.co.jp/ybi/1/65/89/xxxaoiaxxx/folder/1553976/img_1553976_45418496_46?1227745571.gif);width:260px;text-align:center;font-family:"HGP創英角ポップ体";font-size:12pt;color:#9F6A35;word-spacing:260px;line-height:20pt;border:solid 3px #00AA2B'``[[attached(1)]]【全角スペース】ココに文字。【全角スペース】

  • アバター
  • 違反報告
  • 編集日時:2009/12/11 13:45:34
  • 回答日時:2009/12/11 11:31:22

この質問に回答する

PR

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。

お客様自身の責任と判断で、ご利用ください。

話題のキーワード

[カテゴリ:Yahoo!ブログ]


="padding: 10px 0; border-top: 1px solid #ccc; margin-top: 5px;">

プライバシーポリシー - 利用規約 - ガイドライン - ヘルプ・お問い合わせ
Copyright (C) 2009 Yahoo Japan Corporation. All Rights Reserved.
="width:100%;text-align:center;height:27px;padding:3px 0 0 0;">

プライバシーポリシー - 利用規約 - ガイドライン - ヘルプ・お問い合わせ
Copyright (C) 2009 Yahoo Japan Corporation. All Rights Reserved.
="position:relative;width:386px;height:21px;margin:0 auto;background-image:url(http://ai.yimg.jp/yui/jp/uft/1.0.0/img/utfChnk.png);background-repeat:no-repeat;text-align:left;">

プライバシーポリシー - 利用規約 - ガイドライン - ヘルプ・お問い合わせ
Copyright (C) 2009 Yahoo Japan Corporation. All Rights Reserved.
="position:absolute;top:6px;left:0px;width:28px;height:15px;text-indent:-9999px;">Yahoo! JAPAN

プライバシーポリシー - 利用規約 - ガイドライン - ヘルプ・お問い合わせ
Copyright (C) 2009 Yahoo Japan Corporation. All Rights Reserved.