スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
にほんブログ村 PC家電ブログ 自作PCへ
にほんブログ村
ブログランキング参加しています♪
クリックご協力ください

[65]弄り中

どもStea1thです


ちょっとテンプレ弄ってますので、ヘッダー画像があーだったり
一部表示がおかしかったりしてます


後、そのおかしい部分、
一番下にプラグインが表示される

なんですが、これ直し方知ってる方いたらコメントorスカイプお願いします


HTML,CSSを追記にて表示させます
<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">

<script language="javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
//-->
</script>

<head>
<title xml:lang="ja" lang="ja"><%blog_name><!--permanent_area--> |<%sub_title><!--/permanent_area--><!--date_area--> |<!--/date_area--><!--category_area--> |<!--/category_area--><!--not_permanent_area--><%sub_title><!--/not_permanent_area--></title>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="MSSmartTagsPreventParsing" content="true" />
<meta http-equiv="Imagetoolbar" content="no">
<meta name="keywords" content="" />
<meta name="author" content="<%author_name>" />
<meta name="description" content="<%introduction>" />
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" />
<link rel="stylesheet" type="text/css" href="<%css_link>" title="Default" />

<!-- ↓の画像URLは各自でダウンロード・アップロードしてください -->
<link rel="alternate stylesheet" type="text/css" href="http://blog-imgs-40.fc2.com/b/l/a/blackcat13test/panther_style.css" title="panther" />
<script type="text/javascript" src="http://blog-imgs-40.fc2.com/b/l/a/blackcat13test/styleswitcher.js"></script>
<!-- ↑の画像URLは各自でダウンロード・アップロードしてください -->

<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml&amp;comment" title="RSS comment" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml&amp;trackback" title="RSS trackback" />
<link rev="made" href="mailto:a@a.com" title="<%author_name>" />
<link rel="top" href="<%url>" title="TOP" />
<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="前のページ" /><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="次のページ" /><!--/nextpage-->
<!--preventry--><link rel="next" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->
</head>

<body>
<div id="all">
<a name="pagetop" id="pagetop"></a>

<div class="head">
<h1 class="blog_title">
<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="http://blog-imgs-43.fc2.com/s/t/e/stea1th0831/z-06deff2b74d6430124aa0e860f23b0ed.jpg" border="0" /></a></h1>
<h2 class="blog_subtitle"><%introduction></h2>
</div>



<div id="search_area">
<div id="search">
<form method="get" action="<%url>">
<div>
<input type="text" class="inputField" id="searchKeyword" name="q" size="12" onfocus="if (this.value == ' Keyword(s)') this.value = '';" onblur="if (this.value == '') this.value = ' Keyword(s)';" value=" Keyword(s)" />
<input type="submit" class="submit" id="submit" value="Search" />
</div>
</form>
</div>
</div>

<div id="calender">
<ul>
<li class="prev_month"><a href="<%prev_month_link>" title="「<%prev_year>年<%prev_month>月」を表示する"><%prev_year>&nbsp;.&nbsp;<%prev_month>&nbsp;&laquo;</a></li>
<!--calender2-->
<li><%days></li>
<!--/calender2-->
<li class="next_month"><a href="<%next_month_link>" title="「<%next_year>年<%next_month>月」を表示する">&raquo;&nbsp;<%next_year>&nbsp;.&nbsp;<%next_month></a></li>
</ul>
</div>

<div id="navigation_area">
<ul id="navigation_manu">
<li><a href="<%url>">Home</a></li>
<li><a href="<%url>archives.html">All Archives</a></li>
<li><a href="<%server_url>control.php?mode=editor&process=new" target="_blank">New Entry</a></li>
<li><a href="<%server_url>control.php?mode=control&process=upload" target="_blank">Upload</a></li>
<li><a href="<%url>?xml">RSS</a></li>
<li><a href="<%url>?admin" target="_blank">Admin</a></li>
</ul>
</div>

