コミックスタイルのReddit
こんにちはみんな、私の前の記事のフォローアップとして、ほぼ1年前には、この驚くべきウェブ側の漫画のスタイル(それは少し時代遅れのBTW)私はちょうどRedditで試した.
もう一度、私はちょうどCSSまたはフロントエンドの人です
そして、再び彼らのセレクターとCSSクラスがこのように見えるので、Reddit CSSは非常にすぐに壊れます
それでも私はそれを楽しむことができるまで.
私はRedditの上に追加のCSSを適用するためにクロムのための拡張スタイラスを使用しました.デフォルトCSS .
私が書いたCSSはこちら
https://gist.github.com/gochev/eccfab4b9038ff460a3eb1f9ca49c5b3
それを適用した後、Redditは小さなビューでこのようになります.
このように
記事の表示は次のようになります.
私はちょうどredditは古いものはとても醜いので、新しいスタイルを作ることを願っています.LinkedInさえ今日から更新されたスタイルを持ちました..それは時間です.
私は誰かがそれを改善し、実際にそれを改善することを願っています.
たった今、2つの重要なビットだけがあります.一つは一般的なボーダーズの変更です.
もう一度、私はちょうどCSSまたはフロントエンドの人です
そして、再び彼らのセレクターとCSSクラスがこのように見えるので、Reddit CSSは非常にすぐに壊れます
.Y4MkVr6trrdypfZVUkpIA, ._2vkeRJojnV7cb9pMlPHy7d
それで、私は、彼らがランダムに生成されるサーバー側であると思います、そして、彼らは時々変わります.それでも私はそれを楽しむことができるまで.
私はRedditの上に追加のCSSを適用するためにクロムのための拡張スタイラスを使用しました.デフォルトCSS .
私が書いたCSSはこちら
https://gist.github.com/gochev/eccfab4b9038ff460a3eb1f9ca49c5b3
それを適用した後、Redditは小さなビューでこのようになります.
このように
記事の表示は次のようになります.
私はちょうどredditは古いものはとても醜いので、新しいスタイルを作ることを願っています.LinkedInさえ今日から更新されたスタイルを持ちました..それは時間です.
私は誰かがそれを改善し、実際にそれを改善することを願っています.
たった今、2つの重要なビットだけがあります.一つは一般的なボーダーズの変更です.
border: solid black !important;
border-color: black !important;
border-width: 3px 4px 3px 5px !important;
border-radius: 30% 2% 162% 3%/9% 96% 2% 99% !important;
そして、もう一つの記事またはより多くの border: solid black;
border-color: black;
border-width: 3px 3px 5px 5px;
そしてもちろんタイトルフォントについて@font-face {
font-family: 'Bangers';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/bangers/v12/FeVQS0BTqb0h60ACH55Q2A.woff2) format('woff2');
}
h3{
font-family: Bangers !important;
font-size:22px;
}
まあそれは私はあなたがそれをお楽しみください.Reference
この問題について(コミックスタイルのReddit), 我々は、より多くの情報をここで見つけました https://dev.to/gochev/reddit-in-comics-style-3jkhテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol