testのブログ https://ameblo.jp/title-image/ 実験のサイトです。いいとも！！ ja サイドをのばす方法・・・ よく見かけるブログですが



サイドバーが途中で切れてしまっています



何とかして下まで伸ばしたいのですが・・・










ムリヤリ記事を下まで書いてみました

]]> https://ameblo.jp/title-image/entry-10144805095.html Sun, 28 Sep 2008 14:35:24 +0900 ☆ゆぅママ☆さま /* ゲストコメント　*/
#comment_module .each_comment{/*コメントタイトル部分*/
margin: 0;
padding-bottom:15px;/*コメントとコメントの間*/
background: url( 画像のＵＲＬ );/*上画像のURL*/
background-repeat : no-repeat;
background-position: center top;
color:#0000ff;/*←ゲストコメント文字色変更の場合*/
}
#comment_module .comment_body{/*コメント文章部分*/
margin: 0;
padding:0 30px 10px;/*コメント分の上と左右と下の余裕*/
background: url( 画像のＵＲＬ );/*中画像のURL*/
background-repeat : repeat-y;
background-position: center top;
}
#comment_module .comment_footer{/*コメントフッター部分*/
margin:0;
padding: 10px 0 20px;
background: url( 画像のＵＲＬ );/*下画像のURL*/
background-repeat : no-repeat;
background-position: center bottom;
}
#comment_module .label{/*コメントタイトル*/
font-weight: bold;
font-size:12px;
padding:25px 0 10px 40px;
color:#0000ff;/*←コメントタイトル文字色変更の場合*/
}
.comment_footer span.comment_author{/*名前*/
padding-left:60px;
}
.comment_footer span.comment_date{/*日付*/
padding-left:20px;
}
#comment_module .comment_footer{/*フッタ上の点線を消す*/
border-top:none;
}
.comment_gotoform{/*[コメント記入欄を表示]を消す*/
display:none;
}


/*　管理人コメント*/
#comment_module .admin_comment{
margin: 0;
padding-bottom:15px;/*コメントとコメントの間・・ゲストと同じに*/
background: url( 画像のＵＲＬ );/*上画像のURL*/
background-repeat : no-repeat;
background-position: center top;
color:#ffffff;/*←管理人コメント文字色変更の場合*/
}
#comment_module .admin_comment .comment_body{
margin: 0;
padding:0 30px 10px;/*コメント分の上と左右と下の余裕　ゲストと同じに*/
background: url( 画像のＵＲＬ );/*中画像のURL*/
background-repeat : repeat-y;
background-position: center top;
}
#comment_module .admin_comment .comment_footer{
margin:0;
padding: 10px 0 30px;
background: url( 画像のＵＲＬ );/*下画像のURL*/
background-repeat : no-repeat;
background-position: center bottom;
}
.admin_comment .comment_footer span.comment_date{
padding-left:20px;
}
#comment_module .admin_comment .label{/*コメントタイトル*/
color:#ffffff;/*←管理人コメントタイトル文字色変更の場合*/
}
#comment_module .admin_comment .comment_author {
padding-left : 150px;
}






















]]> https://ameblo.jp/title-image/entry-10109883386.html Wed, 25 Jun 2008 19:35:21 +0900 むぎちょこ さま こんどこそうまくいきますように・・・




/* ゲストコメント　*/
#comment_module .each_comment{/*コメントタイトル部分*/
margin: 0;
padding-bottom:15px;/*コメントとコメントの間*/
background: url(http://stat.ameba.jp/user_images/12/97/10071893372.gif);/*上画像のURL*/
background-repeat : no-repeat;
background-position: center top;
color:#333333;/*←ゲストコメント文字色変更の場合*/
}
#comment_module .comment_body{/*コメント文章部分*/
margin: 0;
padding:0 50px 0 140px;/*コメント分の上と左右と下の余裕*/
background: url(http://stat.ameba.jp/user_images/be/aa/10071893373.gif);/*中画像のURL*/
background-repeat : repeat-y;
background-position: center top;
}
#comment_module .comment_footer{/*コメントフッター部分*/
margin:0;
padding: 20px 0 35px;
background: url(http://stat.ameba.jp/user_images/bb/9c/10071893371.gif);/*下画像のURL*/
background-repeat : no-repeat;
background-position: center bottom;
}
#comment_module .label{/*コメントタイトル*/
font-weight: bold;
font-size:12px;
padding:30px 0 5px 150px;
color:#333333;/*←コメントタイトル文字色変更の場合*/
}
.comment_footer span.comment_author{/*名前*/
padding-left:160px;
}
.comment_footer span.comment_date{/*日付*/
padding-left:20px;
}
#comment_module .comment_footer{/*フッタ上の点線を消す*/
border-top:none;
}
.comment_gotoform{/*[コメント記入欄を表示]を消す*/
display:none;
}
#comment_module .comment_author a {/* 名前の右にアイコン */
padding-right : 20px;
background-image : url(画像のURL); /* ゲストのアイコン */
background-position : right center ;
background-repeat : no-repeat ;
}