<div class="topicpath">
<!--permanent_area-->
<!--topentry-->
<a href="<%url>" title="Home">Home</a>
&nbsp;>&nbsp;
<a href="<%topentry_category_link>"><%topentry_category></a>
&nbsp;>&nbsp;<%sub_title>
<!--/topentry-->
<!--/permanent_area-->
<!--category_area-->
<a href="<%url>" title="Home">Home</a>
&nbsp;>&nbsp;
<%sub_title>
<!--/category_area-->
<!--search_area-->
<a href="<%url>" title="Home">Home</a>
&nbsp;>&nbsp;
<%sub_title> の検索結果
<!--/search_area-->
<!--date_area-->
<a href="<%url>" title="Home">Home</a>
&nbsp;>&nbsp;
<%now_year>/<%now_month>
<!--/date_area-->
<!--edit_area-->
<a href="<%url>" title="Home">Home</a>
&nbsp;>&nbsp;
修正画面
<!--/edit_area-->
<!--tag_area-->
<a href="<%url>" title="Home">Home</a>
&nbsp;>&nbsp;
<%tag_word>
<!--/tag_area-->
<!--index_area-->
<a href="<%url>" title="Home">Home</a>
<!--/index_area-->

<!--not_tag_area-->
<!--not_index_area-->
<!--not_category_area-->
<!--not_search_area-->
<!--not_permanent_area-->
<!--not_date_area-->
|<a href="<%url>" title="Home">Home</a>|&nbsp;&nbsp;&nbsp;
<!--prevpage-->
<a href="<%prevpage_url>">&laquo;&nbsp;前のページ</a>
<!--/prevpage-->
現在のページ
<!--nextpage-->
<a href="<%nextpage_url>">次のページ&nbsp;&raquo;</a>
<!--/nextpage-->
<!--/not_date_area-->
<!--/not_permanent_area-->
<!--/not_search_area-->
<!--/not_category_area-->
<!--/not_index_area-->
<!--/not_tag_area-->
</div>

<div id="wrapper">       
<div id="main_box">
<!--index_area-->
<!--plugin_third-->
<div class="side_head">
<h3 class="side_title" style="text-align:<%plugin_third_talign>"><%plugin_third_title></h3>
</div>
<div class="main_text">
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description></p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2></p>
</div>
<div class="main_foot"></div>
<!--/plugin_third-->
<!--/index_area-->

<!--titlelist_area-->
<div class="main_head">
<h3 class="main_title">全記事タイトルリスト</h3>
</div>
<div class="main_text">
<ul>
<!--titlelist-->
<li>
<%titlelist_year>/<%titlelist_month>/<%titlelist_day><br />
<a href="<%titlelist_url>"><%titlelist_title></a>
&nbsp;|&nbsp;
<a href="<%titlelist_category_url>"><%titlelist_category></a><br />
└<%titlelist_body>...
</li>
<!--/titlelist-->
</ul>
</div>
<div class="main_foot">
<a href="#pagetop">↑PageTop</a>
</div>
<!--/titlelist_area-->

<!--topentry-->
<div class="main_head">
<h3 class="main_title">
<%topentry_year>/<%topentry_month>/<%topentry_day>
<br />
<a href="<%topentry_link>" title="「<%topentry_title>」の個別ページへ"><%topentry_title></a></h3>
</div>
<div class="main_start">
Category&nbsp;:&nbsp;
<a href="<%topentry_category_link>"><%topentry_category></a>
<br />
tag&nbsp;:&nbsp;
<!--tag_list-->
<a href="<%url>?tag=<%topentry_tag_list_parsename>" title="Blog内から <%topentry_tag_list_name> タグが付いた記事を検索"><%topentry_tag_list_name></a>
<!--/tag_list-->
</div>
<div class="main_text"><%topentry_body>
<br>
<!--more_link-->
<div class="entry_text">
<div id="varP<%topentry_no>">
<a href="" style="font-size: 20px"<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">-Read more-</a><br />
</div>
<div id="varXYZ<%topentry_no>" style="display: none"><%topentry_more><br />
<a href="#entry<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">-close-</a>
</div>
</div>
<!--/more_link-->
<!--more-->
<a name="more" id="more"></a><%topentry_more><!--/more-->
<!--community-->
<p>テーマ:<a href="<%topentry_thread_link>" title="<%topentry_thread_title>へのリンク"><%topentry_thread_title></a> - ジャンル:<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へのリンク"><%topentry_community_janrename></a></p>
<!--/community-->
</div>

