HTML-HTML5 Archives

CSS3 Animated Price Table

Example of a price table.
View source code for more details.

View Demo

Domain redirect keeping the URL path – URL Masking

I had a site hosted at a domain and the client asked me to change the domain.

There are many ways to do such a thing.

Method1:
Apache .htaccess file associated with mod_rewrite? Most of the hosting services supports this.

RewriteEngine On
RewriteBase /
Redirect 301 / http://mynewdomain.com/

This way, all requests to the root of my old domain get redirected to the root of my new domain.
But what if I try yo access some path inside my old domain? It would raise a 404 error because it does not have the content anymore.
I want that if the user access http://myolddomain.com/path/ it redirects him to http://mynewdomain.com/path/. So I ended up with this:

RewriteEngine On
RewriteBase /
RedirectMatch 301 (.*)$ http://mynewdomain.com$1

Method2:

Using The FRAMESET Tag For URL Masking.

This method hides all visual cues that the web page being displayed is not at the URL in the browser’s address bar (unless the web page being displayed itself contains images or wordage that provide clues).

What you do is create a FRAMESET web page that loads the target web page.

Make a web page with the following code. Change the URL in the third line of the code to the URL of the web page to be displayed in the browser.

<frameset rows="100%">
  <frameset cols="100%">
    <frame src="http://domain.com/page.html" frameborder="0" scrolling="no">
  </frameset>
</frameset>

Put only the above into the FRAMESET web page. Use no HTML or BODY or other normal web page tags.
Upload the FRAMESET web page to your server. Load the FRAMESET web page into your browser.
You’ll notice that the URL of the FRAMESET web page is in your browser’s address bar even while a different web page, the one you specified in the third line of the above code, is displayed in the browser window.
That’s the simplicity of URL masking with a FRAMESET tag.

Method3:

Using IFRAME Tag For URL Masking.

This method can leave visual cues that the page being displayed is not the page at the URL in the browser’s address bar.

The clues can be (other than clues the web page being displayed itself may contain), depending on the dimensions of the IFRAME compared to the dimensions of the displayed web page:

Scrollbars appear on the IFRAME. When the displayed web page is larger than the dimensions of the IFRAME tag, and the IFRAME is allowed to display scroll bars, scroll bars will appear for the site user.
Part of the displayed web page is cut off. When the displayed web page is larger than the dimensions of the IFRAME tag, and the IFRAME is prevented from displaying scroll bars, the excess of the displayed web page is cropped.
The browser window scroll bars allow the user to scroll down past the end of the displayed page. When the dimensions of the IFRAME tag exceed that of the displayed web page, and the dimensions are larger than the browser window itself, scrollbars for the browser window will let the user scroll past the end of the displayed web page.

To use an IFRAME for URL masking, create a web page with an IFRAME that loads the target web page.

Make a web page with the following code. Change the URL in the fourth line of the code to the URL of the web page to be displayed in the browser.

<html>
<body>
<iframe 
  src="http://domain.com/page.html" 
  frameborder="0" 
  width="960" 
  height="2500" 
  scrolling="no">
</frameset>
</body>
</html>
</iframe>

Upload the IFRAME web page to your server. Load the IFRAME web page into your browser.
You’ll notice that the URL of the IFRAME web page is in your browser’s address bar even while a different web page, the one you specified in the fourth line of the above code, is displayed in the IFRAME tag.

Glyphs en Tekens

