- JUGEM を楽しむ
-
- 投稿する・みんなとつながる
- ブログテーマ
- ブログのお題
- その他のコンテンツ
- 芸能人・有名人のブログ
- スペシャルインタビュー
- JUGEM を楽しむ 一覧
テンプレート
このテーマに投稿された記事：598件 | このテーマのURL:https://jugem.jp/theme/c225/3843/
- JUGEM の テンプレートについて。
-
作者のブログへ：「yuai」さんのブログ
その他のテーマ：「yuai」さんが作成したテーマ一覧(22件)
ひと段落できました〜
JUGEMテーマ：テンプレート JUGEMは普段の使い勝手は悪くないんですが、いざカスタマイズをしようとすると独自タグの融通の利かなさに苦労させられますね。 カスタムテンプレートの雛形もあまり良い出来とはいえないです。 現状のこのサイトの状態もまだまだベストとはいえませんが、ここまでいじるだけでも一苦労でした。 勉強もかねていじれるだけいじりつつ、シンプルで見やすいページになるようにしたつもりです。 まだCSSで微調整が残っていますが、ひとまずは「つぶやくボタン」の実装や、サイトのCSSにあわせて改造した折...
ウサギが来たりて 法螺を吹く | 2010.03.12 Fri 01:32
JUGEMのバナーが表示される{powered}タグ
広告とコピーライトのタグの「JUGEMのバナーが表示される{powered}タグ」をはずすな危険！という文言が無かったのではずしてみた。 ・追記：どこのサイトをみてもはずれていないみたいなので、othersの中にこっそり復活させた。（小心者です。） ・追記：「nanapi」に影響を受けたので、ちまちまと過去記事を自分で編集しなおしてみます。 ・わたくしのnanapiへの投稿記事 就寝3時間前までに食事を終える「シンデレラダイエット」 JUGEMテーマ：テンプレート
ＪＵＧＥＭブログのテンプレートカスタマイズを勉強するブログ | 2010.03.10 Wed 20:59
３カラムのレイアウトを変形実験してみました
変形的な3カラムの実験に挑戦です。 ＞How to make 変形 ? いわゆる 『 ＜!-- left --＞ 〜 ＜!-- /left --＞ 』にメインのエントリーを移植し、『 ＜!-- main --＞ 〜 ＜!-- /main --＞ 』に左側のコンテンツを移植してみた。（もちろん！＜＞は本当は半角です。） ＞要するに、「左メインの右２カラム」というコトなのか（？） ･･･でＣＳＳのページレイアウトを「左」が４８０ｐｘ、「真ん中」が２１０ｐｘそして、「右」が１８０ｐｘとなるように調整したら、現在のようになりました！ ＞補足 ちゃんと...
ＪＵＧＥＭブログのテンプレートカスタマイズを勉強するブログ | 2010.03.10 Wed 20:52
ヘッダーの部分に枠をつけてみました
エントリー部分、サイド部分に引き続いて、ヘッダーの部分を枠で囲んでみました。 ＞How to make waku ? .header_waku { border: 1px solid #0099ff; background-color: #99ccFF; margin: 0px; padding: 5px 0px 5px 0px; height:130px; } ↑というのをＣＳＳの一番下にとりあえず設置します！ ※ 「background」はイメージ画像をurlで飛ばした方がかっこよい！とは思うのですが、ぴったりサイズ！の画像を用意する方法を同時に勉強するコトは大変！なので後回しにしました。 そして、HTMLのヘーダーのと...
ＪＵＧＥＭブログのテンプレートカスタマイズを勉強するブログ | 2010.03.10 Wed 12:46
デフォルトの状態を確認！
まずは、比較してみましょう。 BEFORE！ AFTER！ というわけです。（スキルが低いのでユーザビリティになってません！ゴメンナサイ。） ＞個人的な感想 結構シンプル！なモノがそこそこシンプル！に変化した！･･･と自分では思うのですが、いかに！ どーーーーーん！ ・追記：「nanapi」に影響を受けたので、ちまちまと過去記事を自分で編集しなおしてみます。 ・わたくしのnanapiへの投稿記事 就寝3時間前までに食事を終える「シンデレラダイエット」 JUGEMテーマ：テンプレート
ＪＵＧＥＭブログのテンプレートカスタマイズを勉強するブログ | 2010.03.10 Wed 00:21
ブログのサイドの部分に枠をつけてみました
エントリー部分に引き続いて、サイドの各コンテンツも枠で囲んでみました。理由は同様です。 ＞How to make waku ? .side_waku { border: 1px solid #0099ff; background-color: #ffffff; margin: 10px 0px 10px 0px; padding: 5px 5px 5px 5px; } ↑というのをＣＳＳの一番下にとりあえず設置！ そして、HTMLのエントリーのところに、赤く囲った部分の部分を追加してみた！ そして、コレも借り物です。 LINKSから notei様のサイトに行ってみてください！たくさんテンプレートのカスタマイズ...
ＪＵＧＥＭブログのテンプレートカスタマイズを勉強するブログ | 2010.03.09 Tue 23:47
ブログのエントリー部分に枠をつけてみました
デフォルトの設定ですと記事が「読みにくいっ」つーーのっ！ということで、枠で囲んでみました。 ＞How to make waku ? .entry_waku { border: 1px solid #0099ff; background-color: #ffffff; margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; overflow: hidden; word-break : break-all; } ↑というのをＣＳＳの一番下にとりあえず設置！ そして、HTMLのエントリーのところに、赤く囲った部分の部分を追加してみた！ ＞出典とか・・・ これは自分のメインのブログ『「スロー...
ＪＵＧＥＭブログのテンプレートカスタマイズを勉強するブログ | 2010.03.09 Tue 21:36
CSSで文字色を変えてみる！
ＣＳＳをいじってみた。といってもまだ、文字の色を変えてみただけなのですが･･･。 ＞基本的なコト ところで、ＣＳＳって何の略語なんだろう（？）と思い、『 ＩＴ用語辞典e-words』で調べてみました。 読み方 ： シーエスエス フルスペル ： Cascading Style Sheets CSSとは、Webページのレイアウトを定義する規格。 これまで、WebページのレイアウトはHTMLを用いて記述され、HTMLにはレイアウトに関する仕様が大量に取り込まれたが、これは、文書の論理構造を記述するという本来のHTMLの目的に反するため、文書...
ＪＵＧＥＭブログのテンプレートカスタマイズを勉強するブログ | 2010.03.09 Tue 20:58
記事の中に囲み記事を入れるスクリプト？
記事の中で引用したり、強調したりしたいときに囲み記事を入れたい！ので、そんなスクリプトをＨＴＭＬとＣＳＳに追加してみました。 How to? .shikaku{ border: 1px dotted #99CCFF ; padding: 5px 5px 5px 5px; background: #F0FFFF ; } ↑このスクリプト（どこかでいただいたモノなのですが、リンクがみつからないので、以後みつかり次第追記します！ 元ネタのヒトへ ごめんなさい！）をＣＳＳの一番下の部分にでも追加して更新する。 そして･･･、『＜div class="shikaku"＞ 内容 ＜/div＞』（実...
ＪＵＧＥＭブログのテンプレートカスタマイズを勉強するブログ | 2010.03.09 Tue 19:32
GMO共通ヘッダー{gmo_header_src}タグ
常々、自分で選んだり、カスタマイズしたりしたブログのテンプレートに「デフォルトのブログパーツ」が邪魔する！っていうのは、いかがなものか（？）と思っていたりします。 GMO共通ヘッダーって何？ GMO共通ヘッダーとは、GMOインターネットグループのブログサービスである、ヤプログ・AutoPageでも導入されている、便利な機能が利用できるブログパーツです。 詳細はコチラを見てくださいね なお、GMO共通ヘッダーの表示は強制ではございません。削除をご希望の場合、HTML編集フォームにて下記の独自タグを削除...
ＪＵＧＥＭブログのテンプレートカスタマイズを勉強するブログ | 2010.03.09 Tue 18:50
全598件中 361 - 370 件表示 (37/60 ページ)
