link

Back To Home

Friday 8 November 2019

Add menu dropdown button on website -html


Code:

<!doctype html>

<style>

.dropbtn {
    background-color: grey;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: lightgrey;
    min-width: 200px;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: white;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: grey;}

</style>

<div class="dropdown">
<button class="dropbtn">Mobile application design</button>
<div class="dropdown-content">

<a href="https://androidapplicationdesignsimple.blogspot.com/2019/11/insert-data-to-local-server-by-mobile.html">1.Insert data to local server by mobile phone</a>

<a href="https://androidapplicationdesignsimple.blogspot.com/2019/11/wampserver-error-you-dont-have.html">2.wampserver error : You don't have permission to access /phpmyadmin/ on this server</a>

</div>
</div>

<a href="https://electronicengineeringshareknowledge.blogspot.com/" class="dropbtn"><font color="white"> Home

</font></a>

</!doctype>

Saturday 4 January 2014

Add google maps to the website


If you want to show some of the location to the reader by map. It's will help reader to find the place easily.

click on the link and link to other website

<b><n><a href="http://penangvegetarianshop.blogspot.com/">1.Yijiaren</a></n></b><br />
<b><n><a href="http://penangvegetarianshop2.blogspot.com/">2.Zhongshenyuan</a></n></b><br />
<b><n><a href="http://penangvegetarianshop3.blogspot.com/">3.KampungBaru</a></n></b><br />


                                  
If you have two website or blogs. You want people to click on your website and link to other website. You can do like this.