人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

wordpressの下記URLのテーマで、左側の花の画像の背景があまりにも左側に寄りすぎているので、もう少し右に移動させたいのですが、どうしたらよいか具体的な手順を教えてください。
なお、スタイルシート等はこれから勉強するところなので、素人にもわかるように説明してください。
以上、よろしくお願いします。

http://themes.wordpress.net/testrun/

●質問者: taroemon
●カテゴリ:ウェブ制作
✍キーワード:URL wordpress スタイルシート テーマ 勉強
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● virtual
●35ポイント

質問のURLは恐らく、http://themes.wordpress.net/ でテーマをどれか選んだのだと思いますが、どのテーマを選んでも同じURLになるので「左側kの花の画像の背景」が何を意味するのか分からない状態です。

どのテーマを選んだのか情報が必要です。

テーマを選ぶ時にリンクにマウスを当てると

http://themes.wordpress.net/testrun/?wptheme=4361

のようなテーマの番号がブラウザ下のステータスバーに出てきますのでそれを提示して下さい。

◎質問者からの返答

ご指摘ありがとうございます。

お願いしたいのは下記のURLの物です。

http://themes.wordpress.net/testrun/?wptheme=3053

よろしくお願いします。

なお、同じテーマで違う質問もしているので

よろしければこちらもあわせてご回答ください。

http://q.hatena.ne.jp/1189852098


2 ● virtual
●35ポイント

style.cssファイルから青字の部分の"top left"記述を削除し、赤字の"30% 0%"を追加します。

30%の数字を0%で一番左側、50%で中央、100%で右端に花の画像が移動します。30%ということは左から少し右に移動して表示されます。

ちなみに、http://q.hatena.ne.jp/1189852098の内容を修正済みです。

パソコンのファイルを修正してサーバーにアップロードすればOKです。

/*

Theme Name: Beauty

Theme URL: http://milo.peety-passion.com/category/themes/

Description: Beauty is a three column fluid theme for Wordpress with a custom painting by milo IIIIVII.

Author: miloIIIIVII

Author URI: http://milo.peety-passion.com

Version: 5.0

*/

