無料CSSテンプレート(随時更新中)

英語から翻訳

Free CSS Templates (Constantly being updated)

76

85

更新情報 これを読んでください。

最近、私のCSSをクレジットなしで使っている人を何人か見かけました。私は対決事になると根性なしのクソ野郎なんですが、最近ある人にそれについて聞いたところ、その人は単に私がすでにクレジットを入れていると思い込んでいた、と説明してくれました。そうしない理由はいくつかあるんですが、とにかく、これからはコードのどこかに私のCSSクレジットを入れておくので、あなたが入れる必要はありません。でも、もしあなたが私のCSSを使っていてクレジット表記がないのを見つけたら——rentryのレイアウトでそうするように伝えているのだから本来は入れるべきなのですが——その場合は通報しますので、あなたはCSSを使えなくなります。はい、これはJ.aiの実際のルールです。とにかく、もし私のCSSを使っているならプロフィールにちょっと行って、クレジットを入れているか確認する時間を取ってください。クレジットを入れてくれた皆さん、ありがとう、愛してるよ<3

注:CSS 8より前のものにはクレジットが組み込まれていません。




そこのあなた!そう、あなたです!!
プロフィールをおしゃれにしたい、あるいは新しいCSSを試したり仕組みを学んだりするのが好きな、janitor AIのボットクリエイター/ユーザーのあなたですか?

それならこのボットをチェックしてみてください。ここで私のCSSテンプレートを全部共有していて、あなたがこれを読んでいる今もおそらく新しいのを追加するために更新しているはずです!! :3



FAQ(続ける前に読んでください、特にCSSとHTMLの知識が限られている方は。)



Q:「CSSって何?」

A: CSS(Cascading Style Sheets)は、ウェブサイトの見た目を変えるために使われるコーディング言語です。色、フォント、背景、枠線、レイアウト、アニメーションなどを制御します。


Q:「HTMLって何?」

A:HTML(HyperText Markup Language)は、ウェブページ上のコンテンツを構造化するために使われます。JanitorAIのプロフィールでは、対応している場所でHTMLを使ってカスタムセクション、リンク、情報ボックス、ドロップダウンメニューを作成できます。


Q:「CSSとHTMLの違いは?」

A:HTMLは構造とコンテンツを作り、CSSはその見た目を制御します。私のテンプレートのほとんどは、完全なプロフィールデザインを作るために両方を使っています。


Q:「あなたのテンプレートを使うのにコーディング経験は必要?」


A:いいえ!私のテンプレートは初心者に優しいように設計されています。どれも、どこをカスタマイズできるか、どこに情報を入れるかを説明するコメントが含まれています。


Q:「あなたのテンプレートを編集してもいい?」

A:もちろん!色、フォント、画像、テキスト、その他のデザイン要素を好みに合わせて変更して構いません。


Q:「CSSテンプレートはどうやってインストールするの?」


A:少し下に手順の画像があります♡♡♡


Q:「2つの違うテンプレートを組み合わせてもいい?」

A:できますが、CSSを理解していない限りおすすめしません。違うテンプレートには、レイアウトを壊す可能性のある競合するコードが含まれていることがあります。


Q:「色はどうやって変えるの?」

A:CSSの中の#FFFFFFや#1E1E1Eといった色の値を探してください。それをお好みのHEXカラーコードに置き換えてください。


Q:「画像はどうやって変えるの?」

A:コードの中の画像URLを探して、自分の画像への直接リンクに置き換えてください。直接画像リンクをサポートするImgurなどの画像ホスティングサービスを使うのをおすすめします。


Q:「いらないセクションは削除してもいい?」

A:はい、ただしHTML要素を削除するときは注意してください。間違った開始タグや終了タグを削除すると、プロフィールの他の部分が壊れることがあります。


Q:「これらのテンプレートはモバイルで使える?」

A:私のテンプレートのほとんどはデスクトップとモバイルの両方で動作するように設計されています。ただし、一部の機能は画面サイズによって表示が異なる場合があります。



トラブルシューティング


Q:「CSSが動かないのはなぜ?」

A:括弧の欠落、コードの競合、HTMLの誤り、JanitorAIのサイトの変更など、いくつかの理由が考えられます。テンプレート全体をコピーしたか再確認し、それでも問題が続く場合は私に連絡してください。


Q:「画像が表示されないのはなぜ?」

A:画像ホスティングのウェブページへのリンクではなく、直接画像URLを使っているか確認してください。また、画像が削除されていないか、非公開になっていないかも確認してください。


Q:「プロフィールがプレビューと違って見えるのはなぜ?」

A:画面サイズ、ブラウザ、既存のCSS、あるいはJanitorAIの変更がテンプレートの表示に影響する場合があります。


Q:「モバイルでプロフィールが壊れているのはなぜ?」

A:一部のCSSプロパティは小さい画面で異なる動作をします。特定のレイアウトにはモバイル向けの追加調整が必要な場合があります。


Q:「ドロップダウンがちゃんと開かないのはなぜ?」

A:HTMLの構造が正しく、すべての開始タグに対応する終了タグがあるか確認してください。競合するCSSもドロップダウンの動作に影響することがあります。