/*　管理人コメント*/
#comment_module .admin_comment{
margin: 0;
padding-bottom:15px;/*コメントとコメントの間・・ゲストと同じに*/
background: url(http://stat.ameba.jp/user_images/a7/2b/10071893255.gif);/*上画像のURL*/
background-repeat : no-repeat;
background-position: center top;
color:#00008b;/*←管理人コメント文字色変更の場合*/
}
#comment_module .admin_comment .comment_body{
margin: 0;
padding:0 100px 5px 80px;/*コメント分の上と左右と下の余裕　ゲストと同じに*/
background: url(http://stat.ameba.jp/user_images/55/fd/10071893258.gif);/*中画像のURL*/
background-repeat : repeat-y;
background-position: center top;
}
#comment_module .admin_comment .comment_footer{
margin:0;
padding: 20px 0 35px;
background: url(http://stat.ameba.jp/user_images/c8/7e/10071893252.gif);/*下画像のURL*/
background-repeat : no-repeat;
background-position: center bottom;
}
.admin_comment .comment_footer span.comment_date{
padding-left:0;
}

#comment_module .admin_comment .label{/*コメントタイトル*/
padding:30px 0 5px 90px;
color:#00008b;/*←管理人コメントタイトル文字色変更の場合*/
}

#comment_module .admin_comment span.comment_author a {
padding-left : 100px;
background-image : url(画像のURL);/* 管理人のアイコン */
background-position : 120px center ;
background-repeat : no-repeat ;
}

















]]> https://ameblo.jp/title-image/entry-10108174616.html Fri, 20 Jun 2008 14:40:38 +0900 CSS てすと

]]> https://ameblo.jp/title-image/entry-10102745590.html Tue, 03 Jun 2008 16:15:40 +0900 ままりん　さま サイズはどれも400×38pxです

上も中も下も同じサイズですので

好きに組み合わせて使用ください



見本
1-0








↓上と中の画像
1-1


↓下の画像
1-2


↓下の画像



見本
2-0











↓上と中の画像
2-1


↓下の画像
2-2


見本
3-0








↓上と中の画像
3-1


↓下の画像
3-2


↓下の画像


見本
4-0


↓上と中の画像
4-1


↓下の画像
4-2


↓下の画像


見本
5-0





↓上と中の画像
5-1


↓下の画像
5-2


↓下の画像






CSS用のブログのＣＳＳの編集で画像のＵＲＬを入れてから貼り付けてください


好きな画像をダウンロードして自分の画像のフォルダーにアップしてから使ってください


上と中は同じ画像を使っています

下は２種類あるものもあります　好きな方を使ってください




/*
----------------
rakugaki-mamarin
----------------
*/
/*ゲストコメント欄*/
#comment_module .each_comment{/*コメント背景画像上*/
margin: 0;
padding:0 0 10px 0;
background: url(ゲスト用　上の画像のＵＲＬ) ;
background-repeat : no-repeat;
}
#comment_module .comment_body{/*コメント背景画像中*/
margin: 0;
padding:10px 20px;/*コメント分の左右の余裕*/
background: url(ゲスト用　中の画像のＵＲＬ) ;
background-repeat : repeat-y;
}
#comment_module .comment_footer{/*コメント背景画像下*/
margin:0 !important;
padding: 15px 0 25px !important;/*画像の高さが目安*/
background: url(ゲスト用　下の画像のＵＲＬ) ;
background-repeat : no-repeat;
}
#comment_module .label{/*コメントタイトル*/
font-weight: bold;
font-size:12px;
padding:5px 0 0 20px;/*タイトルの位置*/
}
.comment_footer span.comment_author{/*吹出し部分に合わせるため名前を右に*/
padding-left:40px;
}
.comment_footer span.comment_date{/*名前と日付の間隔*/
padding-left:20px;
}
#comment_module .comment_footer{/*点線消す*/
border-top:none;
}


