WebSite』の最近のブログ記事

2017.06.07.CSSと間違い探しw.!!

| コメント(0)
お久しぶりな記事です
WebSiteを何回も構築し続けてきましたが
今のところ 何とか落ち着いている風。
時間を見ながらデザインの変更も考えて行きたいです

で、本題に入りますが
このDiaryはレスポンシブでなく
スマホ用に別のテンプレートを組んで
PCかスマホ?かで振り分けています。

長い時間、放ったらかしだったんですが
スマホサイトのレイアウトが崩れてまして
その原因が分からず、だいぶ分からずで
少々、投げやりな感じでした。

それが先程、無事に解決しレイアウトも崩れず
ちゃんと動き始めました。

原因はCSSの文字が一文字だけ足らなかった訳で
まあ〜長いCSSの文章をずっと目で追いながら
間違いを見つけた時はガッツポーズ!!!

あ〜これでスッキリ!!!
IMG_1883.JPG
間違い探しも楽じゃないねw




adios!!!



2016.01.18.instgramとPhoto.!!

| コメント(0)
instgramへの投稿が増えてます
#ponystoyの写真を自動でピックしてWebSiteへ表示
そう言えばインスタって写真をタップしても保存が出来ないですよね

そしたら便利なサイトありました
これです〜♬ INK 361
IMG_6698.PNG



ログインすれば写真保存もサックサク!!!
IMG_6699.PNG






adios!!!


2015.09.17.ContactとForm.!!

| コメント(0)
何かイジってたらエラーが続出。おいおい触らなかった方が良かった。
これだからCGIモロモロの設定って難しい500 ERRORばっかです〜
CGIファイルへのパスが違ってるって意味のエラーだけどこれがまた合ってるんだよなあ〜

マジ悩む。

一晩、寝てみてさっき解決しました!ついでに問い合わせフォームも少し変えてみたよ!
foem_site.png
件名もボタンにしてみました

ライブ予約してくれたけどエラーがあって返信メールが来なかった方々も居たと思います。今回のアップデートで完璧に直ったので引き続き宜しくお願いします〜♬




adios!!!

2015.07.07.instagramとWidget.!!

| コメント(0)
七夕は雨から曇り空ですな無事にApple MusicとiTunes Matchの設定を終えて久しぶりにWebSiteをイジってました。

最近、facebookよりinstagramが楽チンでハッシュタグ#ponystoyを拾って上手に簡単にWebSiteへ表示、出来ないか模索してたところこんな瞬時にコンプリート的なパーツを発見!!

