牆壁彩繪-里莫彩繪事務所 - 主題插畫牆,棉花貓小舖 - 棉花糖國度主題彩繪牆牆壁彩繪-里莫彩繪事務所
彩繪地點：新北市淡水區公明街59號
牆壁彩繪
這次彩繪的地點是淡水老街的店家
主要的營業產品是棉花糖
業主非常支持里莫的創作
老闆娘本身也是非常有想法的角XD
這次彩繪的重點是貓咪 因為業主家裡養了九隻貓
所以運用棉花糖跟貓咪做一個畫面結合
最一開始是設計LOGO 概念由老闆娘提供
我負責繪圖！
里莫除了會畫牆 電腦畫畫也是可以的唷^^
接著就是店家的大門 鐵捲門 示意圖
三米多的高牆
重頭戲店內彩繪 這是繼橄欖樹之後的第二面主題牆
希望未來可以看到很多Linmo 出品的主題彩繪牆
如果可以建立屬於自己的彩繪村那就更棒了
牆壁彩繪-里莫彩繪事務所 - 主題插畫牆,南庄橄欖樹咖啡民宿 - 貓咪主題彩繪牆 - 完成篇掌握CSS基礎，用簡單的代碼製作令人驚艷的旋轉動畫！
以下是一個簡單的示例，可以使用CSS實現360度圓周率的旋轉動畫：HTML部分：
<div class="circle"></div>
CSS部分：
.circle {
width: 100px;
height: 100px;
background-color: #f00;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
解釋：首先，我們創建一個具有50％圓形邊框半徑的div，並將其顏色設置為紅色。
然後，我們定義了一個旋轉動畫，該動畫將div從0度旋轉到360度。 我們使用CSS的@keyframes屬性定義了該動畫，
將其命名為“spin”，並指定動畫持續時間1秒，線性動畫，無限循環。 最後，我們將動畫應用於div上，
使用animation屬性設置動畫名稱“spin”。
用php寫一個到訪人數的程式, 此程式非灌水型的程式 這個程式會獲取訪客的IP地址，然後讀取存儲在visits.txt文件中的訪問次數。如果是新的IP地址訪問，它會將IP地址添加到ips.txt文件中，然後增加訪問次數。最後，它會更新visits.txt文件中的總訪問次數並輸出結果。 請注意，這個程式的IP地址記錄方法可能會有一些問題，因為訪客可以使用代理伺服器或其他技術來隱藏其真正的IP地址。如果您需要更精確的IP地址記錄，請參考相關的PHP庫或服務。以下是一個簡單的PHP程式，可以記錄訪客IP並統計總訪問人數：
這裡是一個基本的聯絡表單範例，包含了您所要求的字段和一個簡單的驗證碼。
請注意，這只是前端部分的代碼，您需要在後端處理表單提交並驗證驗證碼。
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>聯絡表單</title>
<style>
.error {
color: red;
}
</style>
<script>
function validateForm() {
const name = document.forms["contactForm"]["name"].value;
const phone = document.forms["contactForm"]["phone"].value;
const email = document.forms["contactForm"]["email"].value;
const city = document.forms["contactForm"]["city"].value;
const message = document.forms["contactForm"]["message"].value;
const captcha = document.forms["contactForm"]["captcha"].value;
const hiddenCaptcha = document.forms["contactForm"]["hiddenCaptcha"].value;
let errors = [];
if (!name) {
errors.push("請輸入姓名");
網頁設計教學 html&css padding 與 margin的差別
margin與padding可以說是絕對肯定必定會用到的
兩個屬性,那對於初學者來說 , 時常會搞混兩種的用法
先簡單敘述一下 padding
padding
屬性 padding-top （上）: 各種數值
padding-right （右）
padding-bottom （下）
padding-left （左）
組合寫法
padding ：10px; （上右下左）
padding : 13px 15px 12px 11px; （上右下左）運用在四方內距都不同的時候
padding : 0 10px; (左右)
padding : 10px 0; (上下)
是調整box的內部距離 例如現在我們做了一個 test-button
html : <a href="javascript:;" class="test-button">button</a>
我們將按鈕上基本的框線
效果如下
此時的按鈕字句非常擁擠 , 若是加上即可完成正常的樣式
今天分享兩種讓網頁100%滿版的方式 ,
首先我先分享一下效果
https://www.linmohart.com.tw/
最上層的banner為滿版效果
//html框架
<header id="header">
<nav><a href="javascript:;">menu</a>
</nav>
</header>
<main id="main">
要滿版的部分
</div>
初學者一開始會有一種誤解
認為只要把最上層的 main 標籤設定跟你的螢幕解析度一樣的高度
就能達成100%滿版,那是錯誤的,因為幾乎可以說每一台電腦
顯示出來的都會不一樣,即便你們用的是同一台電腦,都有可能不同
(例如有人習慣隱藏書籤 有些人喜歡裝一堆外掛)
所以你必須做到可以讓main標籤到哪個螢幕都是滿版
第一種方式, 比較古老的方式, 套用JQuery
只要複製以下代碼即可達到滿版
if($(window).width() > 1025 ) {
牆壁彩繪-里莫彩繪事務所
彩繪地點：新北市板橋區華興街46號
牆壁彩繪
這次彩繪的地點是新北市板橋的聽喵說早午餐 華興店
主要的營業產品是早午餐
主牆上的兩隻貓是店家養的兩隻小貓咪設計成的形象
兩隻貓很大很顯眼唷^^
雖然說這片牆不大 畫的東西也不多
但實際上越簡單的構圖 才越難畫 因為每個細節都要考慮到
先看看完成圖的樣子
1:打稿。 我們兩個在半夜的時候來趕這片牆
店家裡面有許多部落客推薦的美食 尤其這裡是親子友善空間
不論是住在板橋 還是到板橋遊走的旅客 走過路過可別忘了進去
品嚐一下美食 也別忘了幫里莫的壁畫打個卡唷！
行走在台灣各地的彩繪..對我而言並不是工作，是一種旅行，一種記錄我思維的旅行。
by Linmo Chien
網頁設計教學 html div標籤與css float 浮動式定位跑版解決方法
自從多年前脫離表格 (table) 開始 , 在排版上我們會需要非常熟練
css 與 html 之間的互動才能夠完美的做出排版 , 而對初學者來說
使用div與css的排版似乎是一種很困難的事情
主要是因為不懂的如何善用css屬性與屬性之間關係
當你知道之後, 你就會非常的厲害了！
我剛學習的時候最常遇到的困境..
就是css position 和 float了
但他們在成就您基礎的排版上非常重要的兩大功臣
position這個屬性之前已經有介紹過了
若還沒有讀過的可以點擊連結進去看看
運用這兩個屬性排版非常的方便,甚至可以說
會了這兩個,你在排版上就無敵了
但是若不懂的運用, 你將會面臨極大的挫折XD ~~
float 屬性主要運用在水平式的排版
例如水平列表 , 左圖右文等等的
html :
<div class="center">
<div class="left">我是左邊</div>
<div class="right">我是右邊</div>
</div>
＊避免跑版的問題 , 要執行float屬性的div 外層一定要再多一層父元素
Travel notes
苗栗噢哈娜咖啡屋 / 36843苗栗縣西湖鄉金獅18-5號
.....
苗栗哪裡好玩呢？
這裏是一個浪漫又適合親子or網美拍照的絕佳景點
著名特色:
.....
2022.11 苗栗噢哈娜咖啡屋
還沒進去就先被路邊的紫色吸引住了！
能看到的東西 都是紫色 令人有點瘋狂XD
2022.11 苗栗噢哈娜咖啡屋
還沒進去就先被路邊的紫色吸引住了！
Bunny Solitaire HTML5 遊戲：復活節的 Tripeaks Solitaire 遊戲。
嘗試通過選擇比底部打開的卡片價值高或低 1 的卡片來移除所有卡片。
打發時間遊戲
兔子撲克牌
網路線上遊戲
牆壁彩繪-里莫彩繪事務所
彩繪地點：台北市松山區八德路四段 台北市區監理所
牆壁彩繪 馬路如虎口 幸福監理
很榮幸受到台北市監理所找到我們里莫藝術設計事務所 (里莫彩繪事務所)
來為這次更改面貌的全新監理所來做主題彩繪
主題一共有兩個 1: 幸福監理
北市所旗下管理的站一共有四站
1: 台北本所 2: 士林監理站 3:基隆監理站 4:金門
第一面牆面主要設計就是融合四所的特色來呈現一面
可互動式的彩繪牆
彩繪主題：幸福監理
第二面牆則是一個意象,馬路如虎口的3D彩繪
彩繪主題：馬路如虎口
以下為製作過程的花絮照片！
台北市監理所 馬路如虎口 幸福監理 親子互動牆 里莫彩繪事務所
台北市監理所 馬路如虎口 幸福監理 親子互動牆 里莫彩繪事務所
牆壁彩繪-里莫彩繪事務所
彩繪地點：新北市石碇五路財神廟
彩繪風格：互動打卡牆
這是一個非常榮幸的案子,能夠在北區最有名的財神廟留下筆跡
是非常開心的事情, 石碇財神廟位於新北市的山區
自然形成的一座元寶形狀的山 這山下有著新北市最有名的
三間求財聖地 , 財神廟 蟾蜍廟 姑娘廟
(隔年北人就去蟾蜍廟求了一隻金蟾蜍唷^^ )
當時接到這個案子的時候 天氣狀況並不好 白天幾乎都是非常潮濕的
漆也乾不了 過程非常困難 , 這次的主題牆規劃主要是石碇五路財神裡
原有的五尊公仔下次延伸設計的(也就是說 財神並不是我的原創 這個要先說明
以免誤會抄襲) 虎爺就是我自己設計的了
打稿中, 作畫的過程 因為這邊的香火鼎盛 所以遊客很多
上天空色
大聖杯 跟大金蛋(但是金蛋後面會消失 因為雞蛋跟香腸在這邊有著多年的誤會)
牆壁彩繪-里莫彩繪事務所
彩繪地點：苗栗縣後龍鎮頂東路
今年三月我們受苗栗公館國中委託來到後龍鎮的國教輔導團進行彩繪
這也是一個非常艱困的案子, 因為這是一個包含木工的案子
對我而言是初體驗, 我必須找到一個木工合作廠商來一起這個工程
而且校方只給我們30天而且包含例假日
這次彩繪的內容主題是東南亞四個國家的人文特色
泰國 越南 印尼 柬埔寨
牆壁彩繪-里莫彩繪事務所
彩繪地點：新北市淡水區公明街59號
牆壁彩繪
隔了兩個月左右, 再度來到淡水的棉花貓進行後續彩繪
這次的走向是店內的招牌飲品珍珠奶茶
還有淡水最最最具代表性的兩個字"浪漫"(很多情人都是在這邊開始的 哈哈)
打稿中 這一次的牆面只出個大概 其他都是現場即興發揮
有些時候 即興的創作才是最棒的 因為繪畫跟音樂還有生活一樣
凡事都照著規矩走 不一定能找到一個最理想的效果
必須在其中加入一些臨場的反應 就是做搞笑節目也是一樣XD
珍珠不要跑 我要吸你XD
牆壁彩繪-里莫彩繪事務所
彩繪地點：林口區民族路18號
波浪板彩繪
這次彩繪的地點是林口
這一代像是正在開發的地段
所以有很多空曠的待開發地
在民族路上有一塊地面
周圍圍著圍籬 都是頗浪板的
正好有業主找到我們過去進行彩繪
由於是預售屋招待所預定地
所以要先做一些佈置來吸引人潮
我幫客戶設計一個樹精靈
一位樹精靈正扶育著一棵小樹苗
這棵小樹苗經過精靈的魔法細心照料
以及遊客在此拿著澆花器不時的餵它喝水
幾年之後他就成了一棵茁壯健康的大樹
響應未來在此深耕的大樓 堅固茁壯
本來稿子上有一顆小樹 但後來決定用真實的
