Tuoyuan Network

Tuoyuan Network https://www.toyean.com/ Professional zblog theme template original website Use jQuery to write a ChatGPT typing effect https://www.toyean.com/post/448.html In recent years, with the continuous development of technology, artificial intelligence (AI) has gradually become a hot topic. Among them, as a large language model, ChatGPT has become increasingly popular in China. Its natural language processing function allows users to communicate more naturally, and it can also be used as a core algorithm in various AI products and services <p, AI capability will also be further improved Although some people worry that AI will have a negative impact on human work, in the process of practical application, we can see that AI has gradually become an important support and technology engine in various fields. Other enterprises have also successively released new AI products, such as Stable Diffusion, which focuses on painting, and generates near real voice Bark (SonoAI) through text input AI itself exists as a language model and can be used in conjunction with various AI products and services, such as Sun Yanzi's voice singing "Need someone to accompany", Jay Chou's voice singing "Dark Plum Jam", and even can simulate the same voice as his own, and do live video to make himself become a secondary character When using ChatGPT, I saw the results presented in the form of a typewriter, so I used a small amount of jQuery to write a ChatGPT typing effect The specific code is as follows:HTML:<pre class="Prism height Prism language markup">< div class="textbox"><span id="content"><span id="cursor"></div></pre>CSS：<pre class="prism-highlight prism-language-css">.textbox {  width:750px; margin:100px auto; padding:20px 30px; font-size:16px; color:#333; white-space:pre-wrap; line-height:30px; border:2px solid #e8e8e8; box-sizing:border-box; background:#f8f8f8; } #cursor  {  width:0.2em; height:17px; margin:7px 0 0 0.1em; background-color:#000; display:inline-block; vertical-align:top; animation:blink 0.8s infinite; } @keyframes  blink  {  & nbsp;  from, to  {  opacity:1; }  & nbsp;  50%  {  opacity:0; } }</pre>jQuery (introducing jQuery library):<pre class="prim height primm language javascript">$(function()  {  & nbsp;  var text = " On the night of October 12, the sixth year of Yuanfeng, when he was undressed and sleepy, he entered the house in the moonlight and set off happily. Thinking of those who are not happy, they went to Chengtian Temple to find Zhang Huaimin. Huaimin also did not sleep, and walked with each other in the atrium. Under the court, the water is as clear as water. The algae in the water do not cross, and the bamboo and cypress are covered. What night without moon? Where is there no bamboo and cypress? But few idle people are like the two of us. \N -- Song Dynasty& nbsp; Su Shi's Night Tour of Chengtian Temple&quot& nbsp;//  Text to be printed  & nbsp;  var delay = 50; //  Typing speed, in milliseconds  & nbsp;  printText(text,  delay); }); function printText(text,  delay){  & nbsp;  var chars = text.split("& quot;);  & nbsp;  var i = 0;  & nbsp;  var intervalId = setInterval(function(){  & nbsp;      if(i & lt; chars.length){  & nbsp;          var newText = $('# content').text() +& nbsp;chars[i];  & nbsp;          $('# content').text(newText);  & nbsp;          i++;  & nbsp;      }else{  & nbsp;          clearInterval(intervalId);  & nbsp;          $('# cursor').remove();& Nbsp;   //The cursor at the end of the text is removed at the end of the content display. If the cursor is left, delete or use//to comment on this line  & nbsp;      }  & nbsp;  }, delay); }</pre>The effect is as follows:<img class="ue image" src=“ https://www.toyean.com/zb_users/upload/2023/05/202305211684640168323697.gif "Alt=" chatgpt typing effect "/> © Copyright Birdol.Com 2006-2014.<a href=" https://www.toyean.com/post/448.html "Target=" _blank ">Continue to read the full text of Writing a ChatGPT Typing Effect with jQuery...</a>Classification: web front end | Tags: |<a href=" https://www.toyean.com/post/448.html#comment "Target=" _blank ">Add comments</a>(0)<a href=" https://www.toyean.com/post/448.html#comment "Target=" _blank ">There are no comments yet. What would you say?</a><h3>Related articles:</h3><ul><li><a href=" https://www.toyean.com/post/137.html ">CSS enables color change between rows of tables</a>(2011-04-01)</li><li><a href=" https://www.toyean.com/post/234.html ">Solution to position: fixed failure in IE6</a>(2011-11-16)</li><li><a href=" https://www.toyean.com/post/222.html ">Description of Android Simulator Creation Parameters</a>(2011-10-06)</li><li><a href=" https://www.toyean.com/post/112.html ">Method of unifying font size between browsers</a>(2011-03-18)</li><li><a href=" https://www.toyean.com/post/12.html ">Database application in ASP</a>(2010-10-14)</li></ul><a target=" _blank "title=" Alibaba Cloud offers "href=" http://www.birdol.com/redirect/?s=6 "><img alt="Z-Blog" src=" http://www.birdol.com/aliyun/qingdao950x90.jpg "></a> Thu, 18 May 2023 12:50:31 +0800 How to convert Youku kux files to mp4 https://www.toyean.com/post/kuxtomp4.html Recently, due to the need to download a video on the Youku platform, Youku prompted that you need to download the PC client, so after downloading the Youku PC client and installing it, it was found that the downloaded video extension is. kux, and this format can only be played on the Youku client. In order to send it to WeChat or other players for playing, The kux video needs to be converted to the mainstream general mp4 video format<img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2023/01/202301301675087089739385.jpg "Title=" Method of converting kux to mp4. jpg "alt=" Method of converting kux to mp4. jpg "/><h3>How to convert Youku kux files to mp4</h3>1. First find the root directory of Youku installation path (X is the drive letter where you installed Youku): X: Program Files (x86) \YouKu YoukuClient 2. Find and open the nplayer folder in the root directory of Youku, create a text document named mp4, and change the extension of. txt to. bat. If the file does not display the extension, you can click the method to display the extension3、 Right click to edit the mp4.bat file, enter the following code and save it (note: change the drive letter X where Youku is located in the code to the actual drive letter):<pre class="Prism height Prism language bash">@ echo  off setlocal enabledelayedexpansion set ffmpeg="X:\Program Files  (x86)\YouKu\YoukuClient\nplayer\ffmpeg.exe" if exist %ffmpeg%  ( for /r . %%i in  (*.kux)  do  ( %ffmpeg% - y -i "%%i" -c:a copy -c:v copy -threads 2 "%%~dpni.mp4" ) )  else echo pause</pre>4、 Copy or cut the video in kux format downloaded from Youku client to the nplayer folder, that is, the folder where mp4.bat is located5、 Double click the mp4.bat file. When the last line of the pop-up window displays "Please press any key to continue...", the window can be closed. At this time, you will see that an mp4 file with the same name as the kux video has been generated in the nplayer folder ©Copyright Birdol. Com 2006-2014.<a href=" https://www.toyean.com/post/kuxtomp4.html "Target=" _blank ">Continue to read the full text of How to Convert Youku Kux Files to MP4...</a>Classification: Essays | Tags:<a href=" https://www.toyean.com/tags-54.html ">Computer</a>, |<a href=" https://www.toyean.com/post/kuxtomp4.html#comment "Target=" _blank ">Add comments</a>(1)<hr/><h3>Latest comments:</h3><ul><li><a href=" https://www.toyean.com/post/kuxtomp4.html#comment -2749">2023-04-05 22:47:09 PM</a>， Abc123456: Hello, the actual measurement seems to be invalid</li></ul><h3>Related articles:</h3><ul><li><a href=“ https://www.toyean.com/post/249.html ">No network provider accepts the specified network path</a>(2011-12-22)</li><li><a href=" https://www.toyean.com/post/73.html ">Common Computer Problems and Solutions</a>(2011-02-18)</li><li><a href=" https://www.toyean.com/post/259.html ">Win7 display camera method</a>(2012-02-08)</li><li><a href=" https://www.toyean.com/post/excel-insert-flash.html ">How to Insert Flash Animation into Excel</a>(2012-05-02)</li><li><a href=" https://www.toyean.com/post/131.html ">Solution for LAN unable to access local IIS website</a>(2011-03-26)</li></ul><a target=" _blank "title=" Alibaba Cloud discount "href=" http://www.birdol.com/redirect/?s=6 "><img alt="Z-Blog" src=" http://www.birdol.com/aliyun/qingdao950x90.jpg "></a> Mon, 30 Jan 2023 21:59:59 +0800 Visitor counter plug-in https://www.toyean.com/post/visitor.html A statistical plug-in recording the number of visitors, which displays the number of visitors and the number of articles published today at the end of the front page, and has independent switch control Theplug-in automatically creates a counter file in the zb_users/cache/plugin/visitor/directory to save the number of visitors. If the creation fails, please give the zb_users/cache directory 0777 permission manually Demo effect:<table><tbody><tr class="firstRow"><td>You are the 10086th visitor to our website. Today, there are 3 new articles</td></tr></tbody></table>Plug in Settings page:<img class="ue image" src=“ https://www.toyean.com/zb_users/upload/2022/02/202202111644551522910817.png "Alt=" Visitor counter plug-in "/>Release V1.0 on 2022-02-11 © Copyright Birdol.Com 2006-2014.<a href=" https://www.toyean.com/post/visitor.html "Target=" _blank ">Continue to read the full text of Visitor Counter Plug ins...</a>Classification: Free Plug ins | Tags:<a href=" https://www.toyean.com/tags-63.html ">Tuoyuan</a>,<a href=" https://www.toyean.com/tags-122.html ">zblog</a>，<a href=" https://www.toyean.com/tags-130.html ">Plug ins</a>, |<a href=" https://www.toyean.com/post/visitor.html#comment "Target=" _blank ">Add comments</a>(1)<hr/><h3>Latest comments:</h3><ul><li><a href=" https://www.toyean.com/post/visitor.html#comment -2740">2022-02-20 12:00:33 PM</a>， Sys: Support, thanks for providing</ Li></ul><h3>Related articles:</h3><ul><li><a href=“ https://www.toyean.com/post/allowurl.html ">ZBlogPHP domain name authorization plug-in - AllowURL</a>(2016-09-29)</li><li><a href=" https://www.toyean.com/post/viewall.html ">Read more on zblog [View Full Text] Plug in</a>(2021-02-18)</li><li><a href=" https://www.toyean.com/post/tagtolist.html ">Text Custom Keywords Article List Plug in</a>(2022-01-08)</li><li><a href=" https://www.toyean.com/post/ads.html ">zblog advertising insert</a>(2021-12-26)</li><li><a href=" https://www.toyean.com/post/adviceplugin.html ">The Tuoyuan Feedback Plug in has been released!</a>(2017-05-10)</li></ul><a target=" _blank "title=" Alibaba Cloud offers "href=" http://www.birdol.com/redirect/?s=6 "><img alt="Z-Blog" src=" http://www.birdol.com/aliyun/qingdao950x90.jpg "></a> Fri, 11 Feb 2022 11:48:13 +0800 Solution of time synchronization failure in win10 system https://www.toyean.com/post/windows-time.html On January 28, 2022, the problem of Windows system time anomaly occurred in many places in China, and the synchronization time failed. It can be solved by replacing the NTP address of Tencent Right click the time in the lower right corner of the system, and select Adjust Date/Time:<img class="ue image" src=“ https://www.toyean.com/zb_users/upload/2022/01/202201281643381113405392.png "Alt=" Adjust Date/Time "/>Click the Region menu on the left, find the relevant settings under the region settings, and click Other Date, Time, and Region Settings:<img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2022/01/202201281643381392283258.png "Alt=" Other date, time and regional settings "/>Click" Set time and date "under" Date and time "in the pop-up window:<img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2022/01/202201281643381569434651.png "Alt=" Set the time and date "/>Click the" Internet Time "tab in the pop-up window, click the" Change Settings "button, and manually modify the server address in the new window to the address in the following figure. Click the" Update Now "button, and then click OK to solve the problem that the window system time cannot be synchronized. <img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2022/01/202201281643380709269812.png "Alt=" Internet time "/> © Copyright Birdol.Com 2006-2014.<a href=" https://www.toyean.com/post/windows-time.html "Target=" _blank ">Continue to read the full text of Solution to Time Synchronization Failure in Win10 System...</a>Classification: Essays | Tags:<a href=" https://www.toyean.com/tags-6.html ">Microsoft</a>, |<a href=" https://www.toyean.com/post/windows-time.html#comment "Target=" _blank ">Add comments</a>(0)<a href=" https://www.toyean.com/post/windows-time.html#comment "Target=" _blank ">There are no comments yet. What would you say?</a><h3>Related articles:</h3><ul><li><a href=" https://www.toyean.com/post/249.html ">No network provider accepts the specified network path</a>(2011-12-22)</li><li><a href=" https://www.toyean.com/post/WindowsPhotoViewer.html ">Windows Photo Viewer and FAQ Solution in win10</a>(2020-10-18)</li><li><a href=" https://www.toyean.com/post/259.html ">Win7 display camera method</a>(2012-02-08)</li><li><a href=" https://www.toyean.com/post/jpgrar.html ">How to hide RAR into JPG</a>(2011-12-24)</li><li><a href=" https://www.toyean.com/post/win7-photoshop-open.html ">Solution for Photoshop can't be opened by dragging under win7</a>(2012-07-05)</li></ul><a target=" _blank "title=" Alibaba Cloud discount "href=" http://www.birdol.com/redirect/?s=6 "><img alt="Z-Blog" src=" http://www.birdol.com/aliyun/qingdao950x90.jpg "></a> Fri, 28 Jan 2022 23:14:50 +0800 Body custom keyword article list plug-in https://www.toyean.com/post/tagtolist.html This is a plugin that calls the article list through keywords or tags. It supports setting independent keywords or tags for each article, and calls all article titles containing this keyword/tag name in the whole site to display on the page. Each tagged article list displays 10 articles by default, and the number of calls is modified on the plugin setting page The tone of the tag article list follows the pure theme setting, with its own daytime and nighttime switching, adaptive to the mobile terminal The plug-in has the following function options: <h3>List Type </h3>[User defined Keywords]: fill in a custom keyword matching [whole site] article list in the format of "Keyword 1, Keyword 2, Keyword 3" [Tag ID]: fill in the list of articles whose tag ID matches [the whole station or contains this tag] (the tag ID is viewed in the tag management on the left), in the format of "1,2,3" * Prompt: Fill in keywords or tag IDs when creating or editing articles/pages. Multiple keywords/tag IDs are separated by commas in English, with no commas at the beginning and end <h3>Matching tag article range </h3>[Matching all site articles]: matching [keyword or tag ID] in all site articles [Match articles with this tag]: only match articles with the set tag ID <h3>Matching condition</h3>[Match title only]: get the articles with the set keyword or tag name in the title [Match title and content]: Get articles with set keywords or tag names in the title and body [Exclude the current article]: Exclude the current article from the list [Sort by browse volume]: Sort by browse volume from high to low <h3>Maximum number of article lists</h3>You can set the number of articles displayed in each list. If left blank, 10 articles will be displayed by default Plug in Functions and Settings Interface:<img class="ue image" src=“ https://www.toyean.com/zb_users/upload/2022/01/202201141642142668269337.png "Title=" QQ screenshot 20220114135432. png "alt=" QQ screenshot 20220114135432. png "/>Call keyword article list:<img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2022/01/202201141642142987410902.png "Title=" QQ screenshot 20220114144620. png "alt=" QQ screenshot 20220114144620. png "/><img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2022/01/202201081641639990235086.png "Title=" QQ screenshot 20220108180233. png "alt=" QQ screenshot 20220108180233. png "/>Call tag article list:<img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2022/01/202201141642143330846845.png "Title=" QQ screenshot 20220114144620. png "alt=" QQ screenshot 20220114144620. png "/><img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2022/01/202201081641640007912994.png "Title=" QQ Screenshot 20220108180301. png "alt=" QQ Screenshot 20220108180301. png "/>2022-02-09 Update V1.3- Switch to sort new views from high to low;- Fix an error in tag ID matching criteria;Update V1.2 on 2022-01-21- add the function of excluding the current article;- add and disable the configuration function of plug-ins;update V1.1 on 2022-01-14- optimize plug-ins do not depend on pure themes, and all themes can be used;- add new criteria list types, list ranges, and list criteria; - Rename plug-in ID, original ID: tpure pagetag list Release V1.0 on 2022-01-08 © Copyright Birdol.Com 2006-2014.<a href=" https://www.toyean.com/post/tagtolist.html "Target=" _blank ">Continue to read the full text of the Body Custom Keyword Article List Plug in...</a>Classification: Free Plug in | Tags:<a href=" https://www.toyean.com/tags-63.html ">Tuoyuan</a>,<a href=" https://www.toyean.com/tags-122.html ">zblog</a>，<a href=" https://www.toyean.com/tags-130.html ">Plug ins</a>, |<a href=" https://www.toyean.com/post/tagtolist.html#comment "Target=" _blank ">Add comments</a>(0)<a href=" https://www.toyean.com/post/tagtolist.html#comment "Target=" _blank ">There are no comments yet. What would you say?</a><h3>Related articles:</h3><ul><li><a href=" https://www.toyean.com/post/toyean_group.html ">The theme of zblog group purchase Tuoyuan Group Purchase is dedicated by the theme creation team of Tuoyuan zblog</a>(2012-11-19)</li><li><a href=" https://www.toyean.com/post/tstar.html ">Tuoyuan responsive visual theme TStar released!</a>(2013-05-06)</li><li><a href=" https://www.toyean.com/post/simida.html ">zblog Impressionist theme release!</a>(2014-01-01)</li><li><a href=" https://www.toyean.com/post/jshop-template.html ">Tutorial on using commodity template code of Tuoyuan JD store</a>(2013-10-15)</li><li><a href=" https://www.toyean.com/post/zblog-keywords-tagtoname.html ">Solution to not displaying zblog keywords</a>(2012-09-15)</li></ul><a target=" _blank "title=" Alibaba Cloud offers "href=" http://www.birdol.com/redirect/?s=6 "><img alt="Z-Blog" src=" http://www.birdol.com/aliyun/qingdao950x90.jpg "></a> Sat, 08 Jan 2022 18:22:50 +0800 Zblog ad slot https://www.toyean.com/post/ads.html Customize the advertising code on the computer and mobile terminals, and insert advertising space in the theme freely without modifying the theme source code Theme exchange group:<a href=“ https://www.toyean.com/go/zbloggroup "Target=" _blank ">ZBlog China (491920017)</a> Example of calling code:<pre class=" Prism height Prism language javascript "><! -- Advertising calling code --> < script src=" Replace here with your web address/zb_users/plugin/ads/ads.php? Obj=. banner"></script></pre>The value of the parameter obj (in red font) represents the insertion point of the jQuery selector. Copy the above code, and change the red content to the element selector inserted in the advertising location. Other parts do not need to be changed The red part (. banner) indicates that the advertisement will be inserted into the foreground&lt*** class="banner"></***> Within the element Paste the modified code into "Basic Settings" - "Advertising Call Code", and you can add multiple lines to insert them into different selectors This advertising plug-in realizes the purpose of inserting advertisements without changing the theme source code The calling code will automatically judge the computer side and mobile side. Please fill in the computer side and mobile side advertising code in the basic settings<img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2021/12/202112261640531226415181.png "Alt=" Ad Insert. png "/>to<a href=" https://www.toyean.com/post/tpure.html "Target=" _blank ">Pure theme</a>as an example, add a custom navigation example above the list of articles on the home page:Fill in the advertisement calling code: <pre class=" Prism height Prism language markup ">< script src=" This is modified as the website domain name/zb_users/plugin/ads/ads.php? Obj=. index . custom"></script></pre>Fill in the advertisement code of the computer and mobile phone (you can change the display link between the PC and the computer to display different link content at both ends): <pre class="Prism height Prism language markup">< div class="ads_plugin block"> < h3> Industry classification&lt/ h3> < ul> < Li>< a  href=" #"  target=" _blank"> zblog theme&lt/ a></li> < Li>< a  href=" #"  target=" _blank"> zblog plug-in&lt/ a></li> < Li>< a  href=" #"  target=" _blank"> zblog application&lt/ a></li> < Li>< a  href=" #"  target=" _blank"> zblog Tutorials&lt/ a></li> < Li>< a  href=" #"  target=" _blank"> zblog Video&lt/ a></li> < Li>< a  href=" #"  target=" _blank"> zblog installation&lt/ a></li> < Li>< a  href=" #"  target=" _blank"> zblog official website&lt/ a></li> </ ul> </ Div></pre>Fill in custom CSS: <pre class="Prism height Prism language css">. ads_plugin  {  margin-bottom:10px; padding-bottom:10px; } .ads_plugin  h3  {  margin-bottom:10px; padding-bottom:10px; font-size:18px; border-bottom:1px dotted #eee; } .ads_plugin  ul  {  margin-left:-16px; } .ads_plugin  li  {  margin:0 0 10px 16px; display:inline-block; vertical-align:top; } .ads_plugin  li a  {  font-size:14px; color:#666; } .ads_plugin  li a:hover  {  color:#0188fb; } .night . ads_plugin h3  {  color:#ccc; border-color:#3a3a3a; } .night . ads_plugin li a  {  color:#ccc; } .night . ads_plugin li a:hover  {  color:#0188fb; } @media  screen and  (max-width: 750px){ .ads_plugin  {  margin-bottom:8px; padding-bottom:0; } }</pre>The renderings are as follows:<img class="ue image" src=“ https://www.toyean.com/zb_users/upload/2023/06/202306041685876634364374.png "Alt=" Ad mini plug - plug-in example "/>Update log:2023-06-12 update V1.1- new ad insertion method (depend/append/before/after);- new no refresh submission switch;- modify the configuration page class name to prevent the browser from blocking the ad plug-in;2021-12-26 release V1.0 © Copyright Birdol.Com 2006-2014.<a href=" https://www.toyean.com/post/ads.html "Target=" _blank ">Continue to read the full text of the Zblog Advertising Inserts...</a>Classification: free plug-ins | Tags:<a href=" https://www.toyean.com/tags-63.html ">Tuoyuan</a>,<a href=" https://www.toyean.com/tags-122.html ">zblog</a>，<a href=" https://www.toyean.com/tags-130.html ">Plug ins</a>, |<a href=" https://www.toyean.com/post/ads.html#comment "Target=" _blank ">Add comments</a>(2)<hr/><h3>Latest comments:</h3><ul><li><a href=" https://www.toyean.com/post/ads.html#comment -2751">2023-08-26 12:18:29 PM</a>， sharehk ： 403 Forbidden Access to this resource on the server is denied! SAVE cannot</li><li><a href=“ https://www.toyean.com/post/ads.html#comment -2752">2023-08-26 12:18:32 PM</a>， sharehk ： 403 Forbidden Access to this resource on the server is denied! SAVE cannot</li></ul><h3>Related articles:</h3><ul><li><a href=“ https://www.toyean.com/post/viewall.html ">Read more on zblog [View Full Text] Plug in</a>(2021-02-18)</li><li><a href=" https://www.toyean.com/post/articlelinkurl.html ">The article jumps to the user-defined link plug-in</a>(2021-12-23)</li><li><a href=" https://www.toyean.com/post/adviceplugin.html ">Tuoyuan Feedback Plug in Released!</a>(2017-05-10)</li><li><a href=" https://www.toyean.com/post/allowurl.html ">ZBlogPHP domain name authorization plug-in - AllowURL</a>(2016-09-29)</li><li><a href=" https://www.toyean.com/post/visitor.html ">Visitor counter plug-in</a>(2022-02-11)</li></ul><a target=" _blank "title=" Alibaba Cloud discount "href=" http://www.birdol.com/redirect/?s=6 "><img alt="Z-Blog" src=" http://www.birdol.com/aliyun/qingdao950x90.jpg "></a> Sun, 26 Dec 2021 23:02:53 +0800 Article Jump Custom Link Plug in https://www.toyean.com/post/articlelinkurl.html Add an automatic jump link for the specified article or page. When you visit the article or page, it will automatically jump to the set link page. If it is left blank, it will not jump. You can use it by enabling the plug-in<img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2021/12/202112231640272625406705.png "Title=" QQ screenshot 20211223231416. png "alt=" QQ screenshot 20211223231416. png "/>Publish V1.0 on 2021-12-23 © Copyright Birdol.Com 2006-2014.<a href=" https://www.toyean.com/post/articlelinkurl.html "Target=" _blank ">Continue to read the full text of the article jump custom link plug-in...</a>Classification: free plug-in | Tags:<a href=" https://www.toyean.com/tags-122.html ">zblog</a>，<a href=" https://www.toyean.com/tags-130.html ">Plug ins</a>,<a href=" https://www.toyean.com/tags-63.html ">Tuoyuan</a>, |<a href=" https://www.toyean.com/post/articlelinkurl.html#comment "Target=" _blank ">Add comments</a>(0)<a href=" https://www.toyean.com/post/articlelinkurl.html#comment "Target=" _blank ">There are no comments yet. What would you say?</a><h3>Related articles:</h3><ul><li><a href=" https://www.toyean.com/post/visitor.html ">Visitor counter plug-in</a>(2022-02-11)</li><li><a href=" https://www.toyean.com/post/ads.html ">zblog advertising insert</a>(2021-12-26)</li><li><a href=" https://www.toyean.com/post/tagtolist.html ">Text Custom Keywords Article List Plug in</a>(2022-01-08)</li><li><a href=" https://www.toyean.com/post/clicktip.html ">Tuoyuan Click Prompt Plug in</a>(2017-12-13)</li><li><a href=" https://www.toyean.com/post/adviceplugin.html ">The Tuoyuan Feedback Plug in has been released!</a>(2017-05-10)</li></ul><a target=" _blank "title=" Alibaba Cloud offers "href=" http://www.birdol.com/redirect/?s=6 "><img alt="Z-Blog" src=" http://www.birdol.com/aliyun/qingdao950x90.jpg "></a> Thu, 23 Dec 2021 23:14:39 +0800 The method of adding navigation column icons to Tuoyuan Pure Theme https://www.toyean.com/post/menuicon.html Take the Tuoyuan Pure Theme as an example to add icons to the navigation column, refer to the following methods: 1. Visit the AliIconfont icon library website, find and select the icons to be used, and add them to the project in batch. <img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2021/11/202111111636605809665096.png "Alt=" How to add navigation column icons to Tuoyuan Pure Theme (1) "/> 2. Click "Resource Management" - "My Project" to find the "Navigation Bar Icon" project just created. If the color icon is used, you need to click "Project Settings", check "Color" in the font format, and generate the Font class online code after saving (hint: every time you adjust the icon or setting in the project, you need to regenerate the Font class code). <img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2021/11/202111111636604463660827.png "Alt=" How to add navigation column icons to Tuoyuan Pure Theme (2) "/> 3. Fill the class name (such as icon shouye) corresponding to each icon in the above figure into the corresponding text box under "Module Management - Navigation Bar - Icon" on the left side of the background of zblog, and add an iconfont class name separated by a space. As shown in the figure below: <img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2021/11/202111111636604486729796.png "Alt=" How to add navigation column icons to Tuoyuan Pure Theme (3) "/> 4. Go to Tuoyuan Pure Theme (Theme Settings - SEO Settings - Custom Code Block - Header General Code) Settings and fill in the online code generated by the icon project. The format is shown as follows: <img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2021/11/202111111636604503561440.png "Alt=" How to add navigation column icons to Tuoyuan Pure Theme (4) "/> After saving, return to the homepage of the website, and you can see the final effect of adding icons as follows: <img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2021/11/202111111636604511496885.png "Alt=" How to add navigation column icons to Tuoyuan Pure Theme (5) "/> © Copyright Birdol.Com 2006-2014.<a href=" https://www.toyean.com/post/menuicon.html "Target=" _blank ">Continue to read the full text of How to Add Navigation Column Icons to Tuoyuan Pure Theme...</a>Classification: Essays | Tags: |<a href=" https://www.toyean.com/post/menuicon.html#comment "Target=" _blank ">Add comments</a>(0)<a href=" https://www.toyean.com/post/menuicon.html#comment "Target=" _blank ">There are no comments yet. What would you say?</a><h3>Related articles:</h3><ul><li><a href=" https://www.toyean.com/post/161.html ">Only you and I are on the way of love</a>(2011-04-09)</li><li><a href=" https://www.toyean.com/post/202.html ">How to become a leader</a>(2011-05-26)</li><li><a href=" https://www.toyean.com/post/jae-jd.html ">JD Cloud Engine builds a free zblogPHP tutorial</a>(2014-05-18)</li><li><a href=" https://www.toyean.com/post/goodman.html ">The standard of a good man</a>(2011-03-21)</li><li><a href=" https://www.toyean.com/post/134.html ">Thirteen Deadlines for Private Enterprises</a>(2011-03-29)</li></ul><a target=" _blank "title=" Alibaba Cloud Offers "href=" http://www.birdol.com/redirect/?s=6 "><img alt="Z-Blog" src=" http://www.birdol.com/aliyun/qingdao950x90.jpg "></a> Thu, 11 Nov 2021 12:00:00 +0800 ZBlog Universal Video Plug in https://www.toyean.com/post/zbvideo.html A general video plug-in, which supports uploading MP4 or third-party video sharing codes and adapts to the mobile terminal This function is included in some themes of Tuoyuan, so it is unnecessary to use this plug-in. When the theme with this function switches to other themes, the plug-in will seamlessly connect videos Plug in front-end effect:<img class="ue image" src=“ https://www.toyean.com/zb_users/upload/2021/10/202110161634346687293658.jpg "Alt=" Front end effect of general video plug-in "/>Back end effect of plug-in:<img class=" ue image "src=" https://www.toyean.com/zb_users/upload/2021/10/202110161634346775140252.png "Title=" zbvideo01. png "alt=" zbvideo01. png "/> Publish V1.0 in 2021-10-16 © Copyright Birdol.Com 2006-2014.<a href=" https://www.toyean.com/post/zbvideo.html "Target=" _blank ">Continue to read the full text of ZBlog Universal Video Plug ins...</a>Classification: free plug-ins | Tags:<a href=" https://www.toyean.com/tags-63.html ">Tuoyuan</a>,<a href=" https://www.toyean.com/tags-122.html ">zblog</a>，<a href=" https://www.toyean.com/tags-127.html ">ZBlogPHP</a>，<a href=" https://www.toyean.com/tags-129.html ">zblog plug-in</a>, |<a href=" https://www.toyean.com/post/zbvideo.html#comment "Target=" _blank ">Add comments</a>(0)<a href=" https://www.toyean.com/post/zbvideo.html#comment "Target=" _blank ">There are no comments yet. What would you say?</a><h3>Related articles:</h3><ul><li><a href=" https://www.toyean.com/post/jpgrar.html ">How to hide RAR into JPG</a>(2011-12-24)</li><li><a href=" https://www.toyean.com/post/tagtolist.html ">Text Custom Keywords Article List Plug in</a>(2022-01-08)</li><li><a href=" https://www.toyean.com/post/hellozblog2.0.html ">Tuoyuan's first set of zblog2.0 theme: hellozblog2.0</a>(2012-09-26)</li><li><a href=" https://www.toyean.com/post/wulongmao.html ">Original Oolong Cat zblog topic</a>(2012-06-17)</li><li><a href=" https://www.toyean.com/post/LoginUI.html ">Login UI plug-in download on ZBlog landing page</a>(2015-05-10)</li></ul><a target=" _blank "title=" Alibaba Cloud discount "href=" http://www.birdol.com/redirect/?s=6 "><img alt="Z-Blog" src=" http://www.birdol.com/aliyun/qingdao950x90.jpg "></a> Sat, 16 Oct 2021 07:53:23 +0800 Website Sentry plug-in [content protection] - sentinel https://www.toyean.com/post/sentinel.html A plug-in that restricts content selection and copying, and prevents right clicking and debugging<img class="ue-image" src=" https://www.toyean.com/zb_users/upload/2021/06/202106221624345441863501.png "/>Release V1.0 on 2021-06-20- Restrict text selection;- Disable right-click menu and website debugging;- Disable shortcut keys (F12 Ctrl+S、Ctrl+Shift+I、Ctrl+Shift+J）; ©Copyright Birdol. Com 2006-2014.<a href=" https://www.toyean.com/post/sentinel.html "Target=" _blank ">Continue to read the full text of Website Sentinel Plug ins [Content Protection] - sentinel...</a>Classification: Free Plug ins | Tags: |<a href=" https://www.toyean.com/post/sentinel.html#comment "Target=" _blank ">Add comments</a>(0)<a href=" https://www.toyean.com/post/sentinel.html#comment "Target=" _blank ">There are no comments yet. What would you say?</a><h3>Related articles:</h3><ul><li><a href=" https://www.toyean.com/post/articlelinkurl.html ">The article jumps to the user-defined link plug-in</a>(2021-12-23)</li><li><a href=" https://www.toyean.com/post/zbvideo.html ">ZBlog Universal Video Plug in</a>(2021-10-16)</li><li><a href=" https://www.toyean.com/post/ads.html ">zblog advertising insert</a>(2021-12-26)</li><li><a href=" https://www.toyean.com/post/allowurl.html ">ZBlogPHP domain name authorization plug-in - AllowURL</a>(2016-09-29)</li><li><a href=" https://www.toyean.com/post/tagtolist.html ">The body custom keyword article list plug-in</a>(2022-01-08)</li></ul><a target=" _blank "title=" Alibaba Cloud offers "href=" http://www.birdol.com/redirect/?s=6 "><img alt="Z-Blog" src=" http://www.birdol.com/aliyun/qingdao950x90.jpg "></a> Tue, 22 Jun 2021 14:36:42 +0800