[pear_error: message="Success" code=0 mode=return level=notice prefix="" info=""] ブログカスタマイズのブログ記事をまとめ読み! 全421件の36ページ目 | JUGEMブログ

ブログカスタマイズ
  • JUGEMテーマ

ブログテーマ

ユーザーテーマ

ブログカスタマイズ

このテーマに投稿された記事:421件 | このテーマのURL:https://jugem.jp/theme/c228/2248/
ブログカスタマイズ
このテーマについて
ブログのカスタマイズについての話をお寄せください。
おススメのブログパーツやアクセサリのお話や、カスタマイズの成功/失敗談などもOKです。
このテーマの作成者
作者のブログへ:「dmyx2dgamer」さんのブログ
その他のテーマ:「dmyx2dgamer」さんが作成したテーマ一覧(23件)
このテーマで記事を投稿する
このテーマに投稿された記事
rss

< 31  32  33  34  35  36  37  38  39  40  41 >

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

このテーマに記事を投稿する"

< 31  32  33  34  35  36  37  38  39  40  41 >

全421件中 351 - 360 件表示 (36/43 ページ)

[PR] レンタルサーバー heteml [ヘテムル]
あなたのクリエイティブを刺激する、
200.71GBの大容量と便利な高機能!