<div class="main_foot">
<a href="<%topentry_link>">Permanent Link</a>
<!--allow_comment-->
<a href="<%topentry_link>#comment">Comment
[<%topentry_comment_num>]</a>
<!--/allow_comment-->
<!--deny_comment--><!--/deny_comment-->
<!--allow_tb-->
<a href="<%topentry_link>#trackback">Trackback
[<%topentry_tb_num>]</a>
<!--/allow_tb-->
<!--deny_tb--><!--/deny_tb-->
<a href="#pagetop">↑PageTop</a>
</div>
<!--/topentry-->

<!--comment_area-->
<div class="page_navigation">
<!--preventry-->
<a href="<%preventry_url>">&laquo;&nbsp;前の記事へ</a>
<!--/preventry-->
&nbsp;&nbsp;
<a href="<%url>">BLOG TOP</a>
&nbsp;&nbsp;
<!--nextentry-->
<a href="<%nextentry_url>">次の記事へ&nbsp;&raquo;</a>
<!--/nextentry-->
</div>

<a name="comment" id="comment"></a>
<div class="main_head">
<h3 class="main_title">コメント</h3>
</div>
<div class="main_text">
<!--comment-->
<div>
<b><%comment_title></b><br>
<%comment_body>
</div>
<div class="main_end">
<%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute>&nbsp;
<%comment_mail+name>&nbsp;
<%comment_url+str>&nbsp;
#<%comment_trip>&nbsp;
<a href="<%comment_edit_link>">編集</a>
</div>
<hr>
<!--/comment-->
</div>

<div class="main_foot">
<a href="#pagetop">↑PageTop</a>
</div>
<br>
<a name="comment_post"></a>
<div class="main_head">
<h3 class="main_title">この記事に対するコメントの投稿</h3></div>
<div class="main_text">
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<label for="name">Name</label><br>
<input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>"><br>
<label for="mail">Mail</label><br>
<input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>"><br>
<label for="url">URL</label><br>
<input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>"><br>
<label for="name">Subject</label><br>
<input id="subject" type="text" name="comment[title]" size="30"><br>
<label for="comment">Comment</label><br>
<script type="text/javascript" src="http://blog23.fc2.com/load.js"></script><br>
<textarea id="comment" cols="45" rows="8" name="comment[body]" onblur="if(this.value == '') this.value='Leave a comment';" onfocus="if(this.value == 'Leave a comment') this.value='';">Leave a comment</textarea><br>
<label for="pass">Pass</label><br>
<input id="pass" type="password" name="comment[pass]" size="20"><br>
<label for="himitu">Secret</label><br>
<input id="himitu" type="checkbox" name="comment[himitu]" value="内容は管理者のみ閲覧できます">
<label for="himitu">内容は管理者のみ閲覧できます</label><br>
<p>
<input type="submit" value="Post">
</p>
</form>
</div>

<div class="main_foot">
<a href="#pagetop">↑PageTop</a>
</div>
<!--/comment_area-->

<!--edit_area-->
<div class="main_head">
<h3 class="main_title">コメントの編集</h3>
</div>
<div class="main_text">
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit">
<input type="hidden" name="mode2" value="edited">
<input type="hidden" name="edit[rno]" value="<%eno>">
<label for="name">Name</label><br>
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"><br>
<label for="mail">Mail</label><br>
<input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"><br>
<label for="url">URL</label><br><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"><br>
<label for="name">Subject</label><br>
<input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>"><br>
<label for="comment">Comment</label><br>
<script type="text/javascript" src="http://blog23.fc2.com/load.js"></script><br>
<textarea id="comment" cols="45" rows="8" name="edit[body]"><%edit_body></textarea><br>
<label for="pass">Pass</label><br>
<input id="pass" type="password" name="edit[pass]" size="20"><br>
<label for="himitu">Secret</label><br>
<input id="himitu" type="checkbox" name="comment[himitu]" value="内容は管理者のみ閲覧できます">
<label for="himitu">内容は管理者のみ閲覧できます</label></dt>
</dl>
<p>
<input type="submit" value="修正">
<input type="submit" name="edit[delete]" value="削除">
</p>
</form>
</div>

