スポンサー広告

スポンサーサイト

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

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

記事に写真や絵を入れる

この記事はユーザーズフォーラムでの回答として書き始めたのですが、うちのブログ(ブログで小説!)の読み手さん向けに書き換えております。m(_ _)m 
[フォーラム以外からいらした方は、ここをクリックしてください(テンプレ=“odin_w”へ)]

 小説を書いていて、1回1回ごとに違う「雰囲気」にしたい方もいらっしゃるかと思います。
 いままでテンプレートのことをメインにいろいろ書いてきて、ナンなんだけれども──。
 思い切りシンプルなテンプレートにして、1回ずつ写真や絵を入れていくという手もあるんですよね^^

 続きを読む 

スポンサーサイト

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

透過フィルタのなかで、画像だけ非透過。

透過効果を使ったテンプレートが、いくつかあります。

例:
8571/6205/1002/1001/804

(以降の記事は、↑のどれかをクリックしてから読んでいただくと判りやすいかと)

透過効果は、美しいと思うのですよ。でも、画像をおくと、画像の中まで背景がすけて「まだら」になってしまうのですね。
(とくに余白の多い画像は目立つかも……。例↓)
アダンカダンバナー

ユーザーフォーラムで、こんな記事を見ました
「style="position:relative;"」を入れるだけで↓
アダンカダンバナー
IEの透過効果(filter : Alpha(opacity=xx))にかんしては、画像が透けなくなるというのです。

残念ながら、FireFox透過(-moz-opacity :)には無効のようです。それでも、当ブログでアクセス解析をかけていたときに(2006.5.20,ユニークアクセス:138)、IEのシェアを調べたところ、まだ8割ありました。8割の方に有効であれば、使ってみる価値があるように思います(←私見ww)

ただ、IEできれいに表示されていても、FireFoxなど別ブラウザでチェックすることをお勧めします。レイアウトが崩れることもあるらしいので、そのときにはいさぎよく諦めましょうww。


2007.5.1追記
上記方法ではダメだったテンプレート“sakura”。ごねくりまわしているうちにIEでだけ表示可能になったが、「絶対にオススメはできない」(入力面倒、Firefoxなどで表示されない、テンプレート替えたらオカシクなる)

<div style="display:block;position:relative;width:200px;height:40px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='[画像URL]',SizingMethod=scale);"></div>



↓backgroundではだめ。



■本人備忘
firefox,operaで透過:
http://weblibrary.s224.xrea.com/weblog/css/cat15/iefirefoxoperanetscapesafarics.html

tag : W3C_hater

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

なんどもたたむよ

 以前に書いたものが、Firefoxで動かないことが判明。

 ぽちぽちぼちぼちさまのスクリプトであれば動く模様。

<a href="javaScript:void(0)" onClick="document.getElementById('totyu').style.display = 'block';document.getElementById('hiraku').style.display = 'none';" title="開く(Javascript)" id="hiraku">途中を読む▽</a>
<p id="totyu" style ="display:none;">ここが途中
<a href="javaScript:void(0)" onClick="document.getElementById('totyu').style.display = 'none';document.getElementById('hiraku').style.display = 'inline';" title="閉じる(Javascript)">途中を閉じる△</a></p>
<noscript>
javascriptオフだとこのエントリは無意味ですww
</noscript>



途中を読む▽

 続きを読む 

テーマ : 初心者のために・・・
ジャンル : コンピュータ

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

WYSIWYGテキストエディター機能でフリーエリア書き

1)URLを調べる。
自ブログの記事をリンクしたい場合は、記事のタイトルをクリックすると、ブラウザ(IEなど)のアドレス欄に、
http://XXXXXX.blogXX.fc2.com/blog-entry-●.html
と出ます。blog-entryが含まれるのが「記事へ直行するURL」(固定URLといいます)です。
固定URLと記事タイトルをエディター(WINDOWSなら「メモ帳」など)にコピペしておいてください。

他ブログをリンクしたい場合は、そのURLとタイトルを、エディターにコピペしておいてください。

2)タグをいれる。
「新しい記事を書く」を、 「WYSIWYGテキストエディター機能を使用する」をクリックした状態で使ってください。
「地球に鎖」のアイコンがリンクです。改行は、(IEの場合)shift+ENTERを使っていれてください。

「WYSIWYGテキストエディター機能をオフにする」
をクリックすると、
<a href="[url]" target="_blank">[タイトル]</a><br />
こんな感じでHTMLタグが入っています。
HTMLタグごと、とりあえずエディターにコピペしてください。
(記事を保存する必要はありません)

3)フリーエリアにコピペする。
プラグインのフリーエリアに、上記で用意したHTMLタグをコピペして、保存してください。


コレなんで下書きにしてあったんだっけ^^;
11/15公開へ変更

《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%;}

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

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

 続きを読む 

プロフィール

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

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

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

MyToyBox

Clock!
doodel ?publish
?style3=10084&index



01 02 03 04
カレンダー
01 | 2017/02 | 03
- - - 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 - - - -
検索フォーム
タグリスト
                                                 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。