行間のサイズを調整する

| HTML | | コメントはまだありません

普通に書いていると行と行の間は決まっていますが、
見易さが必要な場合に、使えるCSSがあります。

決まって忘れてしまうので、φ(..) メモメモ

【普通】
あああああああああああああああああ
いいいいいいいいいいいいいいいいい


【CSS適用】

あああああああああああああああああ
いいいいいいいいいいいいいいいいい


方法はCSSを指定しているだけです

#pxでも%でも使えます
line-height: 2em;


このブログは既にサイズ調整されていますので、
適用前も行間があいてますが、見た目にこだわりたい方は
必須のテクニックかもしれないですね




楽天 Javaプログラム本一覧

楽天 Linux本一覧

楽天 CentOS本一覧

楽天 wordpress本一覧

続・Lightbox2に画像印刷ボタンを追加する

| WordPress | | コメントはまだありません

以前の記事の後にWordpressの3.3.1が実装されて、

『jQuery Lightbox』もバージョンを上げないと

印刷ボタンの追加ができませんでした。



なので、再度作り直したついでに、手順がわからないという人が

いたので、全て書いてみます。


まず、外観⇒テーマ編集⇒ヘッダーの『<head></head>』部分に以下を追加します。

<script type="text/javascript">
_wopen=window.open
function wopen(url,name,opt){
var w,h,c=false,g=null,l,t,o,x=-1,i=0,a=["left","top","width","height","resizable","scrollbars","status","menubar","toolbar","location","directories"]
if(!name)name="";if(!opt)opt=""
if(opt.match(/^(\d+|\*)(,(\d+|\*))+$/)){
do opt=opt.substring(0,x+1)+a[i]+"="+opt.substring(x+1);while((x=opt.indexOf(',',x+a[i++].length))!=-1)
opt=opt.replace(/[^=]+=\*,/g,"")
}
if(opt.match(/image=(true|1)/)){
g=new Image();g.src=url;url="";opt+=",resizable=1"
if(g.width>0&&g.height>0)
opt+=",width="+(w=g.width)+",height="+(h=g.height)
}
if(
(w=opt.match(/width=(\d+)/))&&(w=RegExp.$1)&&
(h=opt.match(/height=(\d+)/))&&(h=RegExp.$1)&&
opt.match(/center=(true|1)/)&&!!(c=true)
)
opt+=",left="+(l=(screen.width-w)/2)+",top="+(t=(screen.height-h)/2)
o=_wopen(url,name,opt)
if(c&&navigator.platform.indexOf("Mac")!=-1)o.moveTo(l,t)
if(g){
o.document.open()
o.document.write(
'<html><head><title>'+g.src.substring(g.src.lastIndexOf('/')+1)+'</title><head><body style=overflow:hidden leftmargin=0 topmargin=0 marginwidth=0 marginheight=0><center><img src="'+g.src+'"'+(w>0&&h>0?' width='+w+' height='+h:
' onload="if(self.innerWidth){self.innerWidth=this.width;self.innerHeight=this.height}else{self.resizeBy(this.width-document.body.clientWidth,this.height-document.body.clientHeight)}"')+'></center></body></html>')
o.document.close()
}
return o
}
window.open=wopen

function newopen(imgname){
pwin=window.open(imgname,'img1','left=100,top=100,image=1');
pwin.print();
pwin.close();
return false;
}
</script>


で、FTPでプラグインの中から、Scriptフォルダ⇒jquery.lightbox.plugin.min.jsを
取得して、以下の部分を変更します。

//変更前
<span id="lightbox-caption-seperator"></span><span id="lightbox-caption-description"></span></span></div>

//変更後
<span id="lightbox-caption-seperator"></span><input type="button" value="print" onClick="newopen(document.images[\'lightbox-image\'].src);"/><span id="lightbox-caption-description"></span></span></div>


これで画面に表示された画像をクリックして、ポップアップになった画像の下に

画像へのリンクと印刷用のボタンが表示されるようになります。


ボタンをクリックすると、即印刷設定画面が表示されますので、お試しあれ!



楽天 Javaプログラム本一覧

楽天 Linux本一覧

楽天 CentOS本一覧

楽天 wordpress本一覧

アンチウィルス対策(2011年末)

前回サーバーに障害が発生して、全く動かなくなってしまった事もあり、

再度最初からインストールしていきました。



すると安置ウィルス対策ソフトのインストール手順が前回から

かわっていたので、再度追記します。



途中までは全て一緒の手順で起動の所から変わります。

ちなみに、前回からのとバージョンも違っていました


###前回
#起動
service clamd start
#自動起動設定
chkconfig clamd on

###今回
#起動
/usr/share/clamav start
#自動起動設定
chkconfig clamav --add
chkconfig clamav on


ここだけの違いなんですが、恥ずかしい話しながら

前回のメモから一気にコードを流していたので

root宛のメールを転送してから動いていない事がわかりました(;´д`)

ちゃんと1個ずつコマンド実行したら、内容を確認しないといけないですね!!!


追記———————————————————–
ログ関連の作成時のエラーが出るので、ここの設定も忘れずに!(私は忘れていましたので追記にw)
ログ生成エラー記事



楽天 Javaプログラム本一覧

楽天 Linux本一覧

楽天 CentOS本一覧

楽天 wordpress本一覧

QRコード

QRcode:home

カテゴリー

カテゴリー別一覧

訪問者

  • today: 13 人
  • total : 3333 人