<div class="main_foot">
<a href="#pagetop">↑PageTop</a>
</div>
<!--/edit_area-->

<div class="page_navigation">
<!--prevpage-->
<a href="<%prevpage_url>">&laquo;&nbsp;前のページ</a>
<!--/prevpage-->
&nbsp;&nbsp;
<a href="<%url>">BLOG TOP</a>
&nbsp;&nbsp;
<!--nextpage-->
<a href="<%nextpage_url>">次のページ&nbsp;&raquo;</a>
<!--/nextpage-->
</div>

<!--trackback_area-->
<a name="trackback"></a>
<div class="main_head">
<h3 class="main_title">この記事に対するトラックバック</h3>
</div>
<div class="main_text">トラックバックURL
<br>
<%trackback_url>
<br>
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a>

<!--trackback-->
<h3><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a></h3>
<%tb_excerpt>
<%tb_blog_name><%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute>
<!--/trackback-->
</div>

<div class="main_foot">
<a href="#pagetop">↑PageTop</a>
</div>
<!--/trackback_area-->
</div>

<!--plugin-->
<div id="left_box">   
<!--plugin_first-->
<div class="side_head"><div class="side_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
</div>
<div class="side_text">
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
</p>
<%plugin_first_content>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2>
</p></div>
<!--/plugin_first-->
</div>
</div>

<div id="right_box">
<!--plugin_second-->
<div class="side_head"><div class="side_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></div>
</div>
<div class="side_text">
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description>
</p>
<%plugin_second_content>
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description2>
</p>
</div>
<!--/plugin_second-->   
<!--/plugin-->
</div>

<div class="copyright">
<%ad>&nbsp;<%ad2>&nbsp;<br />
Design&nbsp;by&nbsp;
<a href="http://nakano66.blog66.fc2.com/" title="Diskenth" target="_blank">
<strong>Diskenth</strong>
</a><br />
Copyright&nbsp;&copy;&nbsp;
<strong><a href="<%url>"><%author_name></a></strong>
&nbsp;.All&nbsp;rights&nbsp;reserved.
</div>
</div>

</body>
</html>


















body {
     text-align: center;
     font-size: 12px;
     color: #FFFFFF;
     background-color: #000000;
     line-height: 1.8;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;}

a:link,a:visited {
     color: #FF0000;
     text-decoration: underline;}
a:hover {
     color: #33FFFF;
     text-decoration: none;}
a:active, a:focus {outline:none;}

.head {
     height: 430px;
     background-color: #000000;
     margin: 5px 0 0 0;
     background-image: http://error-clan.tk/stea1th.jpg;
     }
    
.blog_title {
     font-weight : bold;
     padding: 20px 0 0 15px;
     margin: 0;}
.blog_title a:link,.blog_title a:active,
.blog_title a:visited,.blog_title a:hover {
     font-size: 18px;
     color: #FFFFFF;
     text-decoration: none;}

.blog_subtitle {
     color: #adadad;
     font-size: 13px;  
     font-weight : normal;
     padding: 0 0 0 15px;
     margin: 0;}

#style_change {
     height: 40px;
     text-align: right;
     background-color: #000000;
     padding: 0 10px 0 0;}

#search_area {
     text-align: right;
     background-color: #000000;
     padding: 0 10px 0 0;}

