【CSS】タイトル画像をクリックでトップへ
アメブロのトップ画像をクリックすると、ブログの始めに飛ぶCSSです。
アメブロ向上企画書様 や さえらちゃんのブログでも紹介されていました。
CSSの最後に以下を追記してください。
#header h1,
#header h2{
margin:0;
padding:0;
text-indent:-9999px;
}
#header h1 a{
display: block;
width: 800px;/*画像の横*/
height:300px;/*画像の縦*/
}
/* タイトル画像の配置 */
/* 画像によっては */
/* height:300px;画像の縦 */
/* background-repeat:repeat-x; */
/* background-position:center; */
/* ↓ の指定も必要になります ↓ */
#header {
background-image: url(画像のURL);
background-repeat:no-repeat;
}
画像のURLとは、アップロードした画像の http://・・・ という部分です。
ハピ子![]()
プロフィール欄 表示項目を消す
サイドバーのプロフィール欄下の表示項目を消すCSSです。
ニックネーム・誕生日・血液型は残して、それ以外の
ブログジャンル・ブログの作成編集・ピグを始める などを消します。
参考にしたのはこちらのサイト です。
以下の文章をCSSの一番最後につけてください。
/*プロフィール下諸々 消す ここから*/
/*アメンバーになるを消す */
#amemberProfArea li#amemberProf3{
display:none;
}
/* メッセージを送る を消す */
#amemberProfArea li.menuMsg{
display:none;
}
/* プレゼントを贈る を消す */
#amemberProfArea li.menuPresent{
display:none;
}
/* [記事作成・編集]を消す・・・*/
#profile .link_blog{
display:none;
}
/*プロフィール画像を中央に*/
#new_profile li.image{
text-align:center;
}
/* [ルームを見る|なうを見る]を消す */
#profile .profLink a{
width:0px;
height:0px;
display:none;
overflow:hidden;
outline:none;
}
#profile .profLink {
width:0px;
height:0px;
text-indent:-9999px;
font-size:0px;
color:#ffffff;/*背景の色に合わせる*/
}
/* ブログジャンルを消す・・・*/
#profile li.genre{
display:none;
}
/* 自分そっくりピグ作った?を消す */
#profile .adlantiss{
display:none !important;
}
/*プロフィール下諸々 消す ここまで*/
ニックネームは残してあります。
すっきりしましたね☆
ハピ子![]()
アーカイブ・ブログテーマをプルダウン表示にする
※備忘録
なーんだ。めっちゃ簡単やん。
アーカイブやブログテーマを一覧表示からプルダウン表示に変更するには。
マイページ → サイドバーの基本設定 → 各項目の表示方法をリンク表示からプルダウン表示に変更 → 保存
CSSの勉強ばかりしていたから、これもCSSをいじるのかと思っていた。
基本中の基本、アメブロの設定だったとは。
一時間悩んだ是。
解決解決♪
ハピ子![]()
すぐ捨てる
ブログネタ:何でも溜める? すぐ捨てる? あなたはどっち?
参加中悪い思い出
ブログネタ:過去の恋愛はいい思い出?勉強?
参加中反省は・・・しなければなりませんね。うふw
恋愛に関して最近思うこと。
恋愛と呼べる恋愛をしてこなかった。
ただ「恋に恋していた」だけだった。
その人を見ずに、恋している状況や、好きだといってくれる人からの反応を見ていた。
今までの恋愛の全てがそうだったかはわからない。
愛されていることに毎日感謝をする。
想像&妄想でしんみりしたことを書いちゃった。