大変申し訳ございません･･･ネットの調子が激悪です･･･(TдT)ｱｳｱｳ | ☆ココロ開くまでアシ開かんやろ、やっぱ☆
Amebaホームピグアメブロ
芸能人ブログ人気ブログ
新規登録
ログイン

ブログ画像一覧を見る

このブログをフォローする

大変申し訳ございません･･･ネットの調子が激悪です･･･(TдT)ｱｳｱｳ

　　　　　　0402tyousi


今回はネタをさぼらしてもろぉて、意味分かってないまんま

なんとかイジってみた私のCSSを公開してみますわぁ(ﾉ´∀｀*)

ってほんま、意味分からんまんまヤッたから、説明もさぶいねんけど…

ちなみに変更したとこだけ色変えてみますね♪

あと、これはチョウチョのスキンの場合ですので微妙に違いがありまっせ♪


/*
-----------------------------------------------------
ameblo CSS Skin Settings
FileName: common.css
Version: 2005.03/24
Skin for: all_skin
-----------------------------------------------------
*/
select{
width:88%;
}
.page a{
text-align: center;
padding: 5px;
}
.page .now{
padding: 5px;
font-weight:bold;
}
.entry .contents{
line-height:150%;
}
.entry .contents img{
margin-right:5px;
margin-left: 5px;
}
#message .contents:after,
.entry .contents:after,
#profile .contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#message .contents,
.entry .contents,
#profile .contents
{display: inline-table;}
/* Hides from IE-mac \*/
* html #message .contents,
* html .entry .contents,
* html #profile .contents{height: 1%;}
#message .contents,
.entry .contents,
#profile .contents {display: block;}
/* End hide from IE-mac *//*
-----------------------------------------------------
ameblo ucs CSS Basic Settings
FileName: common.css
Version: 2005.03.24
Skin for: butterfly
-----------------------------------------------------
*/
/* ----------------------- common ----------------------- */
* {
margin: 0;
padding: 0;
}
body#mainIndex {
margin: 0;
padding: 0;
text-align: center;
}
#frame {
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#subFrame {
}
#wrap {
position: relative;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
img {
border: 0;
}
a {
color: #E93C67;←リンクの色を変えたいならココを変える（ちなみにカッコの中を空欄「a{　}」にしたらリンク色が青で既読リンクが紫になりまっせ♪）
}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: underline}
input,textarea{font-size:12px}
ul,ol,dl,li,dt,dd{
list-style-type:none;
}
#sub_a {
border-top: #666666 solid 4px;
padding-top: 10px;
}
#main {
border-top: #999999 solid 4px;
}
/* ----------------------- header ----------------------- */
#header{
filter: Glow(color=#ffffff,strength=20);←これでタイトルの文字の周りを装飾できる。他のパターン知りたい方はコチラ
display: block;
width: 800px;
height: 156px;
background:
url(http～ブログ右上の画像のURL);
background-repeat: no-repeat;←画像の繰り返し表示を禁止
background-position: right;}←画像の表示位置を右に指定（真ん中指定は「center」、←に指定は「left」）
#header h1 {
padding-left: 14px;
padding-top: 73px;
text-align: left;
}
#header h2{
padding-top: 0px;
padding-left: 14px;
padding-right: 14px;
text-align: left;
}
html,body {　　　　　　　　　　　　　　←スクロールバーの色変更（全部書き足し）
scrollbar-track-color: #ffffff;←バートラックの色
scrollbar-face-color: #ff0000;←バー表面の色
scrollbar-shadow-color: #ff0099;←外枠の右と下の内側の色
scrollbar-darkshadow-color: #ffffff;←外枠の右と下の外側の色
scrollbar-highlight-color: #ff0000;←外枠の左と上の内側の色
scrollbar-3dlight-color: #ffffff;←外枠の左と上の外側の色
scrollbar-arrow-color: #ffffff;←矢印の色
}
a:hover { background-color:#ffcccc}←リンクにカーソルを当てたときの背景色
/* ----------------------- footArea ----------------------- */
/* ----------------------- font-information ----------------------- */
body {
color: #666666;←書式が決まってないとこ全体の文字の色
font-size: 12px;←書式が決まってないとこ全体の文字サイズ
}
.list{
font-size:10px;
}
#header h1 {
font-size: 33px;←ブログタイトルの文字サイズ
font-weight: bold;←ブログタイトルの太字
line-height: 100%;
}
#header h1 a {
color: #ff0000;←ブログタイトルの色
}
#header h2 {
color: #ff0000;←ブログサブタイトルの色
font-size: 14px;←ブログサブタイトルの文字サイズ
font-weight: bold;←ブログサブタイトルの太字
line-height: 115%;
}
.menu_title {
font-size:12px;
font-weight: bold;
}
.mainMenu {
color: #666666;
font-size: 10px;
line-height: 130%;
}
#reader dd {
}
#calendar table {
color: #666666;
font-size:11px;
line-height:130%;
}
#calendar table a {
color: #CC0000;
}
#calendar .sun {
color:#FF0000;
}
#calendar .sat{
color:#0000CC;
}
#calendar td a {
color:#CC0000;
text-decoration: underline;
}
#ranking *{
font-size: 10px;
line-height: 140%;
}
#ranking h3 {
line-height: normal;
}
#ranking .rank_ttl{
font-weight:normal;
}
#ranking .rank {
font-weight: bold;
}
#ameblo{
font-size: 10px;
}
#ameblo p{
line-height: 125%;
}
#rss {
font-size: 12px;
}
#comment_module h3,
#trackback h3,
#reader_list h3,
#favorite_list h3,
#bookmark_list h3 {
font-size: 12px;
font-weight: bold;
}
.label {
font-weight: bold;
}
.entry{
font-size: 12px;
}
.entry .date {
font-size: 14px;
font-weight: bold;
}
.entry .contents p,
#message .contents p {
font-size: 12px;
line-height: 150%;
}
.entry .theme{
font-size: 12px;
}
.entry .title{
font-size:14px;
font-weight:bold;
}
.entry .foot {
font-size:10px;
}
#comment_module,
#trackback {
line-height: 150%;
}
#comment_module .error{
color:#FF0000;
}
#comment_module .button {
font-size: 12px;
}
/* ----------------------- background-color-control ----------------------- */
body {
background-color: #ffcccc;←ブログの背景色指定はココ
}
#frame {
background-color: #FFFFFF;
}
#subFrame {
background-image: url(http://nwimg.ameblo.jp/p_skin/butterfly/img/header.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#header {
}
#wrap {
background-color: #ffffff;
}
#main {
background-color: #FFFFFF;
}
#sub_main{
}
#firstContentsArea {
}
#subFirstContentsArea {
}
#sub_b {
padding-bottom: 280px;
background-color: #ffffff;
background: url(http://nwimg.ameblo.jp/p_skin/butterfly/img/sub_b_bg.jpg) no-repeat center bottom;
}
/* ----------------------- menu_element_basis ----------------------- */
.mainMenu {
margin-bottom: 7px;
padding-bottom: 7px;
}
.menu_title {
height: 21px;
visibility: hidden;
font-size: 1px;
}
/* ----------------------- menu_element_background ----------------------- */
/* ----------------------- menu_elements_margin_leftright ----------------------- */
.menu_title,
.mainMenu ul,
.mainMenu dl,
.mainMenu p,
.list,
.link_blog,
#archives select,#theme_list select,
#search form {
margin-left: 4px;
margin-right: 4px;
}
p.list,
p.link_blog {
}
/* ----------------------- entry_elements_margin_leftright ----------------------- */
#message,
.entry,
.entry .foot,
#comment_module,
#trackback,
#reader_list,
#favorite_list,
#bookmark_list{
}
/* ----------------------- each menu setting ----------------------- */
/*profile*/
#profile {
background: url(http://～「ﾌﾟﾛﾌｨｰﾙ」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat left top;
}
#profile p{
display: block;
}
/*readers*/
#reader {
background: url(http://～「読者」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat left top;
}
#reader dl {
margin-bottom: 7px;
}
#reader ul {
margin-top: 5px;
}
#reader p {
display: inline;
}
/*calendar*/
#calendar{
border: 1px solid #999999;
border-top: none;
background: url(http://～「ｶﾚﾝﾀﾞｰ」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat center top;
padding-top: 7px;
text-align: center;
}
#calendar .menu_title {
text-align: left;
}
#calendar table {
width: 165px;
}
#calendar caption {
padding:5px 0px;
}
#calendar caption a{
padding:0px 5px;
}
#calendar td {
text-align:center;
}
/*theme_list*/
#theme_list {
background: url(http://～「ﾃｰﾏ」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat left top;
}
/*recent_entries*/
#recent_entries {
background: url(http://～「最近の記事」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat left top;
}
/*archives*/
#archives {
background: url(http://～「ｱｰｶｲﾌﾞ」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat left top;
}
/*search*/
#search {
background: url(http://～「検索」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat center top;
border: 1px solid #999999;
border-top: none;
}
#search form{
margin-top: 7px;
margin-bottom: 7px;
}
#search .searchbox{
width: 100px;
}
#search .searchbtn{
width: 40px;
}
/*favorites*/
#favorite {
background: url(http://～「お気に入り」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat left top;
}
/*bookmarks*/
#bookmark {
background: url(http://～「Bookmark」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat left top;
}
/*recent_trackback*/
#recent_trackback {
background: url(http://～「最近のTB」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat center top;
}
/*recent_comment*/
#recent_comment {
background: url(http://～「最近のｺﾒﾝﾄ」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat center top;
}
/*ranking*/
#ranking {
background: url(http://～「ﾗﾝｷﾝｸﾞ」んとこの画像URLをｵﾘｼﾞﾅﾙ変更できる) no-repeat left top;
}
#ranking .rank{
display: block;
padding-top: 3px;
padding-bottom: 3px;
}
#ranking a{
padding-left: 12px;
background-image: url(http://nwimg.ameblo.jp/p_skin/butterfly/img/icon.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#ranking img{
margin-left: 5px;
}
#ranking .rank_all,
#ranking .rank_genre {
margin-bottom: 12px;
}
#ranking .rank_ttl{
display: block;
}
#ranking p {
text-align: right;
}
/* ----------------------- adJavaScript ----------------------- */
/* ----------------------- advertising ----------------------- */
#advertising {
border: 1px solid #CCCCCC;
border-top: none;
background: #F7E2F5 url(http://nwimg.ameblo.jp/p_skin/butterfly/img/advertising.gif) no-repeat center top;
}
#advertising.mainMenu {
padding-bottom: 0px;
}
#advertising .menu_title {
margin: 1px;
}
/*ameblo*/
#sub_b #ameblo{
margin-bottom: 0px;
padding-top: 7px;
border: none;
text-align: center;
}
#ameblo p{
margin-bottom: 7px;
padding-right: 7px;
padding-left: 7px;
text-align: left;
}
#ameblo li {
display: block;
margin-bottom: 5px;
}
/*RSS*/
#sub_b #rss{
margin-right: auto;
margin-left: auto;
border: none;
background-image: none;
text-align: center;
}
/*plugin*/
.plugin{
margin-bottom:15px;
text-align: center;
}
/* ----------------------- MainColumn ----------------------- */
#main {
padding-bottom: 10px;
}
/*message*/
#message{
width:99%;
margin-bottom: 15px;
border-bottom: 1px dashed #999999;
}
#message .contents{
margin-top: 10px;
margin-bottom: 10px;
}
/*entries*/
.entry{
position: relative;
width: 99%;
margin-bottom: 20px;
margin-top: 12px;
}
.entry span .entry_head {
display: block;
}
.entry .entry_head {
display: block;
border-bottom: 1px dashed #A1A1A1;
color: #A1A1A1;
}
.entry .name{
margin-top: 5px;
display: block;
}
.entry .theme{
position: absolute;
top: 0px;
right: 0px;
}
.entry .title{
color: #ff0099;←記事タイトルの色
margin-top: 7px;
}
.entry .contents{
margin-top: 15px;
margin-bottom: 10px;
}
.entry .foot{
text-align: right;
padding-top: 5px;
border-top: 1px dashed #999999;
}
/*page*/
.page{
margin-right: auto;
margin-left: auto;
margin-top: 7px;
margin-bottom: 10px;
text-align: center;
}
#footer_ad{
margin-right: auto;
margin-left: auto;
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
}
#comment_module h3,
#trackback h3,
#reader_list h3,
#favorite_list h3,
#bookmark_list h3 {
margin-bottom: 10px;
margin-top: 0px;
padding-top: 10px;
}
/*trackback*/
#trackback{
margin-top: 25px;
margin-bottom: 10px;
padding-top: 5px;
border-top: 1px solid #999999;
}
#trackback p.tr_URL {
margin-bottom: 10px;
}
#trackback ul {
margin-bottom: 10px;
}
/*comment_module*/
#comment_module{
padding-top: 5px;
border-top: 1px solid #999999;
}
#comment_module .each_comment {
margin-bottom: 10px;
font-size: 12px;}←これを書き足すとコメント欄の文字がデカくなる
#comment_module .comment_footer {
margin-top: 5px;
padding-top: 5px;
border-top: 1px dashed #999999;
}
#comment_module .error{
margin-top: 20px;
padding-bottom: 10px;
}
#comment_module label{
display: block;
float: left;
width: 70px;
text-align: right;
}
#f_name,#f_url,#f_title,#f_com{
display:inline;
width: 220px;
margin-bottom: 3px;
margin-left: 6px;
}
#comment_module form ul {
width: 310px;
margin-left: auto;
margin-right: auto;
}
#comment_module form li {
display: block;
width: 310px;
margin-bottom: 5px;
}
#comment_module li.lastItem {
display: block;
width: 300px;
margin-bottom: 5px;
text-align: right;
}
#comment_module .button {
margin-left: 5px;
font-size: 11px;
width: 80px;
background-color: #ffcccc;}←コメント投稿ボタンの色
/*reader_list*/
#reader_list{
margin-bottom:15px;
}
#reader_list ul{
width:100%;
}
#reader_list li{
padding-bottom: 2px;
margin-bottom: 8px;
border-bottom: 1px solid #999999;
}
#reader_list .reader_blog {
display:block;
margin-top:2px;
}
/*favorite_list*/
#favorite_list{
margin-bottom:15px;
}
#favorite_list ul{
width:100%;
}
#favorite_list li{
padding-bottom: 2px;
margin-bottom: 8px;
border-bottom: 1px solid #999999;
}
#favorite_list .favorite_blog {
display:block;
margin-top:2px;
}
/*bookmark_list*/
#bookmark_list ul{
width: 100%;
}
#bookmark_list li{
margin-bottom: 3px;
}/*
-----------------------------------------------------
ameblo CSS Skin Layout Settings
FileName: type_c.css
Version: 2005.03.10
Skin for: butterfly
-----------------------------------------------------
*/
#main{
margin-left: 200px;
margin-right: 200px;
}
#sub_main{
width:100%;
overflow:hidden;
}
#firstContentsArea {
}
#sub_a{
width:170px;
position: absolute;
left: 15px;
top: 0px;
}
#sub_b{
width:170px;
position: absolute;
right: 15px;
top: 12px;
z-index: 100;
}