input,textarea {
     color: #FFFFFF;
     font-family :メイリオ,Arial,sans-serif;
     border: 1px solid #666666;
     background-color: #000000;}

input:hover, textarea:hover {
     border: 1px solid #FFFFFF;}
input:focus,textarea:focus {
     border: 1px solid #FFFFFF;
     background-color: #000000;}

input.submit {
     color: #FFFFFF;
     font-weight: bold;
     border: 1px solid #060606;
     background-color: #060606;}

input.submit:hover {
     color: #000000;
     border: 1px solid #FFFFFF;
     background-color: #FFFFFF;}

div#search input.inputField {
     margin: 10px 0px 0px 10px;}

#calender {
     font-weight: bold;
     text-align: center;
     padding: 10px 0px 5px 0px;
     margin: 0;
     background-color: #000000;
     color: #FFFFFF;}

#calender a,#calender a:hover {
     padding: 0;
     color: #666666;
     text-decoration: none;}

#calender ul {
     font-size: 11px;
     list-style: none;
     margin: 0;
     padding: 0 4px;}
#calender li {
     display: inline;
     border: 1px border #000000;
     margin: 0;
     padding: 0 4px;}
.prev_month {margin-right: 8px;}
.next_month {margin-left: 8px;}

#navigation_area {
     text-align: left;
     height: 40px;
     margin: 0;
     background-color:#000000;}

ul#navigation_manu {
     margin: 0;
     padding: 0;
     line-height: 1;
     background-color:#000000;}

ul#navigation_manu li {
     margin: 0;
     padding: 0;
     float: left;
     width: 150px;
     list-style-type: none;
     font-size: 12px;}

ul#navigation_manu li a {
     padding: 7px 5px 7px 5px;
     border: none;
     border: 1px outset #111111;
     display: block;
     position: relative;
     color: #FFFFFF;
     text-align: center;
     text-decoration: none;
     background-color: #060606;}

ul#navigation_manu li a:hover {
     color: #FFFFFF;
     background-color: #000000;
     border: 1px outset #FFFFFF;}

ul#navigation_manu li.current a:link,
ul#navigation_manu li.current a:visited,
ul#navigation_manu li.current a:hover {
     border-right: none;
     color: #FFFFFF;
     background-color: #000000;}

ul#navigation_manu:after {
     height: 0;
     visibility: hidden;
     content: "";
     display: block;
     clear: both;}

div#all {
     width: 980px;
     margin-left: auto;
     margin-right: auto;
     text-align: left;}
div#wrapper {
     width: 669px;
     float: left;}

div#main_box {
     width: 540px;
     float: left;
     margin: 0 9px 0 0;
     overflow: hidden;}

.topicpath {
     color: #FFFFFF;
     font-size: 12px;
     height: 20px;
     background-color: #000000;
     text-align:left;
     margin:0px 0px 10px 0px;
     padding: 1px 20px 0 10px;}
.topicpath a {
     padding: 2px 5px 2px 5px;
     border: 1px outset #222222;
     color: #FFFFFF;
     background-color: #000000;
     text-decoration: none;}
.topicpath a:hover {
     padding: 2px 5px 2px 5px;
     border: 1px outset #FFFFFF;
     color: #FFFFFF;
     background-color: #000000;
     text-decoration: none;}

