chat を更新
parent
c837b01b4b
commit
61e457454c
35
chat.md
35
chat.md
@ -59,12 +59,10 @@ htmlに省略形式でcssを記述します。`tailwind.config.ts`を見てく
|
||||
|
||||
```html
|
||||
{{ if .Param "comment" }}
|
||||
<a href="https://example.com/post/syui.ai/{{ .Params.comment }}">
|
||||
<button class="frontpage">@comment</button>
|
||||
</a>
|
||||
<div class="comment">
|
||||
<iframe class="frontpage" src="https://example.com/post/syui.ai/{{ .Params.comment }}" frameBorder="0" sandbox></iframe>
|
||||
</div>
|
||||
<div class="comment">
|
||||
<p><a href="https://example.com/post/syui.ai/{{ .Params.comment }}" class="frontpage-button"> @comment </a></p>
|
||||
<iframe class="frontpage" src="https://example.com/post/syui.ai/{{ .Params.comment }}" frameBorder="0" SRC=""></iframe>
|
||||
</div>
|
||||
{{ end }}
|
||||
```
|
||||
|
||||
@ -78,3 +76,28 @@ date = "2024-10-26"
|
||||
comment = "3l7lprmoka22r"
|
||||
+++
|
||||
```
|
||||
|
||||
```css
|
||||
iframe.frontpage {
|
||||
width:100%;
|
||||
height: 1000px;
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
a.frontpage-button {
|
||||
width:100%;
|
||||
font-size: 15px;
|
||||
background-color: #e80063;
|
||||
/* background-color: #007fff; */
|
||||
color: #fff;
|
||||
border: 2px solid #fff;
|
||||
padding: 10px 30px;
|
||||
border-radius: 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.frontpage-button:hover {
|
||||
/* background-color: #0077ff; */
|
||||
background-color: #e80073;
|
||||
}
|
||||
```
|
Loading…
Reference in New Issue
Block a user