Q:「JanitorAIのアップデートでテンプレートが壊れたらどうすればいい?」

A:サイトのアップデートで、テンプレートが依存しているクラスや要素が変わる場合があります。一部のテンプレートは新しいバージョンで動くように更新が必要かもしれません。私に知らせてくれれば、できるだけ早く修正を試みます。


Q:「テンプレートの修正を手伝ってくれる?」

A:もちろんです!困ったことがあれば、決して恐れずにDiscordで私に連絡してください@sandy_bear_my_baby10、一緒に解決しましょう♡



使用とクレジット


Q:クレジットは必ず入れないといけない?

A:rentryのコードでクレジットを入れるよう求めている場合は、あなたのページにクレジットを入れてください。誰にも見えないボックスに私の名前を入れるだけでも構いませんが、元のコードを自分のものだと主張しないでください。


Q:あなたのテンプレートを再配布してもいい?

A:私のテンプレートを再投稿、再配布、または自分のものとしてアップロードしないでください。代わりに、元のテンプレートや私のプロフィールへのリンクを人々に教えてください。

Q:「CSSテンプレートはどうやってインストールするの?」
↓

多くの人は設定の「About me」セクションにCSSをインストールするよう勧めるかもしれませんが、私のコードはすべてこの方法でインストールしても動くようにできていて、何を編集しているかも見えます♡

About meセクションにインストールして、rentryコードに示されている画像と違って見える場合は、まず私が指示する方法でインストールしてみて、それからすべてのコードをコピーしたか確認してください。それでも動かなければ、連絡してください。

CSS ONE:ベーシックなモノクロ、グレー、2つのバナー、4つのドロップダウン、複数のリンク、そしてお気に入りのクリエイターや友達用のボックス(そう変えたいなら)。私の最もベーシックなCSSで、シンプルなものが欲しい人やCSS/HTMLの経験が少ない人に最適です。

画像はrentry.coに含まれていて、より詳しい機能説明と制限がある場合の説明も載っています = https://rentry.co/kashvault-css

CSS TWO:Kuromiとゴシック風のプロフィールテーマで、暗いグレーの背景、ダスティピンクとモーヴのアクセントが特徴。より複雑でかわいいものを求める人に最適です。

画像はrentry.coに含まれていて、より詳しい機能説明と制限がある場合の説明も載っています = https://rentry.co/Kashvault-css2

CSS THREE:マッチングアプリ風のプロフィールで、暗いベースカラーにピンクと赤の輪郭。かっこよく見え、基本的なCSSの知識がある人により合っています。

画像はrentry.coに含まれていて、より詳しい機能説明と制限がある場合の説明も載っています = https://rentry.co/kashvault-css3

CSS FOUR:ミリタリー/SAS風で、ダーク/アーミーグリーン、ドロップダウン、リンク。複雑に見えるけど実はとてもベーシックで変更が簡単なものを求める人に最適です。

画像はrentry.coに含まれていて、より詳しい機能説明と制限がある場合の説明も載っています = https://rentry.co/kashvault-CSS4

CSS FIVE:デスクトップ向けのかわいくてシンプルなテーマで、現在は白と黒のモノクロ。私の他のテンプレートより複雑でコードも多めです。

画像はrentry.coに含まれていて、より詳しい機能説明と制限がある場合の説明も載っています = https://rentry.co/Kashvault-CSS5

CSS SIX:デスクトップ向けの「Corn」Hub風テーマで、定番の黒とオレンジの配色が特徴。大胆で遊び心があり、私のシンプルなテンプレートより細かく、カスタムレイアウトと編集可能な機能がたくさんあります。私的にたぶん一番複雑なCSSです。

画像はrentry.coに含まれていて、より詳しい機能説明と制限がある場合の説明も載っています = https://rentry.co/KashVault-CSS6

CSS SEVEN:ベーシックなボットカードで、ボットの説明を表示し、ホバーするとタグを表示。モノクロでベーシック、色を変えるのも簡単です。

画像はrentry.coに含まれていて、より詳しい機能説明と制限がある場合の説明も載っています = https://rentry.co/kashvault-CSS7

CSS EIGHT:ビーチをテーマにした、シーフォームグリーンと白のJanitor AIレイアウトで、カスタマイズ可能なリンク、ドロップダウン、キャラクターカード、海の装飾、モバイル対応のスタイリングが特徴です。

画像はrentry.coに含まれています = https://rentry.co/Kashvault-CSS8

CSS NINE:裏返るベーシックな空のボットカードで、全体画像を表示し、ホバーするとボットの自己紹介とタグを表示。デスクトップとモバイルの両方で動きます。

今回は画像はrentry.coに含まれていません = https://rentry.co/Kashvault-css09

覚えておいてください:私は学生です。
私はウェブ開発者ではなく、人間です。

どうか覚えておいてください、私がやることすべてが完璧なわけではなく、もしミスをしたら優しく訂正してください。

Discordサーバーリンク


作成済み Oct 7

更新済み Oct 30

公開済み Oct 9

公開チャット