/*　管理人コメント欄　*/

#comment_module .admin_comment{
margin: 0;
padding:5px 0 10px 0;
background: url(管理人用　下の画像のＵＲＬ);
background-repeat : no-repeat;
color:#00008b;/*←管理人コメント文字色変更の場合*/
}
#comment_module .admin_comment .comment_body{
margin: 0;
padding:10px 20px;/*コメント分の左右の余裕*/
background: url(管理人用　下の画像のＵＲＬ);
background-repeat : repeat-y;
}
#comment_module .admin_comment .comment_footer{
margin:0 !important;
padding: 15px 0 25px !important;/*画像の高さが目安*/
background: url(管理人用　下の画像のＵＲＬ);
background-repeat : no-repeat;
}
#comment_module .admin_comment .label{/*管理人コメントタイトル*/
color:#663300;
}

/* Thickbox背景色 */
#TB_overlay,
* html #TB_overlay{
background-image:url(http://stat.ameba.jp/user_images/c4/f2/10067735612.jpg ) !important;
filter:alpha(opacity=60) !important;
-moz-opacity: 0.6 !important;
opacity: 0.6 !important;
}
#TB_window {
background-image:url(画像のURL) !important; /*枠の背景画像*/
color:#ff00ff !important;/*タイトルの色*/
}
#TB_Counter{
color:#ff00ff !important;/*ページカウンターの色*/
}





↓上、中、下の画像をそれぞれ変えてもＯＫです

]]> https://ameblo.jp/title-image/entry-10102392270.html Mon, 02 Jun 2008 13:43:50 +0900 ままりん　さま ＣＳＳ用のブログでＣＳＳの編集にこのまま貼り付けてください


/*
----------------
rakugaki-mamarin
----------------
*/
/*ゲストコメント欄*/
#comment_module .each_comment{/*コメント背景画像上*/
margin: 0;
padding:0 0 10px 0;
background: url(http://stat.ameba.jp/user_images/c4/f2/10067735612.jpg ) ;
background-repeat : no-repeat;
}
#comment_module .comment_body{/*コメント背景画像中*/
margin: 0;
padding:10px 20px;/*コメント分の左右の余裕*/
background: url(http://stat.ameba.jp/user_images/c4/f2/10067735612.jpg ) ;
background-repeat : repeat-y;
}
#comment_module .comment_footer{/*コメント背景画像下*/
margin:0 !important;
padding: 15px 0 25px !important;/*画像の高さが目安*/
background: url(http://stat.ameba.jp/user_images/c4/f2/10067735612.jpg ) ;
background-repeat : no-repeat;
}
#comment_module .label{/*コメントタイトル*/
font-weight: bold;
font-size:12px;
padding:5px 0 0 20px;/*タイトルの位置*/
}
.comment_footer span.comment_author{/*吹出し部分に合わせるため名前を右に*/
padding-left:40px;
}
.comment_footer span.comment_date{/*名前と日付の間隔*/
padding-left:20px;
}
#comment_module .comment_footer{/*点線消す*/
border-top:none;
}


/*　管理人コメント欄　*/

#comment_module .admin_comment{
margin: 0;
padding:50px;
background: url(http://stat.ameba.jp/user_images/47/e1/10067735609.jpg );
background-repeat : no-repeat;
color:#00008b;/*←管理人コメント文字色変更の場合*/
}
#comment_module .admin_comment .comment_body{
margin: 0;
padding:10px 20px;/*コメント分の左右の余裕*/
background: url(">http://stat.ameba.jp/user_images/47/e1/10067735609.jpg );
background-repeat : repeat-y;
}
#comment_module .admin_comment .comment_footer{
margin:0 !important;
padding: 15px 0 25px !important;/*画像の高さが目安*/
background: url(http://stat.ameba.jp/user_images/47/e1/10067735609.jpg );
background-repeat : no-repeat;
}
#comment_module .admin_comment .label{/*管理人コメントタイトル*/
color:#663300;
}

