一応、軽い説明を、この私の名前の書かれた本の 角にマウスをあわせてクリックしたまま移動すると ページがめくれる仕組みになってます。 ページ内の画像をクリックするとリンクになっており 紹介された、サイトと同じページになっています。
更新しました。
画面サイズごとのデザイン の練習。
smart4me忘れないうちにあげときます。
Google Maps API// ■地図初期化し表示 function initialize() { // ■地図を表示する緯度経度を指定する var latlng = new google.maps.LatLng(-6.211544, 106.845172); // ■地図必須プロパティを設定 var myOptions = { // ■ズームレベルの指定 0〜17 zoom: …
サイトの計画図改心版サイトの計画図
今作ってるサイトです。 形になったので、アップしときます。 しばらく工事中出来たらアップするのでしばらくこれで我慢してください。 とりあえず、完成系？↑9/27記事。
<html lang="ja"> <head> <meta charset="utf-8"> <title>練習用フォーム</title> <style> table{ border-collapse: collapse;} </style> </head> <body> <h1>入力画面</h1> <p>必要事項を入力して「確認する」 ボタンをクリックしてください。</p> <form action="check.php" method="post"> <table border="1" width="400"> <tr> <td>…</td></tr></table></form></body></html>
ここに乗せるのは初めてですが、大幅に更新しました。
<html lang="ja"> <head> <meta charset="utf-8"> <title>スカエナ</title> <meta name="viewport" content="width=device-width"> <meta name="format-detection" content="telephone=no"> <link rel="apple-touch-icon" href="chapter5/apple-touch-icon.png"> </link></meta></meta></meta></head></html>
<html lang="ja"> <head> <meta charset="utf-8"> <title>topページ</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css"> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> </link></meta></head></html>
練習スライド <html lang="ja"> <head> <meta charset="utf-8"> <title>jquery easyslider</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" ></script> <script type="text/javascript" src="js/easySlider1.7.js"></script> </meta></head></html>
練習 <html lang="ja"> <head> <meta charset="utf-8"> <title>CSS11</title> <style type="text/css"> *{ margin:0; padding:0; list-style-type:none; } body{ background-image:url(images/bg.gif); background-repeat:repeat; } #container{ width:715px; height:440px; margin: 0 auto; background-colo…</meta></head></html>
<html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery UI Example Page</title> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="stylesheet" /> </link></meta></head></html>
<html lang="ja"> <head> <meta charset="utf-8"> <title>CSS09</title> <style type="text/css"> *{ margin: 0 ; padding: 0 ; list-style-type:none; } body{ } #container{ width:600px; height:800px; border-left:solid 5px #CCCCCC; border-right:solid 5px #CCCCCC; margin-left:400px; } box{ widt…</meta></head></html>
<html lang="ja"> <head> <meta charset="utf-8"> <title>練習</title> <style type="text/css"> body{ } #container{ width:800px; height:800px; margin: 0 auto ; } #header{ width:800px; height:200px; } #sidebar{ width:200px; height:400px; float:100px; } #content{ width:600px; height:400px; fl…</meta></head></html>
インテリアショップ a Interior h1, h2, h3, p, a, ul, li, img, address { margin: 0; padding: 0; line-height: 1.0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ…
<html lang="ja"> <head> <meta charset="utf-8"> <title>構造主義の四銃士</title> <link rel="stylesheet" href="css/base.css" type="text/css" media="screen, print"> <style type"text/css"> </link></meta></head></html>
<html lang="ja"> <head> <meta charset ="utf-8" > <title>【CSS02】</title> <style type="text/css"> <!-- h1{ color:#025AB4; background:#E22D7C; } h2{ color:#C6CE3D; background:#A7D58C; } p{ color:#CB322C; background:#039CFF; } body{ color:#D1A59C; background:#F9F8F4; } --> </style> </meta></head></html>
私の好きなデザインその1 セックスピストルズのアルバムのジャケット [f:id:hansolostar1810:20120531203727j:image] 私の好きなデザインその２ ベルアンドセバスチャンのアルバムジャケット [f:id:hansolostar1810:20120531224056j:image] 私の好きなデザイ…
<html> <head> <title> 【CSS02】</title> </head> <body> about wine chianti classico riserva 1435年創業の由緒あるワイン醸造メーカーの名家マッツェイが所有するぶどう園は、いたるところにローマ時代の遺跡が残る小さな集落にあります。 15世紀から現在に至るまで、キャンティワインの造り手た</body></html>…
<h2>デザインの話<h2> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきました。</p> <p>物にはいろいろな形があります。歴史とともに多様なデザインが生まれてきまし</p></h2></h2>…
<html> <head> <meta charset="utf-8"> <meta http-equiv="content-style-type" content="text/css"> <title>【CSS02】 </title> <style type="text/css"> </meta></meta></head></html>
<html> <head> <meta charset="utf-8"> <meta http-equiv="content-style-type" content="text/css"> <title>【CSS02】 </title> <style type="text/css"> <!-- h1{ color:#0000FF; } h2{ background-color:#FFFF00; color:#FFFFFF} body{ background-color:#990033; } p{ background-color:#00FFFF; } --> </style> </head> …</html>
