安爺ニュース/newsリンク/ ニュース拾い読み/PC備忘録

theme.htmlを編集
< xoops >ロゴ・リンク設定部分を削除

<div id="header"><a id="PageTop" name="PageTop">&nbsp;</a>
<div id="logo">
<h1><a href="<{$xoops_url}>/"><{$xoops_sitename}></a></h1>
<p><{$xoops_slogan}>
</div>/p>

赤字部分を削除
-------------
削除
<div id="theme_breadcrumbs">
<a href="<{$xoops_url}>/">HOME</a>
<{foreach from=$xoops_breadcrumbs item="item"}>
&nbsp;&gt;&nbsp;
<{if $item.url}>
<a href="<{$item.url}>"><{$item.name}></a>
<{else}>
<{$item.name}>
<{/if}>
<{/foreach}>
</div>

--------------


--------------
style.cssを編集
Banner部分をコメント化 ・・・　/*　と　*/で囲む

４５１行目
/* #Banner {
position: absolute;
top: 20px;
width: 98%;
text-align: center;
}
#Banner a img {
margin: 0 auto;
}
*/

style.cssを編集
ページ表示幅を広くする。
６０行目
#header { // falcon21 PC・サーバー・OS・ネットワーク
width: 940px;　　　　　　　　　　---->　960px に修正
height: 190px; 　　　　　　　　 　----> 80px に修正
margin: 0 auto;
padding: 40px 0 0 0;
}

/* Header */

#logo { 　　　　　　　　　　　
width: 940px;　　　　　　　　　　
height: 80px;
margin: 0 auto;
padding-top: 20px;
}

 

77行目

#logo h1, #logo p { // 不断で挑む

margin: 0;

color: #FFFFFF;

}

１０６行目行目
#menu {
width: 940px;　　　　　　　　　　---->　960px に修正
margin: 0 auto;
padding: 0;
height: 50px;
background: url(images/img01.gif) no-repeat left top;
}

１５４行目
#page {
width: 940px;　　　　　　　　　　---->　960px に修正
margin: 0 auto;
padding: 0px;
}

３６５行目
#footer {
width: 940px;　　　　　　　　　　---->　960px に修正
height: 70px;
margin: 0 auto;
padding: 10px 0px 0px 0px;
color: #dcdcdc;
}

-----------------

メニューリンク編集 thema.html

        <div id="menu">                 <ul>                         <li class="current_page_item"><a href="<{$xoops_url}>/">Home</a></li>                         <li><a href="mojyules/pico/index.php">PCコンテンツ</a></li>                         <li><a href="#">Module2</a></li>                         <li><a href="#">Module3</a></li>                         <li><a href="#">Module4</a></li>

------------------

メニューリンク位置補正　stayle.css
margin 編集

107行目 #menu {         width: 960px;                            --->　960px に修正         margin: 0 auto;　　　　         padding: 0;         height: 50px;         background: url(images/img01.gif)  no-repeat left top; }

------------------

marginの種類

marginにはプロパティが用意されており、省略も可能です。

個別指定

• margin-top

• margin-bottom

• margin-left

• margin-right

marginの省略

• margin:0; (上下左右)

• margin: 0 0; (上下) (左右)

• margin:0 0 0; (上) (左右) (下)

• margin:0 0 0 0; (上) (右) (下) (左)