こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

livedoorブログのデザイン設定

livedoorブログのデザインを変更して使っています。

左側に設置した『記事検索』を使用し、実際に記事にない言葉で検索をすると、デザインが崩れてしまいます。

原因が全くわからず困っています。

お分かりになる方、お教え下さい!!!


因みにブログは下記のものです
http://blog.livedoor.jp/tsubasakiyoto/

投稿日時 - 2016-11-19 08:38:38

QNo.9257483

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

ページソースより
//blog.livedoor.jp/tsubasakiyoto/site.css?_=20160220222326
のスタイルシート、上の数字の2016は今年のバージョン、
しかし、実際のスタイルシートは、livedoor Blog CSS
Name : sanmon_hiyoko_afternoon
Layout : 3カラム

Update : 2010.03.18
となっています。

ページ検索の所のタグが、CSSに反映されていない様に思います
<div class="plugin-search_internal sidewrapper">
<div class="sidetitlebody">
<div class="sidetitle">記事検索</div>
</div>
<div class="sidetop"></div>
<div class="side">
<form action="http://blog.livedoor.jp/tsubasakiyoto/search" method="GET" style="padding:0;margin:0px;">
<input type="TEXT" name="q" class="sf">
<input type="SUBMIT" value="検索" class="sfbtn">
</form>
</div>

他の方のCSS

/* 記事検索 */
.plugin-search_internal .side form {
width: 300px;
height: 35px;
border-radius: 18px;
background: rgb(254,244,230);
box-shadow: 0 1px 1px #cccccc inset;
}
.sidewrapper input.sf {
border: none;
width: 260px;
height: 35px;
line-height: 35px;
padding-left: 15px;
}
.sidewrapper input.sfbtn {
border: none;
width: 35px;
height: 35px;
background: url(/image/ico_search.png) no-repeat center center;
text-indent: -9999px;
}
.sidewrapper input.sfbtn:hover {
opacity: 0.8;
}

#header-imagemap area {
outline: none;
}
上のCSSは他人が記述したものです、このまま一度貼り付けて見てはいかがでしょう

投稿日時 - 2016-12-06 00:51:49

あなたにオススメの質問