292 - game xèng hoa quả cho máy tính
Mục lục
Chủ đề Pix 01: Kết nối Giao diện Một Lời (Hitokoto)
Kết quả sẽ như sau:
Đầu tiên, trong thư mục inc của chủ đề PIX, tìm đến tệp pix-fn.php. Sau đó, tại khoảng dòng 419, thay đổi đoạn mã thành:
$html = '<div class="top_logo"><img src="'.$logo.'" '.$class.'><p id="hitokoto_text"></p></div>'; [game xèng hoa quả cho máy tính](/post/1799/)
Tiếp theo, trong phần tai game ica Cài đặt PIX - Cài đặt mở rộng - Mã HTML đầu trang, banaanil on nohu thêm đoạn mã sau để kết nối (phương thức tải):
<link
rel="stylesheet"
href="
/>
Và trong phần Mã HTML cuối trang, thêm đoạn mã sau để tích hợp “Một Lời”:
<script>
fetch('
.then(response => response.json())
.then(data => {
const hitokoto = document.getElementById('hitokoto_text')
hitokoto.href = ' + data.uuid
let data_ = data.hitokoto
if(data_.length > 22){
data_ = data_.substring(0,22);
data_ = data_ + "...";
}
hitokoto.innerText = data_
var top_logo_me = document.getElementById('hitokoto_text');
top_logo_me.style.display = 'block';
})
.catch(console.error)
</script>
Cuối cùng, trong phần CSS tùy chỉnh, thêm đoạn mã sau (đây là cài đặt bán kính góc và chiều cao cho ảnh đại diện, có thể điều chỉnh theo nhu cầu):
#hitokoto_text{
font-size: 0.5rem;
width: 70%;
display: none;
animation-duration: 3s;
animation-fill-mode: both;
animation-name: fadeIn;
}
.top_logo{
display: flex;
justify-content: space-between;
align-items: center;
height: 116px;
}
.top_logo img {
border-radius: 5px;
}
