スポンサー広告

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

《FC2》(マルチカテゴリー)《FC2》記事の中に書くタグ

小窓の中身を過去記事として

ユーザーフォーラムで、シンプルなHTMLファイルを別窓で開きたい、というリクエストが(たまたま)2件続きました。(こちらとかこちらとか)

もちろん、回答にあるように、ファイルアップロードでHTMLファイルをアップすることもできますが、毎回、ファイルを作り直す必要があります。

小さなテンプレートを作り、小窓の中身を過去記事として作成すれば、画像の挿入やリンク、文字の色や大きさなど、編集用のアイコンを使いながら記事として書くことができます。(ただし、広告が入ります)

出来上がり見本は、こちら↓
小窓を開きます

小窓の中身は、過去記事(http://adankadan.blog47.fc2.com/blog-entry-149.html)として書いてあります。(今回は実験ですから、「そのまま」ですが。日付を過去に変えれば「最近の記事」には載らず、ブログ上、目立ちにくくなります。ただし、PINGは発信しているかと)

記事中に書くHTMLタグは、以下のとおり。
<a href="javascript:void(0);" onClick='window.open("./?style2=subwintemplate&no=149", "Test", "directories=no,fullscreen=no,location=no,menubar=no,toolbar=no,status=no,resizable=yes,scrollbars=yes,left=0,top=0,width=500,height=500")'>小窓を開きます</a>

赤文字部分を過去記事のエントリー番号にあわせてください。(それ以外の部分の意味は、とほほのWWW入門等をご参照ください)

 ■

小窓用のテンプレートの一例……拙作“inframe”をちょこっと刈り込んだだけですが^^; 細部はお好きなようにアレンジを。

適当なテンプレートをダウンロードし、テンプレートの名称を
subwintemplate
に、変えます。

HTMLを
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-jp">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<link href="<%css_link>" type="text/css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml">
<title><%blog_name> <%sub_title></title>

<script type="text/javascript" language="javascript">
<!--
//管理メニュURL
lenb="<%url>".length;
id1=lenb-16;
sn1=lenb-11;
sn2=lenb-9;
idfull="<%url>".substring(7,id1);
snfull="<%url>".substring(sn1,sn2);
adminmode="http://blog"+snfull+".fc2.com/"+idfull+"/admin.php";
//Open/Close
function toggleOpenClose(){
if(document.getElementById('opn<%pno>').style.display == "block"){
document.getElementById('opn<%pno>').style.display = "none";
document.getElementById('swt').innerHTML = "《read more》";
}else{
document.getElementById('opn<%pno>').style.display = "block";
document.getElementById('swt').innerHTML = "《hide more》";
}
}
// -->
</script>

</head>
<body onLoad=knowhash()>
<!--topentry-->
<%topentry_body>
<!--more-->
<script type="text/javascript" language="javascript">
<!--
document.write("<div id='opn<%pno>' style='display:none;'>")
// -->
</script>
<noscript><div></noscript>
<%topentry_more>
</div>
<p class="entry-more">
<a href="javascript: void(0)" onclick="toggleOpenClose()"><span id='swt'>《read more》</span></a>
</p>
<!--/more-->
<!--/topentry-->
<p class="footer">
<a href="javascript:window.close()">CLOSE</a>/
<script type="text/javascript" language="javascript">
<!--
kanri1="<a href='"+adminmode+"?mode=editentry&no=<%pno>' class='adm' title='この記事を編集'>";
document.write(kanri1)
// -->
</script>
<noscript>
<a href="<%url>admin.php?mode=editentry&no=<%eno>" class='adm'>
</noscript>
EDIT</a>/<%ad>/<%ad2>
</p>
</body>
</html>


スタイルシートを
@charset "EUC-JP";

* {
margin : 0;
padding : 0;
word-break:break-all;
}
a:link {color : #000099 ;text-decoration : none;}
a:visited {color : #999999 ;text-decoration : none;}
a:hover {color : #ff3366 ;text-decoration : underline;}
a:active {color : #ff3366 ;text-decoration : none;}

body {
margin : 20px;
font-size:88%;
line-height : 1.7;
}
.footer{font-size:88%;
text-align:center;}
.swt{font-size:74%;}

これらを変更して、保存します。

小窓用の過去記事は、この機能を使うたびに書かないといけませんが、テンプレートのほうは、自分の管理者ページの「テンプレートの設定」に載っている限り、再使用ができます。
どこかでどなたかが記事にしていらっしゃいそうな気が、とっても、するんですけど>似たようなやり方で。

強いていうと、(手持ちのアレンジで作ったので)小窓のなかに「moreを畳む」だの「Editで管理室へ」だのの機能を残してみた、というのが、売りでしょうか^^;
関連記事
スポンサーサイト

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

コメントの投稿

非公開コメント

プロフィール

麻生(阿檀) Author:麻生(阿檀)

【このブログについて】
ブログで小説を手軽に連載したい方のための、
ブログ紹介/FC2テンプレート紹介が、メインだったはずなのですが。

ミ^。^彡っ。oO○(いつのまにやら、かなりとんでもなくごった煮ブログになっております。)

MyToyBox

Clock!
doodel ?publish
?style3=10084&index



15001 02 03 04
カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
検索フォーム
タグリスト
                                                 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。