Blogスクープはなかなか便利なものです。
引用した文章を枠をつけたいと思って、いろいろいじってみましたが、いずれも失敗しました。
何となく、検索していたら以下のBlogにヒット。
cssに付け加えたら、簡単に出来ちゃいました。
感謝感激です。ありがとうございました。
引用した文章を枠をつけたいと思って、いろいろいじってみましたが、いずれも失敗しました。
何となく、検索していたら以下のBlogにヒット。
cssに付け加えたら、簡単に出来ちゃいました。
こもぞうのひとりごと
引用は四角の枠で囲むようにしました
他の人のBlogを見てたら引用部分がわかりやすく装飾されているのがあった
どうやるんだろうと思って、googleで『css 引用』で調べてみたら『超簡単!CSS講座(引用の囲み方)』を発見さっそくスタイルシートに
blockquote {
margin-right: 2em;
margin-left: 2em;
padding-left: 1em;
border: dashed 2px #FFCC66;
width: auto;
color: #000080;
}
を加えてみました
感謝感激です。ありがとうございました。
今日現在のほっとメール@ひたちのcssです。ご参考までに。
---------------------------------
@charset "EUC-JP";
body{
color:#000;
margin:0;
padding:0;
background:#fff url('040207back.jpg') no-repeat scroll 50% 0;
text-align:center;
}
a{color:#000;text-decoration:underline;}
a:link{color:#000;text-decoration:underline;}
a:visited{text-decoration:underline;}
a:active{}
a:hover{color:#fff;background:#ee0817;text-decoration:none;}
a.acalendar{color:#ee0817;text-decoration:underline;}
a.acalendar:link{color:#ee0817;text-decoration:underline;}
a.acalendar:visited{color:#ee0817;text-decoration:underline;}
a.acalendar:active{color:#ee0817;}
a.acalendar:hover{color:#fff;background:#ee0817;text-decoration:none;}
a.acontinues{color:#ee0817;text-decoration:underline;}
a.acontinues:link{color:#ee0817;text-decoration:underline;}
a.acontinues:visited{text-decoration:underline;}
a.acontinues:active{}
a.acontinues:hover{color:#999;text-decoration:none;}
a.amenu{color:#666;text-decoration:underline;}
a.amenu:link{color:#666;text-decoration:underline;}
a.amenu:visited{text-decoration:underline;}
a.amenu:active{}
a.amenu:hover{color:#999;text-decoration:none;}
a.aposted{color:#666;text-decoration:underline;}
a.aposted:link{color:#666;text-decoration:underline;}
a.aposted:visited{text-decoration:underline;}
a.aposted:active{text-decoration:underline;}
a.aposted:hover{color:#999;text-decoration:none;}
a.atrackback-post{color:#666;text-decoration:underline;}
a.atrackback-post:link{color:#666;text-decoration:underline;}
a.atrackback-post:visited{text-decoration:underline;}
a.atrackback-post:active{text-decoration:underline;}
a.atrackback-post:hover{color:#999;text-decoration:none;}
a.arss{color:#fff;text-decoration:underline;}
a.arss:link{color:#fff;text-decoration:underline;}
a.arss:visited{text-decoration:underline;}
a.arss:active{}
a.arss:hover{color:#fff;text-decoration:none;}
#container{
margin:0 auto 0 auto;
width:748px;
text-align:left;
border-left:1px solid #666;
border-right:1px solid #666;
}
#banner,#subbanner{
}
#banner a{color:#00003E;text-decoration:none;}
#banner a:link{color:#00003E;text-decoration:none;}
#banner a:visited{color:#00003E;text-decoration:none;}
#banner a:active{color:#00003E;}
#banner a:hover{color:#00003E;text-decoration:underline;}
#subbanner a{color:#fff;text-decoration:none;}
#subbanner a:link{color:#fff;text-decoration:none;}
#subbanner a:visited{color:#fff;text-decoration:none;}
#subbanner a:active{color:#fff;}
#subbanner a:hover{color:#fff;text-decoration:underline;}
.blogtitle{
color:#00003E;
font-size:26px;
font-weight:bold;
text-indent:-1000px;
text-decoration:none;
padding:100px 10px 0 0;
text-align:left;
}
.description{
color:#fff;
font-size:small;
font-weight:bold;
margin:0 10px 0 0;
text-align:right;
}
#content{
float:right;
width:530px;
}
.blog{
margin:0;
padding:50px 25px 25px 25px;
text-align:left;
}
.date{
color:#000;
font-size:small;
font-weight:bold;
margin:5px 0 5px 0;
}
.blogbody{
margin:25px 0 0 0;
}
.titlebanner{position:absolute; top:85px; left:62%;}
.title{
color:#fff;
font-size:small;
font-weight:bold;
padding:5px 0 3px 10px;
height:22px;
background:#00003E url('040206line.gif') repeat-y scroll 100% 0;
}
h1,h2,h3{
margin:0;
padding:0;
}
div.main{
font-size:small;
color:#00003E;
line-height:150%;
margin:25px 0 30px 0;
}
blockquote{
font-size:x-small;
color: #003900;
line-height:120%;
margin-right: 20px;
margin-left: 20px;
padding: 2px 5px 5px 5px;
border: dashed 1px #008080;
background: #F0FFFF;
}
.main-continues{
font-size:small;
}
.posted{
color:#666;
font-size:x-small;
text-align:right;
margin:0 0 25px 0;
}
.menu{
color:#666;
font-size:x-small;
text-align:right;
margin:0 0 25px 0;
}
.comments-head{
color:#fff;
font-size:small;
font-weight:bold;
padding:5px 0 3px 10px;
height:22px;
background:#00003E url('040206line.gif') repeat-y scroll 100% 0;
}
.comments-body{
font-size:small;
line-height:135%;
margin:25px 0 30px 0;
}
.comments-post{
color:#666;
font-size:x-small;
text-align:right;
margin:0 0 25px 0;
}
.trackback-url{
color:#ee0817;
font-size:small;
font-weight:bold;
margin:25px 0 30px 0;
}
.trackback-body{
font-size:small;
line-height:135%;
margin:25px 0 30px 0;
}
.trackback-post{
color:#666;
font-size:x-small;
text-align:right;
margin:0 0 25px 0;
}
table.form{margin:25px 0 0 0;}
label{
font-size:small;
font-weight:bold;
}
#author{width:200px;border:1px solid #ee0817;}
#email{width:200px;border:1px solid #ee0817;}
#url{width:200px;border:1px solid #ee0817;}
#text{width:500px;height:200px;border:1px solid #ee0817;}
.pagetop{
color:#666;
font-size:x-small;
text-align:right;
margin:0 0 25px 0;
}
#links{
float:left;
width:216px;
margin:0;
padding:50px 0 50px 0;
text-align:center;
}
.calendarhead{
color:#ee0817;
font-size:small;
font-weight:bold;
letter-spacing:5px;
margin:0 15px 5px 25px;
text-align:center;
}
.calendartable{
margin:0 auto 20px auto;
border-right:15px solid #fff;
border-left:25px solid #fff;
}
.calendarweek{color:#fff;font-size:small;font-weight:bold;padding:0 2px;}
.calendarwd{background:#00003E;}
.calendard{empty-cells:show;}
.calendardbg{background:#fff;}
.calendar{
font-size:small;
padding:0 2px;
}
.sidetitle{
color:#fff;
font-size:small;
font-weight:bold;
letter-spacing:5px;
margin:0 15px 10px 25px;
padding:5px;
background:#00003E;
text-align:center;
}
.side{
font-size:small;
line-height:115%;
margin:0 15px 20px 25px;
padding:5px;
text-align:right;
}
.sidebody{padding:0 0 5px 0;}
.photo{text-align:right;}
.nickname{color:#ee0817;font-size:small;font-weight:bold;margin:10px 0;}
.message{font-size:small;}
.quotetable{background:#00003E;}
.quote{color:#000;font-size:small;padding:1px;background:#fff;}
.blogtimes{margin:0 0 10px 0;text-align:center;}
.powered{
margin:10px 15px 5px 25px;
text-align:center;
}
.syndicate{
font-size:small;
margin:0 15px 0 25px;
text-align:center;
}
---------------------------------
@charset "EUC-JP";
body{
color:#000;
margin:0;
padding:0;
background:#fff url('040207back.jpg') no-repeat scroll 50% 0;
text-align:center;
}
a{color:#000;text-decoration:underline;}
a:link{color:#000;text-decoration:underline;}
a:visited{text-decoration:underline;}
a:active{}
a:hover{color:#fff;background:#ee0817;text-decoration:none;}
a.acalendar{color:#ee0817;text-decoration:underline;}
a.acalendar:link{color:#ee0817;text-decoration:underline;}
a.acalendar:visited{color:#ee0817;text-decoration:underline;}
a.acalendar:active{color:#ee0817;}
a.acalendar:hover{color:#fff;background:#ee0817;text-decoration:none;}
a.acontinues{color:#ee0817;text-decoration:underline;}
a.acontinues:link{color:#ee0817;text-decoration:underline;}
a.acontinues:visited{text-decoration:underline;}
a.acontinues:active{}
a.acontinues:hover{color:#999;text-decoration:none;}
a.amenu{color:#666;text-decoration:underline;}
a.amenu:link{color:#666;text-decoration:underline;}
a.amenu:visited{text-decoration:underline;}
a.amenu:active{}
a.amenu:hover{color:#999;text-decoration:none;}
a.aposted{color:#666;text-decoration:underline;}
a.aposted:link{color:#666;text-decoration:underline;}
a.aposted:visited{text-decoration:underline;}
a.aposted:active{text-decoration:underline;}
a.aposted:hover{color:#999;text-decoration:none;}
a.atrackback-post{color:#666;text-decoration:underline;}
a.atrackback-post:link{color:#666;text-decoration:underline;}
a.atrackback-post:visited{text-decoration:underline;}
a.atrackback-post:active{text-decoration:underline;}
a.atrackback-post:hover{color:#999;text-decoration:none;}
a.arss{color:#fff;text-decoration:underline;}
a.arss:link{color:#fff;text-decoration:underline;}
a.arss:visited{text-decoration:underline;}
a.arss:active{}
a.arss:hover{color:#fff;text-decoration:none;}
#container{
margin:0 auto 0 auto;
width:748px;
text-align:left;
border-left:1px solid #666;
border-right:1px solid #666;
}
#banner,#subbanner{
}
#banner a{color:#00003E;text-decoration:none;}
#banner a:link{color:#00003E;text-decoration:none;}
#banner a:visited{color:#00003E;text-decoration:none;}
#banner a:active{color:#00003E;}
#banner a:hover{color:#00003E;text-decoration:underline;}
#subbanner a{color:#fff;text-decoration:none;}
#subbanner a:link{color:#fff;text-decoration:none;}
#subbanner a:visited{color:#fff;text-decoration:none;}
#subbanner a:active{color:#fff;}
#subbanner a:hover{color:#fff;text-decoration:underline;}
.blogtitle{
color:#00003E;
font-size:26px;
font-weight:bold;
text-indent:-1000px;
text-decoration:none;
padding:100px 10px 0 0;
text-align:left;
}
.description{
color:#fff;
font-size:small;
font-weight:bold;
margin:0 10px 0 0;
text-align:right;
}
#content{
float:right;
width:530px;
}
.blog{
margin:0;
padding:50px 25px 25px 25px;
text-align:left;
}
.date{
color:#000;
font-size:small;
font-weight:bold;
margin:5px 0 5px 0;
}
.blogbody{
margin:25px 0 0 0;
}
.titlebanner{position:absolute; top:85px; left:62%;}
.title{
color:#fff;
font-size:small;
font-weight:bold;
padding:5px 0 3px 10px;
height:22px;
background:#00003E url('040206line.gif') repeat-y scroll 100% 0;
}
h1,h2,h3{
margin:0;
padding:0;
}
div.main{
font-size:small;
color:#00003E;
line-height:150%;
margin:25px 0 30px 0;
}
blockquote{
font-size:x-small;
color: #003900;
line-height:120%;
margin-right: 20px;
margin-left: 20px;
padding: 2px 5px 5px 5px;
border: dashed 1px #008080;
background: #F0FFFF;
}
.main-continues{
font-size:small;
}
.posted{
color:#666;
font-size:x-small;
text-align:right;
margin:0 0 25px 0;
}
.menu{
color:#666;
font-size:x-small;
text-align:right;
margin:0 0 25px 0;
}
.comments-head{
color:#fff;
font-size:small;
font-weight:bold;
padding:5px 0 3px 10px;
height:22px;
background:#00003E url('040206line.gif') repeat-y scroll 100% 0;
}
.comments-body{
font-size:small;
line-height:135%;
margin:25px 0 30px 0;
}
.comments-post{
color:#666;
font-size:x-small;
text-align:right;
margin:0 0 25px 0;
}
.trackback-url{
color:#ee0817;
font-size:small;
font-weight:bold;
margin:25px 0 30px 0;
}
.trackback-body{
font-size:small;
line-height:135%;
margin:25px 0 30px 0;
}
.trackback-post{
color:#666;
font-size:x-small;
text-align:right;
margin:0 0 25px 0;
}
table.form{margin:25px 0 0 0;}
label{
font-size:small;
font-weight:bold;
}
#author{width:200px;border:1px solid #ee0817;}
#email{width:200px;border:1px solid #ee0817;}
#url{width:200px;border:1px solid #ee0817;}
#text{width:500px;height:200px;border:1px solid #ee0817;}
.pagetop{
color:#666;
font-size:x-small;
text-align:right;
margin:0 0 25px 0;
}
#links{
float:left;
width:216px;
margin:0;
padding:50px 0 50px 0;
text-align:center;
}
.calendarhead{
color:#ee0817;
font-size:small;
font-weight:bold;
letter-spacing:5px;
margin:0 15px 5px 25px;
text-align:center;
}
.calendartable{
margin:0 auto 20px auto;
border-right:15px solid #fff;
border-left:25px solid #fff;
}
.calendarweek{color:#fff;font-size:small;font-weight:bold;padding:0 2px;}
.calendarwd{background:#00003E;}
.calendard{empty-cells:show;}
.calendardbg{background:#fff;}
.calendar{
font-size:small;
padding:0 2px;
}
.sidetitle{
color:#fff;
font-size:small;
font-weight:bold;
letter-spacing:5px;
margin:0 15px 10px 25px;
padding:5px;
background:#00003E;
text-align:center;
}
.side{
font-size:small;
line-height:115%;
margin:0 15px 20px 25px;
padding:5px;
text-align:right;
}
.sidebody{padding:0 0 5px 0;}
.photo{text-align:right;}
.nickname{color:#ee0817;font-size:small;font-weight:bold;margin:10px 0;}
.message{font-size:small;}
.quotetable{background:#00003E;}
.quote{color:#000;font-size:small;padding:1px;background:#fff;}
.blogtimes{margin:0 0 10px 0;text-align:center;}
.powered{
margin:10px 15px 5px 25px;
text-align:center;
}
.syndicate{
font-size:small;
margin:0 15px 0 25px;
text-align:center;
}
なぜか私のBlogに届いたこちらのURLがNot Foundになってたので直させてもらいました