旅人ノートのほっとブログ

このブログでは、
日々学んだこと、思いついたことを
書きたいと思います。
最近は備忘録ですが。

 このページでは、主に散文詩やPCなどの

 ブログを書いています。(最近は備忘録になってしまいました。)
 
 最近はLinux, 特にLinux Mintに毒されています。

 (Linuxを使うには※英語が必須です※)

 どうぞまったり、ほっと♪していってください。

☆☆☆質問のある方、コメント待っています。☆☆☆



テーマ:

こんばんは。
今日はJアラート,台風で散々でしたね。

また、備忘録としてJavascriptについて書きます。
タグと文字をhtml内に埋め込む方法

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
  document.write("<h1>今日は","いい天気","ですね</h1>")
</script>
</body>

</html>

こうすると、htmlの本体を変えずにタグを埋め込むことができます。
,が+でも可能ですが応用が効くのは,らしいです。

それでは、ニコニコニコニコニコニコ

AD
いいね!した人  |  コメント(0)  |  リブログ(0)
最近の画像つき記事  もっと見る >>

テーマ:

こんばんは。

最近FreeBSD-Archiveというftpサーバに

つながりにくくなりました。

あと

http://moss.sce.buffalo.edu/というサイトも

つながりにくくなりました。

#PACKAGESITE (httpまたはftpのURL)

#pkg_add -r (バージョンを含めたportsのパッケージ名)

にはお世話になっています。

 

そんなところ、

最近ミラーサイトがあることを発見しました。

ためしに上のことをしたところ、問題なさそうです。

FreeBSDのportパッケージだけでなく

NetBSD, CentOS, Wikimediaも対応しているそうです。

 

備忘録までに。

それでは、ぐぅぐぅぐぅぐぅぐぅぐぅ

AD
いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:

こんばんは。

 

今日は前の記事に引き続き

ホームページの再構成を目指しています。

そして、わかったことを備忘録としてまとめたいと思います。

まだまだ未熟者ですがよろしくお願いします。

 

1.Bootstrapのカラム割について

12カラム以上になるとしたへずれます。

これを利用して、タブレット、スマートホンでは1列に1この□を

PCでは1列に3つの□を入れるには

 

<!DOCTYPE html>

<html>

<head>

<meta charset="shift-jis">

<link href="/*/bootstrap.css" type="text/css" rel="stylesheet">

</head>

<body>

<div class="container">
    <div class="row">
         <div class="col-lg-4 col-sm-12">
            a

         </div>

         <div class="col-lg-4 col-sm-12">
            b

         </div>

         <div class="col-lg-4 col-sm-12">
            c

         </div>

/body>

</html>

とすればいいそうです。

 

 

2.リンクの扱い

タグにtitleと関連となるキーワードを

書くことができることがわかりました

 

<a href="./index.html" rel="nofollow" title="トップへ">

</a>
==>こんな感じです

また、以前訪れたかどうかをチェックする表示も

簡単にできることがわかりました                

------------css-----------

a:link{color: black;}
a:visited{color: red;}
a:hover{color: gray;}
a:active{color: red;}
------------------------

 

3.クラスは複数呼び出すことができる。

class="**** ---- ++++"

のようにスペースを空けて記述すると

cssのクラスが複数呼び出されます。

------------html---------------

    <div class="container">
        <div class="row ud">

--------------css------------

.ud

{

    margin-top: 20px;
    margin-bottom: 20px;

}

 

<p>,<div>,<span>の他にも普通のタグでclassやidを

指定することができるとわかりました。

 <h2 class="fontwhite">コンテンツメニュー</h2>

 

3.上に表示されるアイコンの指定

    <link rel="shortcut_icon" href="./****.ico" type="image/ico">
    <link rel="icon" href="./*****ico" type="image/ico">
で小さいサイズの画像をリンクすればOK

 

4.すべての画像をブラウザのウィンドウが小さくなるに合わせて

小さくする方法

 

--------------css------------

img
{
    width: 100% ; height: auto; max-width: 480px;
}
------------------------------

 

5.背景を一枚画で覆う

-------------html-----------

***

<body id="bodybg">

   ++++++++++

------------------------------

</body>

*****

 

---------------css-------------------