body{background:#fff url(images/picasso2.jpg) top left 30% 0% no-repeat fixed;color:#1A1F4A;font-size:11px;font-family:Tahoma, Helvetica, Sans-Serif;margin:0px auto 0px;padding:0;}#wrap{background:transparent;color:#1A1F4A;font-size:11px;font-family:Tahoma, Helvetica, Sans-Serif;margin:0 0 0 150px;padding:0;}a, a:visited{color:#95A5A7;text-decoration:none;}a:hover{text-decoration:underline;}#header{background:transparent top right no-repeat;width:89%;height:10px;margin:0px auto 0px;padding:10px 0 10px 0;text-align:right;text-transform: uppercase;}#header a , h1, h1 a{font-family:Times New Roman, Helvetica, Sans-Serif;font-size:48px;color:#333;text-decoration:none;padding:0 10px 0 10px;margin:0;text-transform:uppercase;display:none;}description{display:none;}#header a:hover{color:#333;}#navbar{background:transparent;width:89%;height:20px;margin:0px auto 0px;padding:10px 0 10px 0;text-align:right;border-top:1px solid #95A5A7;}#navbar li{display: inline;list-style-type: none;margin:0;padding:0;}#navbar ul{margin:0;padding:0;}#navbar ul li a{font-family:Times New Roman, Helvetica, Sans-Serif;font-size:22px;color:#95A5A7;padding:0 10px 0 10px;margin:0;text-decoration:none;text-transform: uppercase;}#navbar ul li a:hover{color:#ccc;}#l_sidebar {float: left;width: 15%;margin: 50px 5px 0 0;padding: 10px 0 10px 0;}#l_sidebar ul {list-style: none;margin: 0;padding: 0 0 10px 0;}#l_sidebar li {list-style: none;margin: 0;padding: 0;}#l_sidebar ul li {margin: 0;padding: 5px 0 0 0;}#l_sidebar ul li a {color: #474B7C;text-decoration: none;}#l_sidebar ul li a:hover {color: #474B7C;text-decoration: underline;}#r_sidebar {float: right;width: 12%;margin: -30px 0 0 0;padding: 20px 0 0 0;}#r_sidebar p{padding: 2px 0 5px 0;margin: 0;line-height: 20px;}#r_sidebar ul {list-style: none;margin: 0;padding: 0 0 5px 0;}#r_sidebar ul li {margin: 0;padding: 5px 0 0 0;}#r_sidebar ul li a {color: #474B7C;text-decoration: none;}#r_sidebar ul li a:hover {color: #474B7C;text-decoration: underline;}#content {width: 85%;margin: 0px auto 0px;padding: 0;}#content p{padding: 10px 0 10px 0;margin: 0;line-height: 20px;}#content p img{float: left;border: none;margin-right: 10px;margin-bottom: 10px;}#content h1 {color: #95A5A7;font-size: 22px;font-family: Times New Roman, Verdana, Arial, Sans-Serif;font-weight: normal;padding: 0;margin: 0;}#content h1 a {color: #95A5A7;text-decoration: none;}#content h1 a:hover {color: #658DB5;text-decoration: none;}#content h2 {color: #95A5A7;font-size: 14px;font-family: Tahoma, Verdana, Arial, Sans-Serif;font-weight:bold;padding:5px 0 5px 0;margin:0;text-transform:uppercase;border-bottom: 1px solid #C0C0C0;}#content p ol{margin: 0;padding: 0 0 0 10px;}#content p ul{margin: 0;padding: 0 0 0 10px;}blockquote{margin: 0 0 0 25px;padding: 0 10px 0 10px;font-style: italic;color: #666;border-left: 3px solid #B3C8DB;}#content blockquote p{margin: 0 0 10px 0;padding: 0;}#contentmiddle {float: left;width: 52%;margin: 10px 10px 0 10px;padding: 10px 10px 10px 10px;border-left:1px solid #E4E4E5;}#contentmiddle p img{float: left;border: none;margin-right: 10px;margin-bottom: 10px;}.contentdate {background: transparent url(images/date.gif);float: left;width: 50px;height: 50px;margin: 0;padding: 0;}.contentdate h3 {color: #333;font-size: 10px;font-weight: normal;padding: 4px 0 0 13px;margin: 0;text-transform: uppercase;}.contentdate h4 {font-family: Times New Roman, Helvetica, Sans-Serif;color: #333;font-size: 21px;font-weight: bold;padding: 3px 4px 0 3px;margin: 0;text-align: center;}.contenttitle {float: left;width: 70%;margin: 0;padding: 0 0 0 20px;}#contentmiddle ul {list-style: none;margin: 0;padding: 0 0 10px 0;}#contentmiddle ul li {margin: 0;padding: 5px 0 0 0;}#contentmiddle ul li a {color: #474B7C;text-decoration: none;}#contentmiddle ul li a:hover {color: #474B7C;text-decoration: underline;}#content img.wp-smiley {float: none;border: none;padding: 0px;margin: 0px;}.postspace {background: transparent url(images/spacer2.gif) no-repeat;width: 340px;height: 32px;margin: 0 0 20px 0;padding: 0;}#footer {background: transparent;width: 90%;margin: 0px auto 0px;padding: 10px 0 10px 0;text-align: center;border-top: 1px solid #C0C0C0;}#searchdiv {margin: 0;padding 0;}#searchform {margin: 0;padding: 0;overflow: hidden;}#s {width: 95%;background: #EFEFEF url(images/search2.gif);color: #333;font-size: 11px;font-family: Verdana, Helvetica, Sans-Serif;padding: 3px;margin: 8px 0 0 0;border: 1px solid #C0C0C0;}#commentblock {width:65%background: #fff;color: #333;float: left;padding: 10px 10px 0 10px;margin: 10px 0 10px 0;border: 1px solid #C0C0C0;}ol#commentlist{padding:5px 0 5px 0;margin:0;list-style-type:none;}.commentdate{font-size:12px;padding-left:0;}#commentlist li p{margin-bottom:8px;line-height:20px;padding:0;}.commentname{color:#333;margin:0;padding:5px 5px 5px 0;}.commentinfo{clear:both;}.commenttext{clear:both;margin:5px 0 20px 0;padding:20px 10px 5px 10px;width:65%;background:#fff url(images/comment.gif) no-repeat top;}.commenttext-admin{clear:both;margin:5px 0 20px 0;padding:20px 10px 5px 10px;width:65%;background:#fff url(images/comment.gif) no-repeat top;}#commentsformheader{padding-left:0;}#commentsform{text-align:left;margin:0;padding:0;}#commentsform form{text-align:left;margin:0;}#commentsform p{margin:0;}#commentsform form textarea{width:99%;}#wp-calendar{empty-cells:show;margin:10px auto 0;width:90%;}#wp-calendar #prev a{font-size:9pt;}#wp-calendar a{text-decoration:none;}#wp-calendar caption{font:bold 1.3em 'Tahoma', Arial, Helvetica, Sans-Serif;text-align:center;}#wp-calendar th{font-style:normal;text-transform:capitalize;}#wp-calendar #next a{padding-right:10px;text-align:right;}#wp-calendar #prev a{padding-left:10px;text-align:left;}#wp-calendar a{display:block;}#wp-calendar caption{text-align:center;width:100%;}#wp-calendar td{padding:3px 0;text-align:center;}#wp-calendar td.pad:hover{/* Doesn't work in IE */background-color:#000;}p.comments_link img{margin:0;padding:0;border:none;}.entry{clear:left;}

◎質問者からの返答

いつも適切なご回答ありがとうございます。

今回もうまくいきました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