csdn博客左侧栏定制化 (适配最新版csdn主题)

Posted gamedev˚

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了csdn博客左侧栏定制化 (适配最新版csdn主题)相关的知识,希望对你有一定的参考价值。

CSDN博客菜单栏自定义,下面是我的自定义代码,可以在这段代码上进行二次修改,另外可以将你的自定义的菜单栏样式在评论中给出,我会挑选有创意的放在这篇博客中,并配有你的博客地址,让更多的人看到。

对这个html代码做简单说明,要点在于代码的前三行的div标签上,隔离原本的css样式。其他自定义代码可以参考对应模块进行修改。

</div>
<div>
<div>
<!-- 栏目一 -->
<div id="asideCustom52280648" class="aside-box custom-box">
	<div align="center">
		<u><a href="https://longshilin.com" target="_blank" align="center">我的个人网站(https://longshilin.com)</a></u>
	</div>
	<br>
	<div align="center">
		<a href="https://weibo.com/longsl123" target="_blank" align="center"><img src="https://i.imgur.com/i2zdHzG.png" width="50px" height="50px"></a>
		<a href="https://twitter.com/yilong0722" target="_blank" align="center"><img src="https://i.imgur.com/AhFHxG6.png" width="50px" height="50px"></a>
		<a href="https://plus.google.com/u/0/106698639613319707124" target="_blank" align="center"><img src="https://i.imgur.com/QW4nDBE.png" width="50px" height="50px"></a>
		<a href="https://github.com/longshilin" target="_blank" align="center"><img src="https://i.imgur.com/Uzb3vvG.png" width="50px" height="50px"></a>
	</div>
	<br>
</div>

<!-- 栏目二 -->
<div id="asideCustom52280648" class="aside-box custom-box">
	<h3 color="red" class="aside-title">Github开源项目 | 欢迎Star/Fork</h3>
	<br>
	<ul>
		<li><a href="https://github.com/longshilin/Hadoop-MapReduce#top" target="_blank"><img src="https://i.imgur.com/zn7k6gk.png" width="15px" height="15px"> 基于MapReduce的应用案例</a></li>
		<li><a href="https://github.com/longshilin/HDFS-Netdisc#top" target="_blank"><img src="https://i.imgur.com/zn7k6gk.png" width="15px" height="15px"> 基于Hadoop的分布式云存储系统</a></li>
		<li><a href="https://github.com/longshilin/wgs" target="_blank"><img src="https://i.imgur.com/zn7k6gk.png" width="15px" height="15px"> 基于Hadoop基因组测序大数据分析平台研究</a></li>
		<li><a href="https://github.com/longshilin/Hadoop-LogAnalysis#top" target="_blank"><img src="https://i.imgur.com/zn7k6gk.png" width="15px" height="15px"> 基于Hadoop的Tomcat论坛日志清洗</a></li>
		<li><a href="https://github.com/longshilin/Data-structure-and-algorithm-Java#top" target="_blank"><img src="https://i.imgur.com/zn7k6gk.png" width="15px" height="15px"> 数据结构与算法 (Java版) | 总结与整理</a></li>
	</ul>
	<br>
</div>

<!-- 栏目三 -->
<div id="asideCustom52280648" class="aside-box custom-box">
	<h3 color="red" class="aside-title">最近一个月博客访问记录</h3>
	<br>
	<div align="center">
		<a href="https://clustrmaps.com/site/1acab" title=""><img src="//www.clustrmaps.com/map_v2.png?d=wFYcKG1s5SaDcLU8qU__PhR0CVDOzeRg84CabWiDn6g&cl=ffffff" width="268.2px" height="178.8px"></a>
	</div>
	<br>
</div>

 菜单栏样式演示:

以上是关于csdn博客左侧栏定制化 (适配最新版csdn主题)的主要内容,如果未能解决你的问题,请参考以下文章

Android 屏幕适配扫盲教程

CSDN博客使用指南之博客设置:使用活动定制皮肤自定义CSDN栏目模块技巧设置试读文章

Android屏幕适配

论知乎是如何评论博客园与CSDN的!!

一博客首页搭建搭建《iVX低代码仿CSDN个人博客制作》

一博客首页搭建搭建《iVX低代码仿CSDN个人博客制作》