.main_head {
     color: #FFFFFF;
     font-size: 12px;
     height: 55px;
     background-color: #000000;
     border: 1px outset #090909;}
.main_head:hover {
     border: 1px outset #FFFFFF;}

.main_title {
     text-align: left;
     color: #FFFFFF;
     font-size: 12px;
     padding: 4px 20px 0 10px;
     margin: 0;}
.main_title a:link,.main_title a:visited,.main_title a hover {
     color: #FFFFFF;
     text-decoration: none;}

.main_start {
     line-height: 2.5;
     font-size: 12px;
     text-align: right;
     background-color: #060606;
     border-left: 1px outset #090909;
     border-right: 1px outset #090909;
     border-top: 1px outset #333333;
     border-bottom: 1px outset #333333;
     padding: 4px 10px 4px 0;}
.main_start a {
     padding: 2px 5px 2px 5px;
     border: 1px outset #222222;
     color: #FFFFFF;
     background-color: #060606;
     text-decoration: none;}
.main_start a:hover {
     padding: 2px 5px 2px 5px;
     border: 1px outset #FFFFFF;
     color: #FFFFFF;
     background-color: #000000;
     text-decoration: none;}

.main_text {
     background-color: #060606;
     border-left: 1px outset #090909;
     border-right: 1px outset #090909;
     font-size: 12px;
     padding: 10px 15px 15px 15px;
     line-height: 1.8;}
.main_text a:link,.main_text a:visited {
     color: #CCCCCC;
     text-decoration: underline;}
.main_text a:hover {
     color: #FFFFFF;
     text-decoration: none;}
.main_text a:active,.main_text a:focus {outline: none;}
.main_text img {margin: 5px 5px 0px 0px;}
.main_text ul {
     margin: 0 0 0 15px;
     padding: 0;
     line-height: 1.8;
     list-style-type: disc;
     list-style-position: outside;}

.more a {
     padding: 2px 5px 2px 5px;
     border: 1px outset #222222;
     color: #FFFFFF !important;
     background-color: #000000 !important;
     text-decoration: none !important;}
.more a:hover {
     padding: 2px 5px 2px 5px;
     border: 1px outset #FFFFFF;
     color: #FFFFFF !important;
     background-color: #000000 !important;
     text-decoration: none !important;}

.main_foot {
     font-size: 12px;
     margin: 0 0 15px 0;
     padding: 10px 10px 10px 0px;
     text-align: right;
     height: 25px;
     background-color: #000000;
     border: 1px outset #090909;}
.main_foot a {
     padding: 2px 5px 2px 5px;
     border: 1px outset #222222;
     color: #FFFFFF;
     background-color: #000000;
     text-decoration: none;}
.main_foot a:hover {
     padding: 2px 5px 2px 5px;
     border: 1px outset #FFFFFF;
     color: #FFFFFF;
     background-color: #000000;
     text-decoration: none;}

.page_navigation {
     margin: 10px 0 15px 0;
     text-align: center;}
.page_navigation a {
     padding: 5px;
     border: 1px outset #000000;
     color: #FFFFFF;
     background-color: #000000;
     text-decoration: none;}
.page_navigation a:hover {
     padding: 5px;
     border: 1px outset #FFFFFF;
     color: #FFFFFF;
     background-color: #000000;
     text-decoration: none;}

.copyright {
     clear: both;
     background-color: #000000;
     color: #FFFFFF;
     text-align: center;
     padding: 10px 40px 4px 40px;
     margin: 15px 0 10px 0;
     font-size: 11px;}

.copyright a:link,.copyright a:visited,.copyright a:hover {
     color: #FFFFFF;
     text-decoration: none;}
.copyright a:active,.copyright a:focus {outline: none;}

button,submit,select {
     font-size: 12px;
     line-height: 1.8;
     color: #FFFFFF;
     border-top: #FFFFFF 1px solid;
     border-bottom: #FFFFFF 1px solid;
     border-left: #FFFFFF 1px solid;
     border-right: #FFFFFF 1px solid;
     background: #000000;}

div#left_box{
     width : 200px;
     float : left;
     overflow : hidden;}
div#right_box{
     width : 230px;
     float : right;
     overflow : hidden;}

.side_head {
     background-color: #000000;
     height: 33px;
     border: 1px outset #090909;}
.side_head:hover {
     border: 1px outset #FFFFFF;}

.side_title {
     text-align: left;
     color: #FFFFFF;
     font-size: 12px;
     font-weight: bold;
     padding: 4px 20px 0 10px;
     margin: 0;}

.side_text {
     background-color: #060606;
     font-size: 12px;
     border-left: 1px outset #090909;
     border-right: 1px outset #090909;
     border-top: 1px outset #333333;
     border-bottom: 1px outset #333333;
     margin: 0 0 15px 0;
     padding: 2px 15px 15px 15px;
     line-height: 1.8;}

.side_text ul {
     margin: 0 0 0 15px;
     padding: 0;
     line-height: 1.8;
     list-style-type: disc;
     list-style-position: outside;}

にほんブログ村 PC家電ブログ 自作PCへ
にほんブログ村
ブログランキング参加しています♪
クリックご協力ください

コメントの投稿

非公開コメント

こんちゃ☆

CSSは詳しくないので、参考までに・・って感じですが


ワタシが弄っていてサイドバーが下に行っちゃう場合は

【横幅のpixel指定がおかしかったです。】

ワタシのBlogではメインが550で、サイドバーが170なんですが・・
その二つを足すと720がワタシのBlogの横幅になるわけですが

そこの数字が合ってなかったときにサイドバーが下にずれて
表示されるということがありましたね~

レイアウトの崩れ方がまるっきり一緒なんでもしかしたら
pixelの数字がおかしいんじゃないかと思いました。

Re: タイトルなし

Hide-Rocket さん
毎度コメントありです><
> こんちゃ☆
>
> CSSは詳しくないので、参考までに・・って感じですが
>
>
> ワタシが弄っていてサイドバーが下に行っちゃう場合は
>
> 【横幅のpixel指定がおかしかったです。】
>
> ワタシのBlogではメインが550で、サイドバーが170なんですが・・
> その二つを足すと720がワタシのBlogの横幅になるわけですが
>
> そこの数字が合ってなかったときにサイドバーが下にずれて
> 表示されるということがありましたね~
>
> レイアウトの崩れ方がまるっきり一緒なんでもしかしたら
> pixelの数字がおかしいんじゃないかと思いました。

書いとけばよかったと後で反省したのですが、いくら横幅を大きくさせても変化なし・・・
デフォが902pxだったのを1000pxにしても無理でしたorz
CSSに詳しい人に聞いても無理で・・・
とりあいずいまだ試行錯誤中です

そういえばボクもテンプレ変えたときに同様の症状になりました。
…どうやってなおしたんだったか( ̄∇ ̄;)

横幅を「可変」にしてみたらどうでしょう!?

自分はここ参考にしました。
http://10plate.blog44.fc2.com/
http://kumacrow.blog111.fc2.com/

div#all {
width: 980px;
margin-left: 220px;
margin-right: 220px;
text-align: left;}

にして、

div#left_box{
width : 220px;
float : left;
overflow : hidden;}
div#right_box{
width : 220px;
float : right;
overflow : hidden;}


ではどうですか!?

Re: タイトルなし

りくパパさん
ありがとうございます><

> div#all {
> width: 980px;
> margin-left: 220px;
> margin-right: 220px;
> text-align: left;}
>
> にして、
>
> div#left_box{
> width : 220px;
> float : left;
> overflow : hidden;}
> div#right_box{
> width : 220px;
> float : right;
> overflow : hidden;}
>
>
> ではどうですか!?
ちょっとプレビューを押したところすごいことになりましたw

