A basic webpage builder
<link href="https://cdn.jsdelivr.net/gh/shbwb/[email protected]/css/style.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/shbwb/[email protected]/js/plugins.js"></script>You need to add these 2 urls to use bwb
You can change the links in the code below.(tip: you can change the command "dark" to "light".)
<div class="navbar-theme-dark">
<a href="http://github.com">GitHub</a>
</div>The css box(you can change "on" to "off")
<input focus="on" placeholder="xxx"><button onclick="goback()">Back</button>Try to change the key word "goback" to "gofoward"
Before you use,add this to your html file(body tag)
<body onload="snackbar()">
<div id="snackbar">Welcome<strong> to </strong>use！</div><script src="https://cdn.jsdelivr.net/gh/crqblog/[email protected]/js/timer.js"></script>The mask
<span class="mask">xxx</span>You can add this code to everywhere.
<div class="sticky">xxx</div><small>xxx</small>header
<div class="header text-center">
...
</div>you should add "text-center".
row
<div class="row">
...
</div>container
<div class="container">
...
</div>inbox
<div class="inbox">
...
</div>readbox highlight box
<div class="readbox">
...
</div>e.g.
<div class="container">
<h2>About us:</h2>
<p>Author:</p></br>
<p>The project was build by Chen Ruiqi(crq)<p>
<script src="https://cdn.jsdelivr.net/gh/crqblog/[email protected]/js/timer.js"></script>
<div class="inbox">
<h2>Friends</h2>
<h5>ZJY:</h5>
<div class="fakeimg" style="height:200px;">no photo</div>
</div>
</div><div class="bar bar-warning">
...
</div>You can change the "warning" command to "done" or "information"