- JUGEM を楽しむ
-
- 投稿する・みんなとつながる
- ブログテーマ
- ブログのお題
- その他のコンテンツ
- 芸能人・有名人のブログ
- スペシャルインタビュー
- JUGEM を楽しむ 一覧
ブログカスタマイズ
このテーマに投稿された記事：421件 | このテーマのURL:https://jugem.jp/theme/c228/2248/
-
ブログのカスタマイズについての話をお寄せください。
おススメのブログパーツやアクセサリのお話や、カスタマイズの成功／失敗談などもOKです。 
-
作者のブログへ：「dmyx2dgamer」さんのブログ
その他のテーマ：「dmyx2dgamer」さんが作成したテーマ一覧(23件)
ListMeボタンのプルダウン化
blog*citron様を参考にさせてもらいました。 BlogPeople BlogPeopleTags はてなアンテナ はてなRSS はてなブックマーク Bloglines MyYahoo!RSS DrecomRSS ?下記の★ブログのURL★★サイト名★★RSSのURL★をそれぞれ自分のサイトに合わせたものに書き換え、html内に追加します。 <!--ListMe_start--> <form action="./" name="topic" id="topic"> <select name="list" size="1" class="listme"> <option value="javascri...
My First JUGEM! | 2009.01.28 Wed 04:16
BlogPeopleのカスタマイズ
blog*citron様を参考にさせてもらいました。 Blog Peopleのリストをカスタマイズしましょう。やり方はとっても簡単♪ 下記のCSS（スタイルシート）を追加するのみです。 /* BPList - LIST ICON TYPE */ div.blogpeople-main p { margin:5px 0; } div.blogpeople-main p a { padding:0 0 0 15px; /* アイコン幅に合わせて変更 */ background:url(アイコン画像のURL) no-repeat left center; } span.blogpeople-linklist { display:block; padding:0 0 0 5px; color:#66b4a8; font-weight...
My First JUGEM! | 2009.01.28 Wed 04:15
サイドをスクロール化
DEAR DAYS 別冊様を参考にさせてもらいました。 ?スクロールしたいclassのCSS（スタイルシート）以下を追加します。 overflow: auto; height: 145px; ←スクロールの長さ ?サイドメニューのすべてがdiv class="linktext"で囲まれてる場合、 青字部分（?）を追加するとすべてのサイドメニューにスクロールバーが付きます。 .linktext { font-size: 10px; line-height: 150%; margin: 1px 10px 5px 10px; padding: 1px 10px 0px 10px; overflow: auto; height: 145px;} ?一部分のみスクロールさせたい...
My First JUGEM! | 2009.01.28 Wed 04:15
カテゴリーリストのツリー化
stroll::blog様からスクリプトをお借りしました。 ?カテゴリーリストを出力する独自タグ{category_list}をdivタグなどで囲み、id="categorylist"を追加します。 <div id="categorylist">{category_list}</div> ?以下のスクリプトを</body>の直前に追加します。 <script type="text/javascript"> <!-- function makeTreeElements (idName,objList) { if (!objList.innerHTML) return; var objLink = objList.getElementsByTagName('a')[0...
My First JUGEM! | 2009.01.28 Wed 04:14
コメントのプレビュー表示
stroll::blog様からスクリプトをお借りしました。 ?コメントを入力する場所（textareaタグ）を探します。 ※この中にid属性が無い場合は、id="description"と追加してください。<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:300px;"></textarea> ?下記をtextarea内に追加してください。 onkeyup="doCommentPreview()" onblur="doCommentPreview()" ?ここまでで以下のよ...
My First JUGEM! | 2009.01.28 Wed 04:14
コメントに絵文字機能
stroll::blog様からスクリプトをお借りしました。 コメント入力欄に絵文字入力機能を追加するスクリプトです。 HTMLが編集可能なBLOGであれば、すべてのBLOGで設置可能なはずです。 ?画像の準備 ダウンロードした画像をサーバーへアップロードします。 （ちなみに･･･当サイトはニョキおぺさんとPePPeRさんからお借りしました） ?下記のスクリプトで画像の設定を行います。 メモ帳などのテキストエディタで、下記スクリプトを編集しましょう。 <script type="text/javascript"> <!--// コメン...
My First JUGEM! | 2009.01.28 Wed 04:13
記事編集ページへのリンクを作成する
stroll::blog様からスクリプトをお借りしました。 ?以下のスクリプトを</head>の直前に追加します。 <script type="text/javascript"> <!-- // 記事の編集ページへのリンクを作成する Ver2.0 function makeEntryEditLink(entryPermalink) { // リンクの文字または、画像のタグ var linkTextOrImage = 'edit'; // リンクをクリックした再に、別ウィンドウを開くかどうか // 0：別ウインドウで開かない // 1：別ウインドウで開く var isNewWindow = 1; // ************** 設定ここま...
My First JUGEM! | 2009.01.28 Wed 04:12
コメント・トラックバックの文字のカスタマイズ
stroll::blog様からスクリプトをお借りしました。 各記事の最下部にあるコメント・トラックバックへのリンク文字は、通常「comments」 「trackbacks」と表示されています。この文字を任意の文字または画像に変更する スクリプトです。 ?html内の独自タグ{comment_num}{trackback_num}をそれぞれ 下記のようにspanタグで囲んでください。 <span class="comments_link">{comment_num}</span> <span class="trackbacks_link">{trackback_num...
My First JUGEM! | 2009.01.28 Wed 04:12
引用文のカスタマイズ
※これは私のカスタマイズメモです。 ↓このような引用文のカスタマイズです。やり方はとっても簡単♪ 引用文 これが引用文です♪よく見かけますよね〜 ?以下をCSS（スタイルシート）に追加します。 ※ほとんどの場合、元々blockquote要素が用意されていると思います。 blockquote { margin:5px 10px 5px 10px;←外側の余白 padding:10px;←内側の余白 font:10px Verdana;←フォントサイズと種類 color: #000000;←フォントの色 line-height: 170%;←行間 border: 1px solid #000000;←枠線の種類 backgr...
My First JUGEM! | 2009.01.28 Wed 04:11
記事内容の折りたたみ
JUGEMカスタマイズ講座様からスクリプトをお借りしました。 ?html内の「記事の内容」が書き出される部分が下記のようになっていることを 確認します。（divタグ内のclass属性がentry_bodyであるということ） <div class="entry_body"> {entry_description} </div> ?次に、CSS（スタイルシート）に下記を追加します。 .entry_body hr { display: none; } ?続いてhtml内の<!-- END entry -->の直後に以下のスクリプトを追加します。 <script type="text...
My First JUGEM! | 2009.01.28 Wed 04:10
全421件中 351 - 360 件表示 (36/43 ページ)
