所有文章

2024-05-16

客製化網頁設計在html 連結錨點語法 id 慢慢滾動

許多公司及大家最喜愛的客製化網頁設計,基隆網頁設計,台北網路行銷網站設計,關鍵字廣告,基隆電商電子商務網站,台北電商電子商務網站 ,基隆網頁設計,台北網站設計,google關鍵字廣告,網頁設計課程，專業的網頁設計團隊，多年的網頁設計經驗，提供各種主題風格的網頁設計。基隆台北GOOGLE關鍵字廣告 台北基隆GOOGLE關鍵字廣告 台北基隆網頁設計費用 基隆台北網頁設計費用 台北網頁設計價格 台北客製化網站網頁設計價格 基隆網頁設計費用 基隆客製化網站網頁設計費用

客製化網頁設計,基隆網頁設計,台北網路行銷網站設計,關鍵字廣告,基隆電商電子商務網站,台北電商電子商務網站 ,基隆網頁設計,台北網站設計,google關鍵字廣告,網頁設計課程

首先，html的頁面錨點，就是只在同一個頁面，點擊連結，會滾動到上下方的位置，

如以下

頁面錨點語法

譬如我該頁面下方的留言位置，

設定的語法是

<a name="commentform" id="commentform"></a>

這裡面有一段是 id="commentform" 那我設定一個連結是

<a href="#commentform">移動到留言區域</a>

如底下按鈕移動到留言區域 html語法

<a href="#commentform">移動到留言區域</a>

css語法

html {
scroll-behavior: smooth;
}
:root {
scroll-padding-top: 30px;
}

2021-12-18

如何安全地移除 Laravel Debugbar

現在開始很多人使用Laravel框架製作網站了，但有些人會發現，Laravel網站做好後，卻發現下方一直出現Laravel Debugbar

1639829096805

那要怎麼關閉

在網站根目錄開啟 .env

在最底部加入

DEBUGBAR_ENABLED=false

就可以關閉這個功能了

2020-12-04

客製化網頁設計之html和css漂亮底線語法方法

代碼如下

+ 閱讀更多

2020-11-25

HTML 的轉址方法

正常你只要在 HTML 裡面的 </head>內加入下方轉址語法，您的這個頁面就會自動轉址，非常的方便

HTML 的轉址代碼

<meta http-equiv="refresh" content="0;url=https://你的網址" />

2020-11-25

.htaccess 強制 https

很多情況，我們會需要透過

.htaccess 強制 https

這個設定也非常重要。

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

2020-11-21

如何在Apache中禁用直接IP訪問

+ 閱讀更多

2020-11-18

如何簡單在內的網頁連結，可以另開新視窗的方法

+ 閱讀更多

2020-06-25

申請和啟用 Gmail API 的 OAuth 2.0 憑證方法

當我們想要使用免費又好用的寄信伺服器，很多人會使用gmail來操作。

那網站要如何和gmail做結合，那就申請gmail API

申請網址

到主頁https://console.cloud.google.com/

建立專案

messageImage 1593051744453

messageImage 1593051762521

messageImage 1593051858033

搜尋gmail API

gmail 1

gmail 2

gmail 3 gmail 4

建立憑證

2020-06-03

網頁要如何 rwd 語法Responsive Web Design 自適應網站

很簡單，需要在網頁的<head></head>

裡面增加，這段語法

rwd-html代碼語法

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

告訴不同裝置、不同尺寸，有不同的語法

在增加這段代碼，讓圖片適應網頁尺寸

圖片自動適應寬度代碼

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

2020-05-21

PHP按下連結時單擊計數器,保存到txt

如果你想增加一個計數器，該計數器在每次點擊連結時進行計數。而不想使用資料庫，計數會保存到txt，只有一個連結說“單擊此處”，並且在連結旁邊顯示一個計數器，該計數器從0開始，每次單擊該連結時都會計數。並且其他用戶點擊的時候可以累計，就像youtube的點觀看計數懶功能。

建立php，譬如test.php，放入以下代碼執行，謝謝。

<?php
if(!file_exists('counter.txt')){
file_put_contents('counter.txt', '0');
}
if($_GET['click'] == 'yes'){
file_put_contents('counter.txt', ((int) file_get_contents('counter.txt')) + 1);
header('Location: ' . $_SERVER['SCRIPT_NAME']);
die;
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>counter example</title>
</head>
<body>
<h1><?php echo file_get_contents('counter.txt'); ?></h1>
<a href="?click=yes">clickMe</a>
</body>
</html>

2020-05-20

網站DNS尚未生效，學習設定 hosts 對應 IP 的教學

+ 閱讀更多

2020-05-19

html頁面自動刷新代碼9(親測有效)

頁面自動刷新代碼大全，基本上所有要求自動刷新頁面的代碼都有，大家可以自由發揮做出完美的頁面。

專業Google 關鍵字廣告文案寫作,專人Google廣告代操服務,展現出流量轉金流的最大化關鍵字廣告,台北Google廣告,台北Google代理商,關鍵字廣告, 台北 Google 關鍵字廣告,協助企業開通Google Ads帳戶在Google上做廣告。了解有關如何充分利用Google Ads的更多信息台北基隆GOOGLE關鍵字廣告 基隆台北網頁設計費用 台北網頁設計價格 基隆網頁設計費用

客製化網頁設計,基隆網頁設計,台北網路行銷網站設計,關鍵字廣告,基隆電商電子商務網站,台北電商電子商務網站 ,基隆網頁設計,台北網站設計,google關鍵字廣告,網頁設計課程

代碼一、js方法

<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',3000); //指定3秒更新一次
</script>

代碼二、純HTML

下方20指每隔20秒刷新一次頁面.

<meta http-equiv="refresh" content="20">

2020-04-28

iframe自動適應高度

我覺得這個代碼方便好用

<script type="text/javascript">
function SetCwinHeight()
{
var iframeid=document.getElementById("mainframe"); //iframe id
if (document.getElementById)
{
if (iframeid && !window.opera)
{
if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight)
{
iframeid.height = iframeid.contentDocument.body.offsetHeight;
}else if(iframeid.Document && iframeid.Document.body.scrollHeight)
{
iframeid.height = iframeid.Document.body.scrollHeight;
}
}
}
}
</script>
<iframe src="https://adanaa.com/url/" name="mainframe" width="100%" marginwidth="0" marginheight="0" onload="Javascript:SetCwinHeight()" scrolling="No" frameborder="0" id="mainframe" ></iframe>