do | 創作・同人サイト制作支援サイト › フォーラム › テンプレート編集について › skin-profile 最初のページを記事欄にする方法ありますか?
- このトピックには5件の返信、1人の参加者があり、最後にほしのにより1週、 1日前に更新されました。
-
投稿者投稿
-
ほしのゲスト
いつもお世話になっております。
てがろぐを使うにあたり、skin-profileがとても素敵で
これを使いたいとスキン変えました。
設置してから思ったのは、#3797 の記事の方とほぼ同じ希望なのですが、
せめて最初に飛ぶページを記事欄にできないだろうか?と思いました。1:最初に飛ぶページを記事欄にする方法はありますか?
2:TOPに戻ると、そこまで重くない画像のはずが
絵が出てくるまでに時間がかかったり、タブが消えたりします。
この原因を和らげる方法はありますか?大変お手数ですがご教授頂けますと幸いです。
ガタガタキーマスタースキンのご利用ありがとうございます。
skin-cover.htmlの編集が必要になります。
・20行目あたり
<div class="tab is-active" id="tab-home">
を下記に変更。(is-activeの削除)
<div class="tab" id="tab-home">
・50行目あたり
<div class="tab" id="tab-posts">
を下記に変更。(is-activeの追加)
<div class="tab is-active" id="tab-posts">
・117行目あたり
<div class="mainarea panel is-show" id="panel-home">
を下記に変更。(is-showクラスの削除)
<div class="mainarea panel" id="panel-home">
・157行目あたり
<div class="mainarea panel" id="panel-posts">
を下記に変更。(is-showクラスの追加)
<div class="mainarea panel is-show" id="panel-posts">
これでご希望の動作はするようになりますが、
タブの順番を並べ替えて、ブログタブを最上部に移動させたい場合は
tabクラスのブロックと、panelクラスのブロックを同じ順番に並べ替える必要があります。具体的には、
is-activeクラス、およびis-showクラスを新たにつけたものを一番最初に配置します。19~62行目のtabクラスの順番を、
[[IF(mode-gallery): <div class="tab is-active" id="tab-gallery"> <span class="material-symbols-outlined"> palette </span> </div> :IF]] [[IF(grandhome): <div class="tab" id="tab-home"> (中略) </div> :IF]] [[IF(-grandhome): <a href="[[HOME:URL:FULL]]" class="linktab" id="tab-home"> (中略) </a> :IF]] [[IF(-mode-gallery): <a href="[[HOME:URL:FULL]]?mode=gallery&tab=gallery" class="linktab" id="tab-gallery"> (中略) </a> :IF]] [[IF(mode-gallery): <a href="[[HOME:URL:FULL]]?tab=posts" class="linktab" id="tab-posts"> (中略) </a> :IF]]
となるように配置し、119~259行目は、
[[IF(-mode-gallery): <!-- ====================== --> <!-- ▼メイン(ログ掲載)領域 --> <!-- ====================== --> <div class="mainarea panel is-show" id="panel-posts"> (中略) </div><!-- /.mainarea --> :IF]]
を、
[[IF(grandhome nofiltering): <div class="mainarea panel" id="panel-home"> (中略)
の前に来るように移動させます。
二重かっこ[[]]の記述はてがろぐ独自のタグですので、こちらももれなく移動させるようにしてください。skin-profileは特殊なつくりをしているスキンなので、他のスキンよりカスタマイズの難易度が高めです。
くれぐれも自己責任のもとで編集いただきますようお願いいたします。ほしのゲストガタガタさん
素早い対応有難うございます!
思い描いていた通りに設置できました、感謝申し上げます。★もう一点だけありました、すみません…;
画像を並べたら綺麗に一列に並んでしまうのですが
ずぽろぐや、skin-Twitterの様に画像を横3~4列くらいに並べることは可能でしょうか?それと同時に、試しに
「skin-cover.html」の/headerの下に
——–
<script type=”text/javascript”>
//右クリック禁止
document.oncontextmenu = function(){ return false; };
document.body.oncontextmenu = “return false;”//ドラッグ禁止
document.onselectstart = function(){ return false; };
document.onmousedown = function(){ return false; };
document.body.onselectstart = “return false;”
document.body.onmousedown = “return false;”
</script>
——-
↑当サイトのページに入れてみているこちらを追加してみた所、
右クリック禁止も同時に付与出来ました。昨今色々とあり画像を自サイトに上げていこうかと考えていた所でしたので
シンプルオシャレで素敵なスキンを有難うございます…!ほしのゲスト追記
右クリック&長押し禁止が良い感じに機能して少し対策になって良いなと思っておりましたら日記を書きこむ場所も反応しなくなり慌ててました。
投稿ボタンを押すとてがろぐさんの書きこみページに飛ぶので、書きこめないを回避することはできました。
なかなか難しいですね…><ガタガタキーマスター無事にカスタマイズができたようで良かったです。
画像の表示の件についてですが、
申し訳ありませんが私からは配布物の高度かつ需要のありそうなカスタマイズのサポートのみ対応させていただいております。
HTML/CSS編集で実現可能な部分と思われますので、ご自身でいろいろと試してみてください。
ずぼログのように並べたいのであれば、ずぼログのHTML/CSSを参考にされると実現しやすいかと思います。ほしのゲスト色々模索して楽しんでみます。
この度はご教授ありがとうございます、
今後とも素敵なプログラム応援しております。
また宜しくお願いいたします。
-
投稿者投稿