InfoMultiBlog改
2019 / 03   «« »»
01
F
 
02
S
 
03
S
04
M
05
T
06
W
07
T
08
F
09
S
10
S
11
M
12
T
13
W
14
T
15
F
16
S
17
S
18
M
19
T
20
W
 
21
T
 
22
F
 
23
S
 
24
S
 
25
M
 
26
T
 
27
W
 
28
T
 
29
F
 
30
S
 
31
S
 
meaning of mark :: nothing , comment , trackback , comment and trackback
MainMenu or LinkSite


Pickup Photo!
2019/01/14 :: CSS作成の素人ですから
サイト内検索の「スマホの対応」を目指して、自動的に検索窓のサイズを設定できないかと、ネットでヒントを探したところ、
見つけたのは、
「POROA」
https://www.poroanet.com/blog/css/307.html
で、
これを参考にCSSを以下のように追加・自分なりの改造実験を行ってみました。
!!$img3!!

PCでしか上手く表示できないと思われる、
!!$img2!! を、
!!$img1!! に変更できています。


「レスポンシブテンプレート」
https://template-party.com/db_template/?act=list&kind=1&html=list_all.html
でダウンロードできるテンプレートに、検索窓は在りません。

たぶん、スマホでの検索窓の設置を想定していないのかも?

ダウンロードするユーザが、そんなサイトを作成する想定が無いのでしょう。

CSS作成の素人ですから、書き込む数字やタグの一個一個を、とっかえひっかえしての作業なので正直シンドイ作業だが、
・・・一応、出来てると思います。


1カラムページ、2カラムページ、TABLE内に入れる場合と3タイプを追加してみました。

これまでの、全ての手持ちサイトに応用していけるのでは?と思います。



=======================
お二人が「本当に望むパーティー」を叶える。
それがMooo Weddingが叶える1.5次会です。
お二人が「本当に望むパーティー」を叶える。【Mooo Wedding】
まずはご相談ください!

1.5次会専門プロデュースのMooo Wedding【モーウェディング】
=======================

クリックOK⇔[☆all photo☆]



Recent Diary





Recent TrackBack

Recent Comments

 RSS/Atom InternetExplorerで対応
【Home】 InfoMultiBlog改
RSS1.0 / RSS2.0 / Atom0.3
Cat] ド忘れ知識・四方山
RSS1.0 / RSS2.0 / Atom0.3
Cat] ひとこと(ネガティブ・・悪っ)
RSS1.0 / RSS2.0 / Atom0.3
Cat] ひとこと(割とポジティブ?)
RSS1.0 / RSS2.0 / Atom0.3
Cat] ネットShopとMySite更新状況
RSS1.0 / RSS2.0 / Atom0.3
Cat] ひとこと(別に・・・)
RSS1.0 / RSS2.0 / Atom0.3
Cat] HP/NET/PC 備忘録雑記
RSS1.0 / RSS2.0 / Atom0.3
Cat] MyHP更新情報(履歴)
RSS1.0 / RSS2.0 / Atom0.3




| [OllSearch]
« やっと落ち着けます | main | 作成中の未完成サイト »
«« カテゴリ内前記事(no data) | ひとこと(ネガティブ・・悪っ) | カテゴリ内次記事(「退会」も考えるかも) »»
2018/12/21  ☆⇒[]
デザインが綺麗だからって


今日の運勢は

気をつけなければ、いけないことを、新規構築を1〜2ヶ月前に初めて、
今日は、3度目の構築作業に取り掛かった無料ダウンロードテンプレートで知った。

[Template-Party]テンプレート template
https://template-party.com/db_template/?act=list&kind=1&html=list_all.html
の、
「tp_biz51」のシリーズで、トップのindex.html
デザインが綺麗だからって  デザインが綺麗だからって
このデザインが気に入り、見合ったサイトを作ってみようと思ったが、今日の作業としてPCページをリンクする作業を始めた。

作業を進めながら、徐々に・・少しづつ・・途中でやっと気づいた。

ダウンロードしたこのテンプレートに、PCのCSSテンプレートは「完全には、融合」ができないと・・・。

このテンプレートの特徴が、ページの「mainブロック」がフレーム表示のようにスクロールする、
・・まぁよくあるタイプにも思えるが、今までのそれと、チョッと違った。

この「mainブロック」スクロール部分に、マッチするコンテンツでなければ、・・つまり完全なPCサイトのページはブランク表示か、self表示などでしか表示されずに、
それ自体には、自身が全く問題にしなければ個人の自由だが、
「mainブロックのスクロール」が特徴なので、この特徴を無視したページ構成になる。

もちろん、このスタイルのテンプレートは何度も作成した経験はあって、何の問題もなく作成してきた。

しかし、違うのだ。

完全に「スマホ対応ページ」であれば、このシステムに組み込んで特徴を生かせる・・・というものだ。

構築作業を保留にしていて、今日は少し作業を進めようと思ったが・・残念だ。

このまま「PCページ」、「スマホ対応のメールページ」さえもテンプレート表示を利用できない、
・・スマホ対応ではないことを気にしなければ、全く問題では無いが。

このテンプレートを大いに活用するには、このテンプレページのソーステキストを書き換える膨大な作業になるかも?

「やってられるか!!」・・・htmlの一からって、

ただデザインが綺麗だからとかで、「やってられるか!!」

このテンプレートのままのサイトを構築するか?・・否か?

休憩しながら、考えることに。

ヘ(´o`)ヘ チカレタ… (-.-;)y-~~~



□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
Webデザイナーとして在宅ワークを目指す方のWebデザインコース【WebCampWoman】
仕事も家庭も両立したい主婦・ママ向けのプログラミングスクール!
 プログラミング未経験者でも安心のサポート体制で
 受講者満足度も90%以上のプログラミングスクール【WebCamp】
 
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□


クリックOK 占い コレほんとニャ♪ へ

[一言ポエム投票] | [ミニ簡易リンクBBS]

posted at 2018/12/21 19:37:26
lastupdate at 2018/12/21 19:37:26
修正
 
Trackback URL

クリップボードへコピーする場合は こちらをクリック(Win+IEのみ)

Trackbacks

Comments

Post your Comment
name
mail
home
comment
文字装飾グラデーション絵文字


ネットカテゴリ情報
 HP作成・ソフト・サービス  セキュリティ・ブラウザ・他
 ファッション・雑貨  資格・趣味・生活全般
 食品・ギフト・お取り寄せ  総合ジャンル・金融・他
 美容・健康・ダイエット  [TOP]ネットカテゴリ情報