サイトデザインについて。

551 views
  1. コメントする
  2. 記事検索
  3. 更新

0
coco SH-05F 2018/01/18 20:44
テンプレート配布されていたものなのですがnanoさんではこのように表示されるのですが
http://nanos.jp/okaer/

こちらでは
https://alicex.jp/Oker/
こんな感じになってしまいます。

どこを直したら良いでしょうか?
お手数おかけしますが、どうぞ宜しくお願い致します。

残り999件書き込み可

1
しち Firefox 2018/01/19 02:17
#スマホでバーガーメニューが表示されない
→navに関するスタイルシートが挿入されていませんでした。
PCからアクセスすると問題無く全文入っているようなのに、スマホからアクセスするとclear以降のスタイルシートがありません。
多分端末別振り分けタグもそのままコピペされているんだと思います。

>><pc></pc>
↑このタグを、<nomb></nomb>に書き換えてください。
ナノさんだとこのタグは『PCとスマホのみ表示』なのですが、ALICE+さんだと『パソコンのみ表示』です。故に、スマホからアクセスするとこの振分タグ内のテキストは非表示になります。→そしてデザイン崩れへ
<nomb>PCとスマホのみ表示</nomb>に書き換えれば解決するかと。

【HEAD】

/*-----------------------
section
------------------------*/
…中略…
.clear p {
margin:0;
}
#<pc>←多分このへんにこれがあるのでnombに書き換え
/*-----------------------
clear
------------------------*/
.clear {
zoom: 1;
}
…中略…
/*-----------------------
nav
------------------------*/
…中略…
/*-----------------------
button
------------------------*/
…中略…
/* ウィンドウ幅640px以下の指定 */ }

#</pc>←多分この辺にあるので /nomb に書き換え

</style>

#<pc>←多分ここにもあるので nomb に書き換え

<!--[if IE]>
<style type="text/css">

#nav {
width:100%;
}

</style>
<![endif]-->


<script type="text/javascript">
<!--
function toggle(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>
#</pc>←多分この辺にあるのでこれも /nomb に書き換え

です。
振分タグの挿入位置は推測なので、すみませんが探してください。
ナノさんとALICE+さんの振分タグは、同じ表記だけど影響範囲が異なるものがあるので、他にも振分タグがあったら確認してみてください。
なお端末別表示のタグは、【トップデザイン編集】などのページ下部に並んでいます。

>><nomb>PCとスマホのみ表示</nomb>
……ナノさんだと<pc>PC・スマホ</pc>
>><mobile>携帯のみ表示</mobile>
……ナノさんだと<nopc>携帯</nopc>
>><nopc>携帯とスマホのみ表示</nopc>
……ナノさんだと<mobile>携帯・スマホ</mobile>
>><pc>PCのみ表示</pc>
……ナノさんだと<pc_only>PC</pc_only>

ややこしいのは特にここかなと思います。

#背景やリンクの文字色が違う
→ナノさんでは
<body bgcolor="#f5f5f5" text="#444444" link="#444444" vlink="#444444" alink="#cccccc">
という形で指定されてますね。
同じ事をALICE+さんでする場合は、【配色の設定】を使います。

*『背景色』
 #f5f5f5
*『文字色』『リンク色』『既読リンク色』
 #444444
*『選択リンク色』
 #cccccc

いずれの項目も『色コードで指定済』を選択して、以上のカラーコードを入力してください。
(余談)本来このbgcolorとかなんとかはもう廃止された属性なので基本的には非推奨なのですが、このテンプレ制作者さんは“ガラケー向けに”あえてこっちで指定しているようなので……。気になるようならスタイルシートでも body と a に指定すると良いです。(※廃止されたといっても、今のところは普通に機能します)

取り急ぎ、気付いた部分だけ……
1ページ中1ページ目

関連スレッド

関連スレッド



Back to Top