Description	Name	Glyph	Numeric	Glyph
no-break space = non-breaking space
inverted exclamation mark	¡	¡	¡	¡
cent sign	¢	¢	¢	¢
pound sign	£	£	£	£
currency sign	¤	¤	¤	¤
yen sign = yuan sign	¥	¥	¥	¥
broken bar = broken vertical bar	¦	¦	¦	¦
section sign	§	§	§	§
diaeresis = spacing diaeresis	¨	¨	¨	¨
copyright sign	©	©	©	©
feminine ordinal indicator	ª	ª	ª	ª
left-pointing double angle quotation mark	«	«	«	«
not sign = discretionary hyphen	¬	¬	¬	¬
soft hyphen = discretionary hyphen
registered sign = registered trade mark sign	®	®	®	®
macron = spacing macron = overline	¯	¯	¯	¯
degree sign	°	°	°	°
plus-minus sign = plus-or-minus sign	±	±	±	±
superscript two = superscript digit two	²	²	²	²
superscript three = superscript digit three	³	³	³	³
acute accent = spacing acute	´	´	´	´
micro sign	µ	µ	µ	µ
pilcrow sign = paragraph sign	¶	¶	¶	¶
middle dot = Georgian comma	·	·	·	·
cedilla = spacing cedilla	¸	¸	¸	¸
superscript one = superscript digit one	¹	¹	¹	¹
masculine ordinal indicator	º	º	º	º
right-pointing double angle quotation mark	»	»	»	»
vulgar fraction one quarter	¼	¼	¼	¼
vulgar fraction one half	½	½	½	½
vulgar fraction three quarters	¾	¾	¾	¾
inverted question mark	¿	¿	¿	¿
latin capital letter A with grave	À	À	À	À
latin capital letter A with acute	Á	Á	Á	Á
latin capital letter A with circumflex	Â	Â	Â	Â
latin capital letter A with tilde	Ã	Ã	Ã	Ã
latin capital letter A with diaeresis	Ä	Ä	Ä	Ä
latin capital letter A with ring above	Å	Å	Å	Å
latin capital letter AE	Æ	Æ	Æ	Æ
latin capital letter C with cedilla	Ç	Ç	Ç	Ç
latin capital letter E with grave	È	È	È	È
latin capital letter E with acute	É	É	É	É
latin capital letter E with circumflex	Ê	Ê	Ê	Ê
latin capital letter E with diaeresis	Ë	Ë	Ë	Ë
latin capital letter I with grave	Ì	Ì	Ì	Ì
latin capital letter I with acute	Í	Í	Í	Í
latin capital letter I with circumflex	Î	Î	Î	Î
latin capital letter I with diaeresis	Ï	Ï	Ï	Ï
latin capital letter ETH	Ð	Ð	Ð	Ð
latin capital letter N with tilde	Ñ	Ñ	Ñ	Ñ
latin capital letter O with grave	Ò	Ò	Ò	Ò
latin capital letter O with acute	Ó	Ó	Ó	Ó
latin capital letter O with circumflex	Ô	Ô	Ô	Ô
latin capital letter O with tilde	Õ	Õ	Õ	Õ
latin capital letter O with diaeresis	Ö	Ö	Ö	Ö
multiplication sign	×	×	×	×
latin capital letter O with stroke	Ø	Ø	Ø	Ø
latin capital letter U with grave	Ù	Ù	Ù	Ù
latin capital letter U with acute	Ú	Ú	Ú	Ú
latin capital letter U with circumflex	Û	Û	Û	Û
latin capital letter U with diaeresis	Ü	Ü	Ü	Ü
latin capital letter Y with acute	Ý	Ý	Ý	Ý
latin capital letter THORN	Þ	Þ	Þ	Þ
latin small letter sharp s = ess-zed	ß	ß	ß	ß
latin small letter a with grave	à	à	à	à
latin small letter a with acute	á	á	á	á
latin small letter a with circumflex	â	â	â	â
latin small letter a with tilde	ã	ã	ã	ã
latin small letter a with diaeresis	ä	ä	ä	ä
latin small letter a with ring above	å	å	å	å
latin small letter ae	æ	æ	æ	æ
latin small letter c with cedilla	ç	ç	ç	ç
latin small letter e with grave	è	è	è	è
latin small letter e with acute	é	é	é	é
latin small letter e with circumflex	ê	ê	ê	ê
latin small letter e with diaeresis	ë	ë	ë	ë
latin small letter i with grave	ì	ì	ì	ì
latin small letter i with acute	í	í	í	í
latin small letter i with circumflex	î	î	î	î
latin small letter i with diaeresis	ï	ï	ï	ï
latin small letter eth	ð	ð	ð	ð
latin small letter n with tilde	ñ	ñ	ñ	ñ
latin small letter o with grave	ò	ò	ò	ò
latin small letter o with acute	ó	ó	ó	ó
latin small letter o with circumflex	ô	ô	ô	ô
latin small letter o with tilde	õ	õ	õ	õ
latin small letter o with diaeresis	ö	ö	ö	ö
division sign	÷	÷	÷	÷
latin small letter o with stroke	ø	ø	ø	ø
latin small letter u with grave	ù	ù	ù	ù
latin small letter u with acute	ú	ú	ú	ú
latin small letter u with circumflex	û	û	û	û
latin small letter u with diaeresis	ü	ü	ü	ü
latin small letter y with acute	ý	ý	ý	ý
latin small letter thorn with	þ	þ	þ	þ
latin small letter y with diaeresis	ÿ	ÿ	ÿ	ÿ
latin small f with hook = function	&fnof;	ƒ	ƒ	ƒ
greek capital letter alpha	Α	Α	Α	Α
greek capital letter beta	Β	Β	Β	Β
greek capital letter gamma	Γ	Γ	Γ	Γ
greek capital letter delta	Δ	Δ	Δ	Δ
greek capital letter epsilon	Ε	Ε	Ε	Ε
greek capital letter zeta	Ζ	Ζ	Ζ	Ζ
greek capital letter eta	Η	Η	Η	Η
greek capital letter theta	Θ	Θ	Θ	Θ
greek capital letter iota	Ι	Ι	Ι	Ι
greek capital letter kappa	Κ	Κ	Κ	Κ
greek capital letter lambda	Λ	Λ	Λ	Λ
greek capital letter mu	Μ	Μ	Μ	Μ
greek capital letter nu	Ν	Ν	Ν	Ν
greek capital letter xi	Ξ	Ξ	Ξ	Ξ
greek capital letter omicron	Ο	Ο	Ο	Ο
greek capital letter pi	Π	Π	Π	Π
greek capital letter rho	Ρ	Ρ	Ρ	Ρ
greek capital letter sigma	Σ	Σ	Σ	Σ
greek capital letter tau	Τ	Τ	Τ	Τ
greek capital letter upsilon	Υ	Υ	Υ	Υ
greek capital letter phi	Φ	Φ	Φ	Φ
greek capital letter chi	Χ	Χ	Χ	Χ
greek capital letter psi	Ψ	Ψ	Ψ	Ψ
greek capital letter omega	Ω	Ω	Ω	Ω
greek small letter alpha	α	α	α	α
greek small letter beta	β	β	β	β
greek small letter gamma	γ	γ	γ	γ
greek small letter delta	δ	δ	δ	δ
greek small letter epsilon	ε	ε	ε	ε
greek small letter zeta	ζ	ζ	ζ	ζ
greek small letter eta	η	η	η	η
greek small letter theta	θ	θ	θ	θ
greek small letter iota	ι	ι	ι	ι
greek small letter kappa	κ	κ	κ	κ
greek small letter lambda	λ	λ	λ	λ
greek small letter mu	μ	μ	μ	μ
greek small letter nu	ν	ν	ν	ν
greek small letter xi	ξ	ξ	ξ	ξ
greek small letter omicron	ο	ο	ο	ο
greek small letter pi	π	π	π	π
greek small letter rho	ρ	ρ	ρ	ρ
greek small letter final sigma	&sigmaf;	ς	ς	ς
greek small letter sigma	σ	σ	σ	σ
greek small letter tau	τ	τ	τ	τ
greek small letter upsilon	υ	υ	υ	υ
greek small letter phi	φ	φ	φ	φ
greek small letter chi	χ	χ	χ	χ
greek small letter psi	ψ	ψ	ψ	ψ
greek small letter omega	ω	ω	ω	ω
greek small letter theta symbol	&thetasym;	ϑ	ϑ	ϑ
greek upsilon with hook symbol	&upsih;	ϒ	ϒ	ϒ
greek pi symbol	ϖ	ϖ	ϖ	ϖ
bullet = black small circle	•	•	•	•
horizontal ellipsis = three dot leader	…	…	…	…
prime = minutes = feet	′	′	′	′
double prime = seconds = inches	″	″	″	″
overline = spacing overscore	&oline;	‾	‾	‾
fraction slash	&frasl;	⁄	⁄	⁄
script capital P = power set	&weierp;	℘	℘	℘
blackletter capital I = imaginary part	&image;	ℑ	ℑ	ℑ
blackletter capital R = real part symbol	&real;	ℜ	ℜ	ℜ
trade mark sign	™	™	™	™
alef symbol = first transfinite cardinal	&alefsym;	ℵ	ℵ	ℵ
leftwards arrow	←	←	←	←
upwards arrow	↑	↑	↑	↑
rightwards arrow	→	→	→	→
downwards arrow	↓	↓	↓	↓
left right arrow	↔	↔	↔	↔
downwards arrow with corner leftwards	&crarr;	↵	↵	↵
leftwards double arrow	⇐	⇐	⇐	⇐
upwards double arrow	&uArr;	⇑	⇑	⇑
rightwards double arrow	⇒	⇒	⇒	⇒
downwards double arrow	&dArr;	⇓	⇓	⇓
left right double arrow	⇔	⇔	⇔	⇔
for all	∀	∀	∀	∀
partial differential	∂	∂	∂	∂
there exists	∃	∃	∃	∃
empty set = null set = diameter	∅	∅	∅	∅
nabla = backward difference	∇	∇	∇	∇
element of	∈	∈	∈	∈
not an element of	∉	∉	∉	∉
contains as member	&ni;	∋	∋	∋
n-ary product = product sign	∏	∏	∏	∏
n-ary sumation	∑	∑	∑	∑
minus sign	−	−	−	−
asterisk operator	&lowast;	∗	∗	∗
square root = radical sign	√	√	√	√
proportional to	&prop;	∝	∝	∝
infinity	∞	∞	∞	∞
angle	&ang;	∠	∠	∠
logical and = wedge	&and;	∧	∧	∧
logical or = vee	&or;	∨	∨	∨
intersection = cap	∩	∩	∩	∩
union = cup	∪	∪	∪	∪
integral	∫	∫	∫	∫
therefore	&there4;	∴	∴	∴
tilde operator = varies with = similar to	&sim;	∼	∼	∼
approximately equal to	&cong;	≅	≅	≅
almost equal to = asymptotic to	≈	≈	≈	≈
not equal to	≠	≠	≠	≠
identical to	&equiv;	≡	≡	≡
less-than or equal to	≤	≤	≤	≤
greater-than or equal to	≥	≥	≥	≥
subset of	⊂	⊂	⊂	⊂
superset of	⊃	⊃	⊃	⊃
not a subset of	&nsub;	⊄	⊄	⊄
subset of or equal to	&sube;	⊆	⊆	⊆
superset of or equal to	&supe;	⊇	⊇	⊇
circled plus = direct sum	&oplus;	⊕	⊕	⊕
circled times = vector product	&otimes;	⊗	⊗	⊗
up tack = orthogonal to = perpendicular	&perp;	⊥	⊥	⊥
dot operator	⋅	⋅	⋅	⋅
left ceiling = apl upstile	&lceil;	⌈	⌈	⌈
right ceiling	&rceil;	⌉	⌉	⌉
left floor = apl downstile	&lfloor;	⌊	⌊	⌊
right floor	&rfloor;	⌋	⌋	⌋
left-pointing angle bracket = bra	&lang;	⟨	〈	〈
right-pointing angle bracket = ket	&rang;	⟩	〉	〉
lozenge	&loz;	◊	◊	◊
black spade suit	&spades;	♠	♠	♠
black club suit = shamrock	&clubs;	♣	♣	♣
black heart suit = valentine	&hearts;	♥	♥	♥
black diamond suit	&diams;	♦	♦	♦
quotation mark = APL quote	"	"	"	"
ampersand	&	&	&	&
less-than sign	<	<	<	<
greater-than sign	>	>	>	>
latin capital ligature OE	&OElig;	Œ	Œ	Œ
latin small ligature oe	&oelig;	œ	œ	œ
latin capital letter S with caron	&Scaron;	Š	Š	Š
latin small letter s with caron	&scaron;	š	š	š
latin capital letter Y with diaeresis	&Yuml;	Ÿ	Ÿ	Ÿ
modifier letter circumflex accent	&circ;	ˆ	ˆ	ˆ
small tilde	&tilde;	˜	˜	˜
en space	&ensp;
em space	&emsp;
thin space
zero width non-joiner	&zwnj;	‌	‌	‌
zero width joiner	&zwj;	‍	‍	‍
left-to-right mark	&lrm;	‎	‎	‎
right-to-left mark	&rlm;	‏	‏	‏
en dash	–	–	–	–
em dash	—	—	—	—
left single quotation mark	‘	‘	‘	‘
right single quotation mark	’	’	’	’
single low-9 quotation mark	&sbquo;	‚	‚	‚
left double quotation mark	“	“	“	“
right double quotation mark	”	”	”	”
double low-9 quotation mark	&bdquo;	„	„	„
dagger	&dagger;	†	†	†
double dagger	&Dagger;	‡	‡	‡
per mille sign	&permil;	‰	‰	‰
single left-pointing angle quotation mark	&lsaquo;	‹	‹	‹
single right-pointing angle quotation mark	&rsaquo;	›	›	›
euro sign	€	€	€	€