これ、なかなか良いです。余分なリンクも無くスッキリでシンプルで、もってこんな感じに完成!!
sna_ins.png
Jsファイルを使って構築しようと考えてたが超簡単に出来たのでこれでヨシとしようと思う〜♬
そういえばfacebookのLikeボタンも仕様変更あったぞ困ったもんだな ┐('~`;)┌





adios!!!

2015.06.01.You TubeとFeed.!!

| コメント(0)
またYou Tubeさんが何かを変えたFeedから取得してたデーターが表示されず
手間ばかり掛ってしまうじゃんかよー!

動画アップロード・ページはFeedから更新要らずで自動だったのにねいきなりこんな感じなのが出てますよ。。。
youtubedevi.png

You Tube APIが、、、どーたら?こーたらで、、、
探ってたら同じような悩みの方も多く解決策も見つけれてラッキーでした。

参考になったサイトです。

ふう〜助かった。



adios!!!

2015.02.28.GoogleMapとCSS.!!

| コメント(0)
何だ?おいおいいきなり地図がバカ大きくなってる
map.png
GoogleMapの埋め込み<iframe...仕様が変わったのか?

map2.png
いや?変わってない...とりあえずググってみた。

なるほど新しいGoogleMapってのが出来てるみたい。

早速、ログインして作ってみたが何か上手く出来ない...今まで通りの地図を表示させよう

そこで思い出した<iframe>を<div>で囲ってCSSを当て込むこれでサクっと問題解決でした。
map3.png

YouTubeの<iframe>タグを埋め込む時に作っておいたCSSが役立った。

それにしても新しいGoogleMapの作り方が分かりません




adios!!!


2015.02.04.display要素とCSS.!!

| コメント(0)
スマホサイトを作っていてliでメニューコンテンツ作って書いてある文章にだけlinkしてて 押しづらい時ありますよね 

せっかくなら余白どこを押してもlink先へ飛べる感じ... これ必須です。
li a { display: block; width: 100%;} 
たったこれだけで出来るなんて オドロキでした!! 

正解か?分からないが出来てるからいいんじゃないかなあ?と思う。
IMG_2589.PNG





adios!!!

2015.02.01.CSSと辞典.!!

| コメント(0)
何年くらいだろうCSSで困ると開く本。 分かってるけどmarginとかの指定でmargin: 10px 5px 3px 6px; どこが上で右か左か下か... 毎回悩む... 

後、widthは書けてもheigjtが 毎回、hightって書いちゃうrightもreightって書きたくなる

.titleなんかもついつい class="tittle"ってね

まだまだこの本が活躍するだろう
IMG_2546.JPG 





adios!!!

2015.01.27.WebSiteと引っ越し.!!

| コメント(0)
もう〜リダイレクトのプログラムとか使って簡単に済まそうと思ってました。

いや〜考えが甘ちゃんだった。。。リフレッシュタグで今まではオッケーだったけどどうもサイトアドレスが変わるのが気に入らなかった。

なんとか元と同じアドレスで新しいWebSiteが動き始めました!!

ちなみにアドレスです。

このMTで書いてるブログはPCとスマホを振り分けしてます

新しく出来たWebSiteは自動可変型?的な作りになってます

なのでPCサイト、スマホサイトと別々に更新しなくても済むっていう素晴らしい利点があるんです!!

MTじゃなくWPがその変は楽だと思いますが...なかなかMTユーザーから抜けられない感じです。

このブログもマニアック過ぎてあまり読まれてない気がバリバリするけど〜まあイイや ρ(・ω・、)イジイジ

website.png


website04.png


website03.png



website05.png





adios!!!



2011.03.09.GoodJob.!!

| コメント(0)

またしても完成っす!!!

やっと納得が出来るGalleryPageが仕上がりました。

今度のも、イイに〜♬

こんなトップから始まるんだねえ。。。



タブ的な取り組みもJqueryを使って、やっつけられたっけ!!!

g.png

これからも、更新が楽しみになるGalleryPageです。

少々、バグがあるかも?知れませんが、、、

まあ〜しばらくは、これで見てやって下さい〜♬







adios!!!

2011.03.07.JqueryScroll.!!

| コメント(0)

GalleryPageが出来上がった。

各ページでファイルを作って仕上がった訳ですが
何かこう~イマイチだった

管理し易い様に各ページに分けた訳だが
更新する度に各ページごとアップロードが必要になる
上手い事、良いアイディアないかとネットで調べてたら
またしても偶然、見つけちゃった。

それがタブ的なJqueryを使ったScrollだった。
これならイケると思い、またしてもカスタム開始!!!
出来上がりまで、またMacと格闘っすよーーー!!!

上手く出来上がったら即アップしますんで、お楽しみに~♬



7B27C62B-7584-4C04-9991-E98A4CAF064D3.jpg


adios!!!



2011.03.03.Shadow.!!

| コメント(0)

WEB SITEを作りつめていくと

何らかの壁にブチ当たる〜

出てきた壁をやっつけて、また出て来た壁を
やっつけては、続く難問の連続!!!

でも偶然にも新しい裏技的な部分にも触れられる事が多い

今回もGalleryPageを作ってて見つけた技。

Windowsを使ってる方々に馴染みは、もしかしたら
ないかも知れないが

MacってWEB見ててもフォントがキレイだったり
細かい部分がより鮮明にWinより見えてて

だからこそ、こだわる作り方。しちゃうんだよWEB SITEを

そんな訳で。。。
簡単にドロップシャドウ的なCSSを見つけたっけ

01.png

この写真のサムネイルの裏側の影がそうなんだけど
今までは、無理矢理つけてたが

今回から、こんなにさり気なく付けれる様になった!!!
しかも、ほんの数行の命令でね

なのでPONY'S WEB SITE、DIARY PAGE共に
CSSを書き換えてみた。。。

出来上がってきた感が増す、仕上がりに満足な笑みな俺〜♬

アップした写真も〜

02.png

素晴らしい〜影♬

これで、またMacに座りたい病的な時間。
増えちゃいそうだ!!!

MacBookProもグゥ〜ンってお買い得になった事だし。
iPad2も出た事だし。。。
みんなAppleのPC使えばいいのにねえ〜〜〜!!!








adios!!!


2011.02.27.MorePhotoGallery.!!

| コメント(0)

どうなってるんだろう?

出来上がったGalleryPageなんだけど

何だか、気に入らないんです。。。

そんな訳で、今度はマジでシンプルに作り上げてます

。。。そこまで追求しなくてもねえ〜

チラ見せ的な感じ〜♬

photogallery.png

とっても作ってて落ち着くのは、何でだろう〜

きっと、こっちの方が俺らしいデザインなのか?

出来上がる頃は、またゴチャゴチャしてたりしてね。。。







adios!!!

2011.02.24.CSS.!!

| コメント(0)

今回はGalleryPhotoPage作成にあたり。。。
CSSで新しい試み的な挑戦っていうか
自分のスキルアップっていうか、かなり勉強になったよ!!!

新しい使い方で構築、出来たこのPageは
俺的にかなり大満足です!!!

マジでCSSって楽しいですよ~♬
コイツは、止められんぜーーー!!!

知らない内に、ドンドン進化してるんだねえ~
面白くってMacに座る時間がまた増えそうだよ。。。

そうすると来る睡魔との闘い
今この時間帯が眠くて、マジで眠くて、、、
カウンターの中で立ち寝入りしそうなのです~♬

ふぅ~目を覚ます為に一服。一服。

642421C7-05B3-4DA2-A56C-BA15CB6258283.jpg

キャンドルの揺れ具合が眠りを誘うんだけど?




adios!!!


2011.02.23.Completion.!!

| コメント(0)

Gallery Pageが公開となりました。。。
iPhoneで見れなかった不具合も、、、
最終的にサムネイルの枚数を限定する形で適応!!!

いきなりでVol.1とVol.2となってしまった。

デザインもドロップシャドウなど、加えて変更~♬
こんな感じで出来上がったよ!!!

gallery_good.png

どうでしょうか?

このBOXの優れている所は、、、
フォルダを二つ用意して写真のサムネイルと元写真をそれぞれに
サクサク入れるだけの優れモノ!!!
なのでHTMLで写真を一個、一個書かなくても良い所~♬
今後、写真が増えても番号順で写真さえ作れば
即サイトに表示してくれるんです!!!
マジで手間いらず~♬
まあサムネイルをトリミングする作業はあるけど
それ位は全然、オッケーだね

そんな訳で、みんな見てみてねえー!!!





adios!!!


2011.02.04.Construction.!!

| コメント(0)

風邪で寝てる間、色々と考えてて。。。
あ~あそこを、あ~しようとか、こうしようとか、、、
そんな事って意外と忘れがち。。。
あ、そうだったって思い出して構築!!!

12周年のフライヤーポスター。
PONY'SのWEBSITEのトップに貼り付けて、Diaryのサイドバートップにも貼り付けて

何をしたかったか考える感じは、これからも続くのです!!!

継続は力なり?
きっと、そうだと信じて
カスタマイズは続く~♬

600DEF84-60D1-4B22-89B3-F8D0B3A262EE2.jpg

PONY'STOYも12周年を迎えます。


adios!!!




2011.01.23.GoodMorning.!!

| コメント(0)


なんだか朝方頃って。。。今なんですが
急に目が覚めて来てね

昨日、断念してしまった事をもう一回やってみました。
そしたらサク〜サクって出来てきて

あらまあ〜〜〜♬ってな感じです!!!

Twitterとかでお馴染みの写真管理サイト
Flickrで今までアップしたDiaryのPhotoを公開しちゃってみようかと?

そんな訳で、、、
Diaryのトップページの下の方でLINK作りましたから
見てみてね〜♬

ほい〜〜〜
IMG_2028.jpg
写真はクリックで送りも出来るしねえ〜スライドショーも出来るしねえ〜♬
カテゴリー分けも出来て、、、素晴らしいっす!!!
ジャンジャン写真をアップしたらブログパーツ的なモノも作れるしねえ
少しだけCSSの知識が居る場合もあるけど
レイアウトにこだわらなければ、そのままでもオッケーよ!!!

そんな訳で、、、Flickrさんに感謝っす!!!

やっぱ眠くなったので二度寝しまぁーーーーーーーーす!!!









adios!!!

2010.01.22.DanNen.!!

| コメント(0)

うううううう
やっぱし、まだまだ俺には出来ない事が多過ぎ~!!
一つ、一つやっつけてきたけど
どうにも、ここらで完成形って事らしいっす!!!

うううううう~
自分のスキルがアップしたら
再度、アップしたら再、再度挑戦してやるぞーーー!!!

あ~今夜は久しぶりに呑んじゃおう。。。かな?


IMG_5906.jpg


adios!!

Search

Archive

flickr

facebook