Skip to content

Instantly share code, notes, and snippets.

View nm-scripts's full-sized avatar

nm-scripts

View GitHub Profile
@nm-scripts
nm-scripts / css-rounded-corners.html
Created May 6, 2020 16:07
How we can get rounded corner effect using border radius without going through the laborious process of creating images and fitting them in every item corner to create the desired effect. https://www.agernic.com/css-tutorial/css-rounded-corners.html
<!DOCTYPE html>
<html> <head>
<title>CSS Text Bold - examples - example</title>
<style>
.corner-radius1
{
border-radius:12px;
padding:10px;
width:150px;
height:100px;
@nm-scripts
nm-scripts / css-tutorial-css-text-bold.html
Created May 6, 2020 16:01
CSS Tutorial » CSS Text Bold - The font-weight property sets how thick or thin characters in text should be displayed. https://www.agernic.com/css-tutorial/css-text-bold.html
<!DOCTYPE html>
<html> <head>
<title>CSS Text Bold - examples - example</title>
<style>
div.bold1 {
font-weight: normal;
}div.bold2 {
font-weight: bold;
}
div.bold3 {
@nm-scripts
nm-scripts / html-image-background.html
Last active January 23, 2020 21:14
HTML Tutorial » HTML Image Background. If you want to have the entire page background image, you must specify the background img on the <body> element: https://www.agernic.com/html-tutorial/html-image-background.html
<!DOCTYPE html>
<html>
<head>
<title>HTML Image Background - example</title>
</head>
<body style="background-image:url(http://hdwbay.com/wp-content/uploads/2019/05/super-nature-Lake-Wallpaper.jpg)">
<h1>To this page we add Image Background under body - example</h1>
<a href="https://www.agernic.com/html-tutorial/html-image-size.html">
<img src="https://www.agernic.com/uploads/html-img-tag.jpg" alt="html image tag"> <br />
<a/>
@nm-scripts
nm-scripts / html-text-color-style.html
Created January 23, 2020 21:12
HTML Tutorial » HTML Text Color Style. Adding HTML Text Color Style using CSS inline - examples. https://www.agernic.com/html-tutorial/html-text-color-style.html
<!DOCTYPE html>
<html>
<head>
<title>HTML Text Color Style using CSS inline</title>
</head>
<body>
<h1>HTML Text Color Style using CSS inline</h1>
<span style="color:#0033FF">Here add your text color style in line #0033FF (blue)</span>
<p style="color:#FF0000">example - Here add your text color style in line red #FF0000</p>
<p style="color:red">Example - This is my text color style red</p>
@nm-scripts
nm-scripts / html-table-style.html
Created January 23, 2020 21:10
HTML Tutorial » HTML Table Style The HTML style attribute specifies a style of table cells. https://www.agernic.com/html-tutorial/html-table-style.html
<!DOCTYPE html>
<html>
<head>
<title>HTML Table Style</title>
</head>
<body>
<table style="background:#FFFFCC; width:100%; border:thick solid #FF3333"><br />
<tr><br />
<td style="border:1px solid #006699; witdh:100%;"> January </td><br />
<td style="border:1px solid #FF3333; witdh:100%;"> 12 </td><br />
@nm-scripts
nm-scripts / html-table-border.html
Created January 23, 2020 21:07
HTML Tutorial » HTML Table Border https://www.agernic.com/html-tutorial/html-table-border.html
<!DOCTYPE html>
<html>
<head>
<title>HTML Table Border</title>
</head>
<body>
<table border="1">
<tr>
<th> title 1 </th>
<th> title 2 </th>
@nm-scripts
nm-scripts / css-background-image-opacity-without-affecting-text-content.html
Created January 8, 2020 17:24
CSS property as background-opacity that you wish to use only for changing the opacity or transparency of an CSS element's background without affecting text. https://www.agernic.com/css-tutorial/css-background-image-opacity-without-affecting-text-content.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body {
font-family: "Comic Sans MS", cursive;
font-size: 18px;
font-weight: bold;
color: #036;
}
@nm-scripts
nm-scripts / css-rounded-corners.css
Created January 7, 2020 19:24
CSS rounded corners. We will see how we can get rounded corner effect using border radius without going through the laborious process of creating images and fitting them in every item corner to create the desired effect https://www.agernic.com/css-tutorial/css-rounded-corners.html
.corner-radius1
{
border-radius:12px;
padding:10px;
width:250px;
height:160px;
background-color: #FF9;
float: left;
}
@nm-scripts
nm-scripts / max-width-height-responsive.css
Created January 7, 2020 19:09
CSS max width, max height, CSS responsive https://www.agernic.com/css-tutorial/css-max-width-max-height-css-responsive.html
.div-box1 {
width: 100%;
max-width: 450px;
height: 210px;
border: 1px solid #73AD21;
background-color: red;
}
.div-box2 {
width: 100%;
height: auto;