skip to Main Content

How can I “href” an alert box that can be stylized? I meant to get an alert box when clicking “About”, and I mean to stylize this box modifying its transparency and fonts. I have few ideas of how to do it and my tries have failed, so here I am asking for help.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="//">
  <script src="//"></script>
  <script src="//"></script>
<link rel="stylesheet" href="" />
<link rel="stylesheet" type="text/css" href="Style.css" />
<link rel="icon" href="Senza titolo-1.ico" />


    <div id="main">

        <div id="logo">
        <a href="index.html">
        <img src="Syrenlogo.png" width="130px" height="130px" />
        </div><!--ends logo-->


        <div id="abovenavigation">

        <ul class="container">

            <li><a href="index.html"><h1 class="Home">HOME</h1></a></li><!--
            --><li><h1 class="About">ABOUT</h1></li><!--
            --><li><h1 class="Blog">BLOG</h1></li><!--

        </ul><!--ends container--> 

        </div><!--ends upper navigation-->


        <div id="me">
        <img src="Gregory1.png" width="300px" height="300px" onclick="this.src='Gregory2.png'" onmouseover="this.src='Gregory2.png'" onmouseout="this.src='Gregory1.png'"/>


        <div id="undernavigation">

            <ul class="container">
            <li><a href="" target="_blank"><img class="facebook" src="Facebook.png" width="53px" height="50px" onclick="this.src='Facebookhov.png'" onmouseover="this.src='Facebookhov.png'" onmouseout="this.src='Facebook.png'"/></a></li>
            <li><a href="" target="_blank"><img class="twitter" src="Twitter.png" width="53px" height="50px" onclick="this.src='Twitterhov.png'" onmouseover="this.src='Twitterhov.png'" onmouseout="this.src='Twitter.png'" /></a></li>
            <li><a href:"mailto:[email protected]"><img class="mailto" src="Mailto.png" width="53px" height="50px" title="[email protected]" onclick="this.src='Mailtohov.png'" onmouseover="this.src='Mailtohov.png'" onmouseout="this.src='Mailto.png'" /></a></li>

        </div><!--ends undernavigation-->

    </div><!--ends main-->

    <div id="search">   
        <a href="#search"><img class="search" src="Search.png" height="50px" width="50px" /></a>




  1. You cannot stylize an alert popup (as in the ones you make by JavaScript’s alert()).

    Perhaps what you’re looking for are modal popups:

    Login or Signup to reply.
  2. Use the modal dialog from bootstrap.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top