MCATAKCIN
(MCATAKCIN)
1
2ヶ月前、Xenforoを使用していて、もう十分だと思いました。
Discourse は私に大きな興奮を与えてくれました。Reddit風のテーマにどれだけ夢中になったか、言葉では言い表せません。探していた愛を見つけたと思ったのです。
しかし、私はあまりプロフェッショナルではなく、1ヶ月間望んでいた変更をすることができませんでした。
この3カラムのテーマをTwitterのように見せたいのです(Twitterからメンバーを獲得しているため)。そのため、中央の3カラムは等間隔に配置する必要があります。実際には、ナローデザインについて話しています。
私のコミュニティは https://hayp.net/ にあり、中央の3カラムをレスポンシブにするにはどうすればよいでしょうか?アドバイスをいただけると嬉しいです。ありがとうございます!
「いいね!」 5
現在あなたのサイトを見ていると、3つのカラムはレスポンシブです。
しかし、ウィンドウを狭くしたときに3つのカラムがその場で縮小するようにしたい場合(もちろんモバイル以外)、以下を試すことができます。
/* 3つのカラムを保持するコンテナ */
#main-outlet-wrapper {
display: flex;
justify-content: space-between;
gap: 20px; /* 必要に応じてカラム間のスペースを調整 */
}
/* 各カラム */
.sidebar-wrapper,
#main-outlet,
.custom-right-sidebar {
flex: 1;
padding: 10px;
background-color: #f4f4f4; /* 見やすさのために明るい背景 */
border: 1px solid #ddd; /* オプションの境界線 */
box-sizing: border-box; /* パディングが幅に含まれるようにする */
}
@media (max-width: 768px) {
/* 小さい画面ではカラムを積み重ねる */
#main-outlet-wrapper {
flex-direction: column;
}
}
「いいね!」 7
MCATAKCIN
(MCATAKCIN)
3
起こったと思います!しかし、トピック内のデザインは少し面白かったです。そこには2つの列があるからかもしれません。

ご協力ありがとうございました。
「いいね!」 3
ludwikc
(Ludwik C. Siadlak)
4
WOW、素晴らしいですね @MCATAKCIN !
テーマギャラリーに投稿することを検討しましたか?
「いいね!」 3
MCATAKCIN
(MCATAKCIN)
5
さらにカスタマイズを続けます。
これが現在のホームページの外観です。
こちらがトピックページの見た目です。
トピックページを希望通りにすることができませんでした。reddit風のテーマでは、カスタム右サイドバーがトピックに表示されません。Twitterのように表示するにはどうすればよいですか? @awesomerobot
このテーマはreddit向けに作られていますが、Twitter向けにカスタマイズするのは非常に簡単です!
「いいね!」 3
system
(system)
クローズされました:
7
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.