/* Thickbox背景色 */
#TB_overlay,
* html #TB_overlay{
background-image:url(画像のURL) !important;
filter:alpha(opacity=60) !important;
-moz-opacity: 0.6 !important;
opacity: 0.6 !important;
}
#TB_window {
background-image:url(画像のURL) !important; /*枠の背景画像*/
color:#ff00ff !important;/*タイトルの色*/
}
#TB_Counter{
color:#ff00ff !important;/*ページカウンターの色*/
}


]]> https://ameblo.jp/title-image/entry-10101771595.html Sat, 31 May 2008 16:59:13 +0900 これだけなら大丈夫です var no = 8;
var speed = 80;
STAR = new Array();
STAR[0] = "http://stat.ameba.jp/user_images/9d/e6/10067029526.gif";
STAR[1] = "http://stat.ameba.jp/user_images/73/50/10067033376.gif";
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
myobj= new Array();
j = 0;
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (i == 0) {
document.write("<img src='" + STAR[j] + "' border='0' name='dot"+ i +"' style='POSITION: absolute; Z-INDEX: "+ i +" display: block; TOP: 15px; LEFT: 15px;'>");
} else {
document.write("<img src='" + STAR[j] + "' border='0' name='dot"+ i +"' style='POSITION: absolute; Z-INDEX: "+ i +" display: block; TOP: 15px; LEFT: 15px;'>");
}
myobj[i]=document.getElementById("dot"+i);
if (j == (STAR.length-1)) { j = 0; } else { j += 1; }
}
function STAR_IE() {
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
myobj[i].style.top = document.body.scrollTop+yp[i];
myobj[i].style.left = document.body.scrollLeft+xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("STAR_IE()", speed);
}
STAR_IE();
// End -->
</SCRIPT> ]]> https://ameblo.jp/title-image/entry-10100677467.html Tue, 27 May 2008 23:04:39 +0900 ままりん　さま フリープラグインに貼り付けてください


一番上は新しく作ったブログの例の1行を・・・


次に

<link rel="stylesheet" media="screen,print" type="text/css" href="http://ameblo.jp/skin/templates/0d/85/10004300452.css" charset="UTF-8" />

<link href="http://stat.ameba.jp/blog/ucs/css/common/thickbox.css " rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="http://blog.ameba.jp/ucs/js/editor/selectimage.js"></script >
<script type="text/javascript" language="javascript"src="http://blog.ameba.jp/ucs/js/common/jquery.js"></script >
<script type="text/javascript" language="javascript"src="http://blog.ameba.jp/ucs/js/common/thickbox.js"></script >
<SCRIPT LANGUAGE="JavaScript">
<!--
/* 80416C exlink/vjcatkick */
function enTb() {
var myHn = "ままりん";
var myUrl="http://ameblo.jp/love-mamarin/ ";
var myLimit=500,e=0,k=1,i,nC="admin_comment",oC="each_comment";
var ourl = "http://ameblo.jp/public/image/displayimage.do?imagePath=";
var nurl = "http://stat.ameba.jp";
var myLinks = document.getElementsByTagName("a");
for(i = 0; i < myLinks.length; i++){
var myLink = myLinks[i];
if(myLink.href.indexOf("do?imagePath") > 0){
myLink.href = (myLink.href).replace(ourl,nurl);
myLink.className = "thickbox";
if(!myLink.innerHTML.match(/<img/i) && myLink.href != ""){ myLink.setAttribute("title"," ");} else {var myTitle = myLink.childNodes[0].getAttribute("alt"); myLink.setAttribute("title",myTitle);}} if(myLink.href == myUrl && myLink.innerHTML == myHn){
var Com = myLink.parentNode.parentNode.parentNode; if(Com.className == oC ){
Com.className = (Com.className).replace(oC,nC);}}
k++;if (k > myLimit) {break;}}}
function enThickbox() {enTb();
try {initializeUpload(false, false);} catch(e) {}
try {checkpw();} catch(e) {}}
window.onload = function(){enThickbox();}
// -->
</SCRIPT>


コレをそのままコピーして貼り付けてください

]]> https://ameblo.jp/title-image/entry-10100187363.html Mon, 26 May 2008 06:54:35 +0900 記事のHTMLの直し方
























]]> https://ameblo.jp/title-image/entry-10103949949.html Mon, 07 Apr 2008 11:51:28 +0900 テスト
ココをクリック


テストです


]]> https://ameblo.jp/title-image/entry-10084727332.html Tue, 01 Apr 2008 19:45:59 +0900