HTML Codes
1.
Text and BG color
2. Font size, color
3. Font size, weight, color, family
4. Text Down
5. Search Engine original
6. Search Engine (Edited)
1. Text and BG color
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee>यस
साइटमा
यहाँहरुलाई
हार्दिक
स्वागत
छ
।
</marquee>
<body text = "blue" bgcolor
= "green">
</body>
</html>
2. Font size, color
<!DOCTYPE html>
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee> <marquee width = "100%">
</marquee>
</body>
<div style =
"font-size:20pt;">यहाँहरुलाई
हार्दिक
स्वागत
छ
।</div>
</body>
<body text = "blue" bgcolor
= "green">
</html>
3. Font size, weight, color, family
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
marquee{
font-size: 30px;
font-weight: 800;
color: #8ebf42;
font-family: sans-serif;
}
</style>
</head>
<body>
<marquee>Every Child is Special</marquee>
</body>
</html>
4. Text Down
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<marquee direction="down">Text Scrolling
Down</marquee>
</body>
</html>
5.
Search Engine original (Search for ‘url’ and replace link as instructed)
<!DOCTYPE html>
<html>
<head>
<base target="_blank">
<!-- Pleace this snippet
right after opening the head tag to make it work properly -->
<!-- This code is licensed
under GNU GPL v3 -->
<!-- You are allowed to
freely copy, distribute and use this code, but removing author credit is
strictly prohibited -->
<!-- Generated by
http://insider.zone/tools/client-side-url-redirect-generator/ -->
<!--[if lt IE
9]><script type="text/javascript">var
IE_fix=true;</script><![endif]-->
<script
type="text/javascript">
function submitSearch(){
var siteSearchUrl = 'your sites search
url='; // Replace with your site's
search URL
var query =
document.getElementById("search-query-input").value;
var url = siteSearchUrl + query
if(typeof IE_fix != "undefined") //
IE8 and lower fix to pass the http referer
{
var referLink =
document.createElement("a");
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
}
else { window.open(url,'_blank'); } // All
other browsers
}
function searchKeyPress(e){
// look for window.event in case event
isn't passed in
e = e || window.event;
if (e.keyCode == 13)
{
document.getElementById('search-icon').click();
return false;
}
return true;
}
</script>
<!-- Credit goes to
http://insider.zone/ -->
<!-- REDIRECTING ENDS
-->
<link rel="stylesheet"
type="text/css"
href="https://ssl.gstatic.com/docs/script/css/add-ons.css" />
<link
href="https://fonts.googleapis.com/css?family=Roboto:400,700"
rel="stylesheet">
<style>
body {margin:0;padding:14px 6px 0
6px;background-color:transparent;font-family: 'Roboto',
sans-serif;overflow:hidden;}
#search-icon,#clear-icon
{padding:12px;height:24px;vertical-align:middle;cursor:pointer;}
#clear-icon {visibility:hidden;}
#search-query {
width:50vw;min-width:480px;max-width:720px;
margin:0
auto;overflow:hidden;border:0;border-radius:4px;color:
#212121;background-color:#FFF;
box-shadow: 0 2px 2px 0
rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0
rgba(0,0,0,0.2);font-size:16px;line-height:24px;}
#search-query-input {
min-width:104px;width:66%;height:24px;font-size:16px;font-stretch:
normal;letter-spacing:
normal;line-height:24px;border:0;color:#000;background-color:transparent;cursor:text;
text-align:start;vertical-align:middle;}
@media all and (max-width: 480px) {
#search-query
{min-width:200px;width:100%;}
}
</style>
</head>
<body>
<!-- <input type="text"
id="query" />
<button id="search"
onclick="submitSearch()">Search</button> -->
<div id="search-query">
<img id="search-icon"
alt="Search"
onclick="submitSearch();"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADAklEQVR4AezZA6xcQRSA4b92g9q2/VRuw9puVLcxake13Zh1G9W2bds2T42ZzNPeO7Pb5H5/zD17PUMgEAgEAoFAIGxFGMRMlrGTi7zjFZfZwTJmMohCRLkajOMYkkRHGUdNolI8B5EUdpB4okpJViOpbDXFiArpGMcHJIzeMY50RFgB9iIe2ksBIiiGR4jHHhFDhHTlI+JDH+lKBMQmceY/YhZNqExBMn+rAJUIMZMnCOY+EItjxRP9OetoTQZMMtCadYixJ5TAoQyYH1cbiCE5CWxADB0jA85MNp7JHUipnsbTbwqO1OWL4RSIIzUSDKfgF+riQBrOIFrPKENqleEZonWGNFjX0vDPNSUcTQ1HsiXWbUO0hhOu4YjWViwri2gdwYvDiFZ5rJqIaMXgRRyiNRGr7iBKa/BqDaJ0G4vKIVqN8Kqxy5OoL6L0mDR4lUZ/o2UA1sxHlBbhh8WI0jys2Y4odcUPXRCl7VhzDVFqgB8aIErXsUZ/fylr5dnyGGv0R38O/JADUfqMNfpLcHb8kF1/Mf/fT6HnWHMdUWqIHxoiSjexZiui1A0/dEWUtmHNPERpsZUH2WJ3rxKPSIdX6XiMKPXGmvKIVgivQohWJSx6YP11+g5WTUK04vAiBtGaBeDyJDqMF0cQrVpYthnRGkq4hiJau7GuhW/LKiHDskpzrEvDKV8WtkobFrZ24UQ9H5YW44xLi7VwZIpxcbcbKdXNuDUyG2cychQxtJ4YkhPPOsTQJXLiUMmwNjhasQUx9obyOBafzBZTiMoUIguZKUhlQszSRtYHaI5z+pnsT6NxKI5HiMee8xlRGoJDhdiNeOg6ZWmNRHKEdIzlXZj7w/PIDYBEdgQoxmokla2nNL9J5EeAeI4iKWwPXfiXRMcIUJPxHEOS6CTDKYVuTGRH0BViEDNZyk4u8gpBeMMuJtKegujcj2DN1/bnmAgAEIBhIJIZGZHOWAEslPsoyCMgIHxPmAgICAjXIQRQSsh+JSH7vYQ1StvZryW8vy9JkiQdHsFQT60Y7OcAAAAASUVORK5CYII=">
<input type="text"
id="search-query-input" placeholder="Search my Site " onkeypress="return
searchKeyPress(event);" style="box-shadow:none";>
</div>
</body>
</html>
6.
Search Engine (Edited)
<!DOCTYPE html>
<html>
<head>
<base target="_blank">
<!--[if lt IE
9]><script type="text/javascript">var
IE_fix=true;</script><![endif]-->
<script
type="text/javascript">
function submitSearch(){
var siteSearchUrl =
'https://sites.google.com/view/academichub/home'; // Replace with your site's search URL
var query =
document.getElementById("search-query-input").value;
var url = siteSearchUrl + query
if(typeof IE_fix != "undefined") //
IE8 and lower fix to pass the http referer
{
var referLink =
document.createElement("a");
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
}
else { window.open(url,'_blank'); } // All
other browsers
}
function searchKeyPress(e){
// look for window.event in case event
isn't passed in
e = e || window.event;
if (e.keyCode == 13)
{
document.getElementById('search-icon').click();
return false;
}
return true;
}
</script>
<link rel="stylesheet"
type="text/css"
href="https://ssl.gstatic.com/docs/script/css/add-ons.css" />
<link
href="https://fonts.googleapis.com/css?family=Roboto:400,700"
rel="stylesheet">
<style>
body {margin:0;padding:14px 6px 0
6px;background-color:transparent;font-family: 'Roboto',
sans-serif;overflow:hidden;}
#search-icon,#clear-icon
{padding:12px;height:24px;vertical-align:middle;cursor:pointer;}
#clear-icon {visibility:hidden;}
#search-query {
width:50vw;min-width:480px;max-width:720px;
margin:0
auto;overflow:hidden;border:0;border-radius:4px;color:
#212121;background-color:#FFF;
box-shadow: 0 2px 2px 0
rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0
rgba(0,0,0,0.2);font-size:16px;line-height:24px;}
#search-query-input {
min-width:104px;width:66%;height:24px;font-size:16px;font-stretch:
normal;letter-spacing:
normal;line-height:24px;border:0;color:#000;background-color:transparent;cursor:text;
text-align:start;vertical-align:middle;}
@media all and (max-width: 480px) {
#search-query
{min-width:200px;width:100%;}
}
</style>
</head>
<body>
<!-- <input type="text"
id="query" />
<button id="search"
onclick="submitSearch()">Search</button> -->
<div id="search-query">
<img id="search-icon"
alt="Search"
onclick="submitSearch();"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAADAklEQVR4AezZA6xcQRSA4b92g9q2/VRuw9puVLcxake13Zh1G9W2bds2T42ZzNPeO7Pb5H5/zD17PUMgEAgEAoFAIGxFGMRMlrGTi7zjFZfZwTJmMohCRLkajOMYkkRHGUdNolI8B5EUdpB4okpJViOpbDXFiArpGMcHJIzeMY50RFgB9iIe2ksBIiiGR4jHHhFDhHTlI+JDH+lKBMQmceY/YhZNqExBMn+rAJUIMZMnCOY+EItjxRP9OetoTQZMMtCadYixJ5TAoQyYH1cbiCE5CWxADB0jA85MNp7JHUipnsbTbwqO1OWL4RSIIzUSDKfgF+riQBrOIFrPKENqleEZonWGNFjX0vDPNSUcTQ1HsiXWbUO0hhOu4YjWViwri2gdwYvDiFZ5rJqIaMXgRRyiNRGr7iBKa/BqDaJ0G4vKIVqN8Kqxy5OoL6L0mDR4lUZ/o2UA1sxHlBbhh8WI0jys2Y4odcUPXRCl7VhzDVFqgB8aIErXsUZ/fylr5dnyGGv0R38O/JADUfqMNfpLcHb8kF1/Mf/fT6HnWHMdUWqIHxoiSjexZiui1A0/dEWUtmHNPERpsZUH2WJ3rxKPSIdX6XiMKPXGmvKIVgivQohWJSx6YP11+g5WTUK04vAiBtGaBeDyJDqMF0cQrVpYthnRGkq4hiJau7GuhW/LKiHDskpzrEvDKV8WtkobFrZ24UQ9H5YW44xLi7VwZIpxcbcbKdXNuDUyG2cychQxtJ4YkhPPOsTQJXLiUMmwNjhasQUx9obyOBafzBZTiMoUIguZKUhlQszSRtYHaI5z+pnsT6NxKI5HiMee8xlRGoJDhdiNeOg6ZWmNRHKEdIzlXZj7w/PIDYBEdgQoxmokla2nNL9J5EeAeI4iKWwPXfiXRMcIUJPxHEOS6CTDKYVuTGRH0BViEDNZyk4u8gpBeMMuJtKegujcj2DN1/bnmAgAEIBhIJIZGZHOWAEslPsoyCMgIHxPmAgICAjXIQRQSsh+JSH7vYQ1StvZryW8vy9JkiQdHsFQT60Y7OcAAAAASUVORK5CYII=">
<input type="text"
id="search-query-input" placeholder="Search Academic Hub "
onkeypress="return searchKeyPress(event);"
style="box-shadow:none";>
</div>
</body>
</html>
6.
Comments
Post a Comment