glyphs

Order Table

Example table:

Download Files View Demo

table

Free Resume Template For An Online CV

Online resumes are becoming more and more widespread.

This is a template that will help you set up a professional online Cv in minutes and broaden the chance of finding a suitable job as many recruiters resort more and more to browsing online for prospective applicants instead of advertising their position and calling for applicants.

View in a browser that supports CSS3

Download Bestanden Bekijk Demo

HTML Email Template

Niks speciaal, maar een echt solide simpele basis voor een HTML-e-sjabloon dat zal werken en er goed uitziet in alle e-mailclients.
Tabellen en inline styling, de manier waarop e-mail clients van houden!

Download Bestanden Bekijk Demo

HTML-HTML5

HTML Color

HTML Color table

Color Name	HEX	Color
AliceBlue	#F0F8FF
AntiqueWhite	#FAEBD7
Aqua	#00FFFF
Aquamarine	#7FFFD4
Azure	#F0FFFF
Beige	#F5F5DC
Bisque	#FFE4C4
Black	#000000
BlanchedAlmond	#FFEBCD
Blue	#0000FF
BlueViolet	#8A2BE2
Brown	#A52A2A
BurlyWood	#DEB887
CadetBlue	#5F9EA0
Chartreuse	#7FFF00
Chocolate	#D2691E
Coral	#FF7F50
CornflowerBlue	#6495ED
Cornsilk	#FFF8DC
Crimson	#DC143C
Cyan	#00FFFF
DarkBlue	#00008B
DarkCyan	#008B8B
DarkGoldenRod	#B8860B
DarkGray	#A9A9A9
DarkGreen	#006400
DarkKhaki	#BDB76B
DarkMagenta	#8B008B
DarkOliveGreen	#556B2F
Darkorange	#FF8C00
DarkOrchid	#9932CC
DarkRed	#8B0000
DarkSalmon	#E9967A
DarkSeaGreen	#8FBC8F
DarkSlateBlue	#483D8B
DarkSlateGray	#2F4F4F
DarkTurquoise	#00CED1
DarkViolet	#9400D3
DeepPink	#FF1493
DeepSkyBlue	#00BFFF
DimGray	#696969
DodgerBlue	#1E90FF
FireBrick	#B22222
FloralWhite	#FFFAF0
ForestGreen	#228B22
Fuchsia	#FF00FF
Gainsboro	#DCDCDC
GhostWhite	#F8F8FF
Gold	#FFD700
GoldenRod	#DAA520
Gray	#808080
Green	#008000
GreenYellow	#ADFF2F
HoneyDew	#F0FFF0
HotPink	#FF69B4
IndianRed	#CD5C5C
Indigo	#4B0082
Ivory	#FFFFF0
Khaki	#F0E68C
Lavender	#E6E6FA
LavenderBlush	#FFF0F5
LawnGreen	#7CFC00
LemonChiffon	#FFFACD
LightBlue	#ADD8E6
LightCoral	#F08080
LightCyan	#E0FFFF
LightGoldenRodYellow	#FAFAD2
LightGrey	#D3D3D3
LightGreen	#90EE90
LightPink	#FFB6C1
LightSalmon	#FFA07A
LightSeaGreen	#20B2AA
LightSkyBlue	#87CEFA
LightSlateGray	#778899
LightSteelBlue	#B0C4DE
LightYellow	#FFFFE0
Lime	#00FF00
LimeGreen	#32CD32
Linen	#FAF0E6
Magenta	#FF00FF
Maroon	#800000
MediumAquaMarine	#66CDAA
MediumBlue	#0000CD
MediumOrchid	#BA55D3
MediumPurple	#9370D8
MediumSeaGreen	#3CB371
MediumSlateBlue	#7B68EE
MediumSpringGreen	#00FA9A
MediumTurquoise	#48D1CC
MediumVioletRed	#C71585
MidnightBlue	#191970
MintCream	#F5FFFA
MistyRose	#FFE4E1
Moccasin	#FFE4B5
NavajoWhite	#FFDEAD
Navy	#000080
OldLace	#FDF5E6
Olive	#808000
OliveDrab	#6B8E23
Orange	#FFA500
OrangeRed	#FF4500
Orchid	#DA70D6
PaleGoldenRod	#EEE8AA
PaleGreen	#98FB98
PaleTurquoise	#AFEEEE
PaleVioletRed	#D87093
PapayaWhip	#FFEFD5
PeachPuff	#FFDAB9
Peru	#CD853F
Pink	#FFC0CB
Plum	#DDA0DD
PowderBlue	#B0E0E6
Purple	#800080
Red	#FF0000
RosyBrown	#BC8F8F
RoyalBlue	#4169E1
SaddleBrown	#8B4513
Salmon	#FA8072
SandyBrown	#F4A460
SeaGreen	#2E8B57
SeaShell	#FFF5EE
Sienna	#A0522D
Silver	#C0C0C0
SkyBlue	#87CEEB
SlateBlue	#6A5ACD
SlateGray	#708090
Snow	#FFFAFA
SpringGreen	#00FF7F
SteelBlue	#4682B4
Tan	#D2B48C
Teal	#008080
Thistle	#D8BFD8
Tomato	#FF6347
Turquoise	#40E0D0
Violet	#EE82EE
Wheat	#F5DEB3
White	#FFFFFF
WhiteSmoke	#F5F5F5
Yellow	#FFFF00
YellowGreen	#9ACD32

Note: The names above are not a part of the W3C web standard.

The W3C HTML and CSS standards have listed only 16 valid color names:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.

If you want valid HTML or CSS use the HEX values instead.

color

Categorie: HTML-HTML5

CSS3 Animated Price Table

CSS3 Animated Price Table

Free 404 error page

Free 404 error page

Domain redirect keeping the URL path – URL Masking

Method1:
Apache .htaccess file associated with mod_rewrite? Most of the hosting services supports this.

Using The FRAMESET Tag For URL Masking.

Using IFRAME Tag For URL Masking.

Glyphs en Tekens

Order Table

Free Resume Template For An Online CV

HTML Email Template

HTML Color

Categorie: HTML-HTML5

CSS3 Animated Price Table

Free 404 error page

Method1: Apache .htaccess file associated with mod_rewrite? Most of the hosting services supports this.

Using The FRAMESET Tag For URL Masking.

Using IFRAME Tag For URL Masking.

Method1:
Apache .htaccess file associated with mod_rewrite? Most of the hosting services supports this.