#bodybg
{
    background-image: url(../image/*********.jpg);
    background-position:center top;
    background-repeat: no-repeat;
    background-size:cover;
}
 

6.調べやすくするため meta nameなどを使う

<head>

   <meta name="keyword" content="blog">

</head>

 

長くなりましたが、今日はここまで。

 

次は、javascriptに挑戦したいと思います。

 

それでは、

AD
いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:

こんにちは。

最近、新しいホームページを

作ろうと思い奔走しています。

 

その中で壁にぶち当たった

ホームページで横に写真を(コンテンツ)

4つ並べる方法を備忘録として書こうと思います。

 

普通は縦に写真が並んでいってしまいます。

そこで、テクニックが必要なんです。

 

写真などを3つまで並べる方法は以前

HTML側

<div class="left">

  a

</div>

CSS側

.left{

float:left;

}

などと書いて無理やり横に

割り込ませていました。

ここで止まっていたので

古い考えだったと後悔しています。

 

新しい方法は少し難しいですが

CSSにbootstrap.cssを適用して

containerとrowとcol-**-4

を使うことで理論上12こまで横に

写真を並べられます。

 

考え方は12ピースに割ったケーキを

どう取り分けるかと同じです。

たとえば4-4-4 2-3-7など。

 

実際には

container

 +row**col-lg-4

        **col-lg-4

        **col-lg-4

+row**col-lg-12

+row**col-lg-12

 

ならば

<div class="container">

  <div class="row">

    <div class="col-lg-4">

        abc

    </div>

  </div>

<div class="row">

    <div class="col-lg-4">

        def

    </div>

  </div>

<div class="row">

    <div class="col-lg-4">

        ghi

    </div>

  </div>

</div>

これで、

abc   def   ghi

と表示されます。

 

まだまだ、bootstrap.cssは奥深くて見栄えがいい

ホームページができそうです。

 

それでは、

 

いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:

こんばんは。

 

最近、Google ChromeでFlash Pluginが表示

されなくなり、それを使っているサイトが

例外に入れないとみられないことがたびたびありました。

 

結論から言いますと、

Adobe FlashPlayerは2020年にサポート終了で

Googleも新しいことを考えているのかなあ・・・。

くしくも、2020年にwindows7 も一月にサポート終了。

 

のようです。えーんえーんえーん

 

それでは、ぐぅぐぅぐぅぐぅぐぅぐぅ

 

いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:

こんばんは。

最近頭をあまり使ってないので、

物理と数学の参考書を引っ張り出して

勉強しだしました。

 

今日思ったことは

重力って不思議だなあということです。

ある時には物が落ちるときに現れたり、

振り子の実験に重要なキーワードとして出てきたり、

万有引力と遠心力のベクトル和として出てきたり・・・

 

本当に不思議ですね。

 

それでは、ぐぅぐぅぐぅぐぅぐぅぐぅ

いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:

こんばんは。

 

最近暑いですね。

私はすでに参っています。

 

最近windowsパソコンしか使ってなかったので、

FreeBSDを備忘録的に書こうと思います。

 

昔は台湾の公式サーバーにはたくさんの

バージョンのFreeBSDがありましたが、

最近は9.x、10.x、11.xしか残っていないです。

 

そこで、いろいろ調べた結果

「FreeBSD-Archive」と調べると

過去にリリースされたバージョンのOS

と過去のポーツパッケージがありました。

 

これで、過去のバージョンを焼けますし。

Portsをここから引っ張ってインストールもできます(6.4で確認)

 

使い方は

%su -

#setenv PACKAGESITE (Ports Packageのリンク先)/all/

#pkg_add -r (Ports Packageの名前をバージョンを確認して)

 

確認はlinks, lynx, w3mなどがいいと思います。

テキストブラウザだと開くのが早いです。

 

それではぐぅぐぅぐぅぐぅぐぅぐぅ

 

P.S.

唐突ですが、プラ板のことを英語ではどうやら「Plastic Shrink Art」と

いうそうです。

いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:

こんばんは。

 

今日は前に書いた「Scribus」について書きたいと思います。

画像の取得では、pdf、psdが開けてしまう。

EPSファイルは直接開くことができます。

(大量のtiffファイルが作成されてしまいますが。。。)

 

なお、EPSファイルを出力するに当たり

A0の印刷物を出力しようと苦難したところ

HP社のHP DesignJetシリーズのの

プロッターのプリンタドライバをインストールしたら

何とかできました。

 

GSview=>Convert=>pdfwirte=>72dpi

 

でPDFも作成できます。

 

それでは、ぐぅぐぅぐぅぐぅぐぅぐぅ

いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:

こんばんは。

 

今日は、3D間取りソフトについて備忘録を書こうと思います。

フリーのソフトと言えば、「Sketch UP」「Sweet Home 3D」

他にも、「**プランナー」や「Shadeの間取り特化版」の商用も

ありますので、ためしに使うのもいいと思います。

 

ここでは、久々に使った「Sweet Home 3D」

のレビューを書きます。

 

過去に描いた画像を展覧会風に

配置してみました。

具体的には、まず壁を作って、部屋を作ります。

そのあと、家具の中から「ボックス」をドラッグアンドドロップ。

できたボックスを奥行5cmにしてFrontにテクスチャとして

画像(JPEG, PNG)を張り付ければ出来上がりです。

あとは微調整で。

 

俯瞰からも、自分がジオラマに入った視点でも

見られるのがいいですね。

 

いいね!した人  |  コメント(0)  |  リブログ(0)

テーマ:

こんにちは。

一週間ぶりにFreeBSD-6.4-release-i386

の設定をしています。

 

今回はオーディオCDで音楽を聞こうと

奮闘しました。

結果的に、kdeでの再生はあきらめ、

CUIによる演奏をしました。

/boot/defaults/loader.conf のsnd_driver_load="NO"を"YES"に

viで変えて

%cdcontrol -f /dev/acd0 play 1
とすればいいみたいです。
爆音で音楽が流れます。
%mixer vol 10:10
で調節するといいです。
PS
locateコマンドのupdatedbはFreeBSDでは使えないようです。
echo /usr/libexec/locate.updatedb |su -fm nobody
とするといいそうです。

6.4の起動画面です。






いいね!した人  |  コメント(0)  |  リブログ(0)

AD

ブログをはじめる

たくさんの芸能人・有名人が
書いているAmebaブログを
無料で簡単にはじめることができます。

公式トップブロガーへ応募

多くの方にご紹介したいブログを
執筆する方を「公式トップブロガー」
として認定しております。

芸能人・有名人ブログを開設

Amebaブログでは、芸能人・有名人ブログを
ご希望される著名人の方/事務所様を
随時募集しております。