プラグインが画面いっぱいに広がって・・・w
すごい悲惨な状態になっておりましたw

なんなんでしょうね本当に・・・
結構改造もしたのにまた一からとなると非常に厄介orz
また頑張ってみたいと思います;

だめでしたか…すみません( ̄∇ ̄;)
ただ、全体幅とサイドのカラムの幅の設定の絡みだと思うんですよね~。
お役に立てず、申し訳なしです。

Re: タイトルなし

りくパパさん
> だめでしたか…すみません( ̄∇ ̄;)
> ただ、全体幅とサイドのカラムの幅の設定の絡みだと思うんですよね~。
> お役に立てず、申し訳なしです。

いえいえ、とても参考になりました
URLもありがたかったです><
自分も幅という大体の予測はついているのですが、そこからどうしても進まず・・・
また原因調査したいと思います
プロフィール

-Stea1th

Author:-Stea1th
-SuddenAttack-
Name…-Stea1th
階級…大尉3
kd…50
Clan…

MainWeapon…AK,TRG
SubWeapon…D.Eagle
Knife…Axe,Gurkha

自作PCランキング参加中!
クリックされることによってStea1thの頑張り度合いが変わります
にほんブログ村 PC家電ブログ 自作PCへ
にほんブログ村 1日1回クリックお願いします
かうんたー
リンク
conecoレビュー
最新コメント
月別アーカイブ
RSSリンクの表示
最新記事
リンク先更新情報

今すぐブログを作ろう!

Powered By FC2ブログ

skype
カテゴリ
検索フォーム
coneco.net
-PC SPEC-
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。