ってねぇ…ぶっちゃけてまうと、他にも変えたかもやけど

どこ変えたか分からんかったり････＿|￣|○　←アホ

で、何回もプレビューしまくって確認しながら変更しましたわぁ･･･

（注：一度CSS変更を保存してしもたら元に戻すことができませんょ♪
　　　でも、スキンをいったん変更することでCSSはリセットされますょ♪　）

めんどうやけども、分からん人は

プレビューしまくって確認することををオススメしとこかなぁ･･･








そして大問題やねんけど、どうも昨日からネットの調子が

かなり悪いねん･･･ブチブチ切れてもて、ほんっまヤバイ･･･＿|￣|○

そやから、大変申し訳ないねんけど、この記事上げるんで精一杯やったり…

でも、CSSのことは少ぉぉしだけ分かったかなぁ(ﾉ´∀｀*)ｱﾍｱﾍ

なのでCSSで分からんことあったらなんでも遠慮なく…







































































全てcom兄に　





聞いてくださぃ





＿|￣|○←これを『丸投げ』と言います





ってcom兄は親切に教えてくれまっせ♪

私はぶっちゃけなぁんもわけ分かってへんのですわぁ(TдT)ｱｳｱｳ

そして大変申し訳ないねんけど、

この記事のｺﾒﾚｽも一括でさしてもらいます･･･(TдT)ｺﾞﾒﾝｮ

やっぱ私が接続不能やからネットも接続不能になったんやわ･･･

　

ブログ画像一覧を見る

このブログをフォローする