버튼 소스 : https://tax0787.tistory.com/50
pach = {
'프롤로그 링크' : 'https://han.gl/vHcep',
'주제가 링크' : 'https://han.gl/hLwNq',
'스타일 시트 수정 줄' : '<style>
.styled {
background-color: rgba(0, 0, 220, 1);
.styled:hover {
background-color: rgba(0, 0, 255, 1);
}
</style>'
}
for i,j in pach.items():
print(i, ' : ', j)
그에따른 버전 표기 :
<style>
.styled {
border: 0;
line-height: 2.5;
padding: 0 20px;
font-size: 1rem;
text-align: center;
color: #fff;
text-shadow: 1px 1px 1px #000;
border-radius: 10px;
background-color: rgba(0, 0, 220, 1);
background-image: linear-gradient(to top left,
rgba(0, 0, 0, .2),
rgba(0, 0, 0, .2) 30%,
rgba(0, 0, 0, 0));
box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
inset -2px -2px 3px rgba(0, 0, 0, .6);
}
.styled:hover {
background-color: rgba(0, 0, 255, 1);
}
.styled:active {
box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
inset 2px 2px 3px rgba(0, 0, 0, .6);
}
</style>
<button class="favorite styled"
type="button"
onclick = "location.href = 'https://han.gl/hLwNq' ">
주제가
</button>
<button class="favorite styled"
type="button"
onclick = "location.href = '이전화 링크' ">
이전화
</button>
<button class="favorite styled"
type="button"
onclick = "location.href = 'https://han.gl/vHcep'">
프롤로그로
</button>
<button class="favorite styled"
type="button"
onclick = "location.href = '다음화 링크' ">
다음화
</button>
Reality 주제가
버튼 소스 : 주제가 이전화 다음화 프롤로그로 오프닝 : 엔딩 : (둘 다 자작곡입니다) 프롤로그로
tax0787.tistory.com
오프닝
엔딩
'휴식소' 카테고리의 다른 글
class SavageShip(except): - 2화 (0) | 2021.11.29 |
---|---|
class SavageShip(except): - 1화 (0) | 2021.11.29 |
class SavageShip(except): - 프롤로그 (0) | 2021.11.24 |
Reality- 에필로그 (0) | 2021.11.07 |
Reality - 8화<전투의 추억 - 에필로그> (0) | 2021.11.07 |