论坛 › 古风雅韵 › 【翻香令】步韵恬静雪雪

樵歌 发表于 2023-7-4 08:15

【翻香令】步韵恬静雪雪

<style>
#mydiv {
        margin: 30px auto;
        padding: 10px 10px;
        width: 94%;
        min-height: 400px;
        border-radius: 12px;
        border: 2px solid var(--fColor);
        color: var(--fColor);
        background: var(--bgMain);
        position: relative;
        --bgMain: linear-gradient(snow,Moccasin,snow);
        --bgTitle: Moccasin;
        --fColor: SaddleBrown;
        --btnWidth: 50px;
        --state: paused;
}
#mydiv::before, #mydiv::after {
        position: absolute;
        padding: 0 20px;
        font: bold 24px / 24px sans-serif;
        text-shadow: 1px 1px 1px #111;
        border: inherit;
        border-radius: inherit;
        background: var(--bgTitle);
}
#mydiv::before {
        content: '【翻香令】步韵恬静雪雪';
        left: 18px;
        top: -16px;
        font: bold 20px / 32px sans-serif;
}
#mydiv::after {
        content: attr(data-tt);
        position: absolute;
        left: 50%;
        bottom: -14px;
        transform: translateX(-50%);
        font-size: 14px;
        line-height: 20px;
}
#mydiv p { padding: 8px 0; font-size: 16px; }
#mplayer {
        position: absolute;
        width: var(--btnWidth);
        height: var(--btnWidth);
        background: conic-gradient(var(--fColor),var(--bgTitle),var(--fColor),var(--bgTitle));
        border-radius: 50%;
        bottom: 30px;
        left: calc(50% - var(--btnWidth) / 2);
        cursor: pointer;
        pointer-events: auto;
        animation: rot 5s infinite linear var(--state);
}
.txtRight { position: absolute; text-align: center; right: 20px; bottom: 0px; }
.txtMid { text-align: center; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="mydiv" data-tt="00:00/00:00">
<p><br></p>
        <p class="txtMid"><img src="https://pic.imgdb.cn/item/649e51d61ddac507cce1fe47.gif" alt="" /></p>
                <p class="txtMid"><img src="https://pic.imgdb.cn/item/649ebd021ddac507cca5972c.png" alt="" /></p>
        <pclass="txtMid">一（词林正韵）<br>
<pclass="txtMid">樱花时节醉游春，软红粉雪傍香唇。人依树，恬然处，突忆君、不觉黛眉颦。</p>
<pclass="txtMid">抱琴纤手抹离分，泛音缭乱不知闻。坐清影，相思久，懒慵身、盈袖泪真真。</p></p>
<p class="txtMid"><img src="https://pic.imgdb.cn/item/649ebd021ddac507cca5972c.png" alt="" /></p>
<pclass="txtMid">二（词林正韵）<br>
<pclass="txtMid">遥山秋色染田园，北来大雁出云烟。梧桐影，斋中静，又一年、冉冉岁流泉。</p>
<pclass="txtMid">卷帘痴看月儿弯，晓来慵懒恼无眠。淡妆毕，焚香起、抚瑶琴、挥袖理丝弦。</p></p>

<p class="txtMid"><img src="https://pic.imgdb.cn/item/649ebd021ddac507cca5972c.png" alt="" /></p>
<pclass="txtMid">附：恬静雪雪【翻香令】（词林正韵</p>

<pclass="txtMid">桃芳争艳醉阳春，乱红潋滟点朱唇，微醺处，含香露，袅绕间，俏惹汝眉颦。</p>

<pclass="txtMid">玉人凝噎诉离分，怨折花瓣纵深闻。沁心赋，莺啼啭，展清颜，欢若小纯真。</p></p>


<p class="txtMid"><img src="https://pic.imgdb.cn/item/649ebd021ddac507cca5972c.png" alt="" /></p>
    <pclass="txtMid">二 中华新韵</p>
    <pclass="txtMid">偏山菊韵绽田园，草屋煮膳袅炊烟，花疏影，闲人静，叹往年，仿不止流泉。</p>
    <pclass="txtMid">未央新月若勾弯，有心诗作枕无眠，晓风起，亭中坐，付瑶琴，殇曲落清弦。</p></p>
<p class="txtMid"><img src="https://pic.imgdb.cn/item/649ebd021ddac507cca5972c.png" alt="" /></p>

       
        <p class="txtMid" style="transform:rotateX(180deg);"><img src="https://pic.imgdb.cn/item/649e51d61ddac507cce1fe47.gif" alt="" /></p>
        <p><br></p><p><br></p>
        <div id="mplayer"></div>
        <p class="txtRight">作者：樵歌<br> 2023年7月4日</p>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1467202232.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
(function () {       
        let toMin = (val) => {if (!val) return '00:00';val = Math.floor(val);let min = parseInt(val / 60),sec = parseFloat(val % 60);if (min < 10) min = '0' + min;if (sec < 10) sec = '0' + sec;return min + ':' + sec;};
        let mState = () => mydiv.style.setProperty('--state', aud.paused ? 'paused' : 'running');
        aud.addEventListener('play', mState, false);
        aud.addEventListener('pause', mState, false);
        aud.addEventListener('timeupdate', () => mydiv.dataset.tt = toMin(aud.currentTime) + ' / ' + toMin(aud.duration));
        mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
})();
</script>

樵歌 发表于 2023-7-4 08:16

@恬静雪雪

樵歌 发表于 2023-7-4 08:16

附：恬静雪雪词

【翻香令】（词林正韵）

桃芳争艳醉阳春，乱红潋滟点朱唇，微醺处，含香露，袅绕间，俏惹汝眉颦。
玉人凝噎诉离分，怨折花瓣纵深闻。沁心赋，莺啼啭，展清颜，欢若小纯真。
中华新韵

偏山菊韵绽田园，草屋煮膳袅炊烟，花疏影，闲人静，叹往年，仿不止流泉。
未央新月若勾弯，有心诗作枕无眠，晓风起，亭中坐，付瑶琴，殇曲落清弦。

樵歌 发表于 2023-7-4 08:17

没凑过中华新韵，只好用前韵凑数。{:4_189:}

红影 发表于 2023-7-4 09:04

这个唱和漂亮，词句精美，意韵流畅。给师兄点赞{:4_199:}

红影 发表于 2023-7-4 09:06

雪雪的原玉也漂亮。欣赏双玉。
师兄知道怎样去掉多余的分割线了，现在的代码用得也越来越熟练了呢。这词牌上下阕的长度也特别适合这个模板，看起来特别棒{:4_199:}

樵歌 发表于 2023-7-4 09:12

红影 发表于 2023-7-4 09:04
这个唱和漂亮，词句精美，意韵流畅。给师兄点赞

早上起来突想到来凑个掺和，没想到翻香令很是难填！历史上只有一例！貌似是以和香染我们都同过{:4_173:}

樵歌 发表于 2023-7-4 09:14

红影 发表于 2023-7-4 09:06
雪雪的原玉也漂亮。欣赏双玉。
师兄知道怎样去掉多余的分割线了，现在的代码用得也越来越熟练了呢。这词牌 ...

师妹以前那个是宽度是84%，我发觉不够就试着改成94%没曾想到误打误撞竟然乱弄成，其实师兄心里也是迷糊的{:4_189:}

恬静雪雪 发表于 2023-7-4 09:56

用词林正韵才是古代大家的风范，那时诗人多出于南方，有地方方言的韵脚
新韵是统一了南北发音，所以擅长用哪个都是正确的。兄长更有底蕴，情景交融
更突出了画面感。这两阙翻香令，有景有情，漂亮，我哥优秀，为你点赞。
{:4_199:}

恬静雪雪 发表于 2023-7-4 09:57

樵歌 发表于 2023-7-4 08:17
没凑过中华新韵，只好用前韵凑数。

这可不是凑的，是兄长腹有诗书气自华，信手拈来的，帅{:4_176:}

恬静雪雪 发表于 2023-7-4 09:58

红影 发表于 2023-7-4 09:06
雪雪的原玉也漂亮。欣赏双玉。
师兄知道怎样去掉多余的分割线了，现在的代码用得也越来越熟练了呢。这词牌 ...

与影子宝贝同赏美词，一大早看到兄长，妹妹，心花怒放{:4_197:}

梦缘 发表于 2023-7-4 11:11

老师大才，欣赏品读，点赞！{:4_204:}

小辣椒 发表于 2023-7-4 12:28

樵哥哥精彩不断{:4_178:}

樵歌 发表于 2023-7-4 12:51

恬静雪雪 发表于 2023-7-4 09:56
用词林正韵才是古代大家的风范，那时诗人多出于南方，有地方方言的韵脚
新韵是统一了南北发音，所以擅长用 ...

瞧瞧主，我家妹子又来变着法儿夸她老大哥了，万一夸到天上下不来怎么办{:4_189:}

樵歌 发表于 2023-7-4 12:53

恬静雪雪 发表于 2023-7-4 09:57
这可不是凑的，是兄长腹有诗书气自华，信手拈来的，帅

哥也想拈，可是这牌子粘性太大，可费老鼻子劲了{:4_189:}

樵歌 发表于 2023-7-4 12:53

梦缘 发表于 2023-7-4 11:11
老师大才，欣赏品读，点赞！

开心梦梦来点赞{:4_187:}

樵歌 发表于 2023-7-4 12:54

小辣椒 发表于 2023-7-4 12:28
樵哥哥精彩不断

点赞樵哥哥是开心的，但这两天你又在网时间多了点，还得克服呵{:4_197:}

一斛珠 发表于 2023-7-4 15:20

哎呀呀，图文并茂，词儿美美哒，玩的真好啊。

一斛珠 发表于 2023-7-4 15:22

你还有盈袖泪真真{:4_172:}

一斛珠 发表于 2023-7-4 15:24

樵歌的古词真好看，学习加欣赏。

查看完整版本: 【翻香令】步韵恬静雪雪