Web and Technology Support: css

Showing posts with label css. Show all posts

Saturday 18 October 2014

In Website, how to display Indian Rupee Symbol with HTML / CSS / JS

Use This: (₹)

Thursday 16 October 2014

SVG Image Example

SVG IMAGE Examlpe
SVG Image

<html>
<title>SVG Image</title>
<body>
<h1>Sample SVG Image</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="red" stroke-width="2" fill="green" />
</svg>
</body>
</html>

Wednesday 6 August 2014

Wordwrap in CS3 Html style

<?php
$t="LognTEXTLognTEXTLognTEXTLognTEXTLognTEXTLognTEXTLognTEXTLognTEXTLognTEXT";
echo "$t<br/>";
?>
<div style="width:100px;border:1px solid red;word-wrap: break-word;">
<?php echo $t; ?>
</div>

Tuesday 15 July 2014

CSS Message bog show automatically & hide

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<style type="text/css">
.message{ width: 90%; margin-left:auto; margin-right:auto; position: relative; top: 5px; }
</style>
<?php if(isset($_SESSION["e_msg"]) && $_SESSION["e_msg"]!=""){ ?>
<div class="alert alert-danger alert-error message" style='display:none;'>
   <a href="#" class="close" data-dismiss="alert">×</a>
   <strong>Error!</strong> <?php echo $_SESSION["e_msg"]; ?>
</div>
<script type='text/javascript'>
$( document ).ready(function() {    $(".alert-danger").fadeIn( "slow" );  });
setTimeout(function(){ $(".alert-danger").slideToggle( "slow" ); },3000);</script>
<?php
unset($_SESSION['e_msg']);
}
if(isset($_SESSION["i_msg"]) && $_SESSION["i_msg"]!=""){ ?>
<div class="alert alert-info message" style='display:none;'>
   <a href="#" class="close" data-dismiss="alert">×</a>
   <strong>Note!</strong> <?php echo $_SESSION["i_msg"]; ?>
</div>
<script type='text/javascript'>
$( document ).ready(function() {    $(".alert-info").fadeIn( "slow" );  });
setTimeout(function(){ $(".alert-info").slideToggle( "slow" ); },3000);</script>
<?php
unset($_SESSION['i_msg']);
}
if(isset($_SESSION["w_msg"]) && $_SESSION["w_msg"]!=""){ ?>
<div class="alert alert-warning warning message " style='display:none;'>
    <a href="#" class="close" data-dismiss="alert">×</a>
    <strong>Warning!</strong>  <?php echo $_SESSION["w_msg"]; ?>
</div>
<script type='text/javascript'>
$( document ).ready(function() {    $(".alert-warning").fadeIn( "slow" );  });
setTimeout(function(){ $(".alert-warning").slideToggle( "slow" ); },3000);</script>
<?php
unset($_SESSION['w_msg']);
}
if(isset($_SESSION["s_msg"]) && $_SESSION["s_msg"]!=""){ ?>

<div class="alert alert-success message" style='display:none;'>
   <a href="#" class="close" data-dismiss="alert">×</a>
   <strong>Success!</strong>  <?php echo $_SESSION["s_msg"]; ?>
</div>
<script type='text/javascript'>
$( document ).ready(function() {    $(".alert-success").fadeIn( "slow" );  });
setTimeout(function(){ $(".alert-success").slideToggle( "slow" ); },3000);</script>
<?php
unset($_SESSION['s_msg']);
}
?>

Wednesday 25 June 2014

Set Position of Bootstrap Modal Popup

@media screen and (min-width: 768px) {
    .modal-dialog {
        left: 50%;
        right: auto;
        width: 624px;
    }
}
.modal-dialog{
position: absolute;
left: 50%;
//now you must set a margin left under zero - value is a half width your window
margin-left: -312px;
// this same situation is with height - example
height: 500px;
top: 50%;
margin-top: -250px;
}

Thursday 19 June 2014

HTML Special character and how to use that code

To do this...	Type this...	Or this...	Description
‘	‘		left single quote
’	’		right single quote
‚	&sbquo;		single low-9 quote
“	“		left double quote
”	”		right double quote
„	&bdquo;		double low-9 quote
†	&dagger;		dagger
‡	&Dagger;		double dagger
‰	&permil;		per mill sign
‹	&lsaquo;		single left-pointing angle quote
›	&rsaquo;		single right-pointing angle quote
♠	&spades;		black spade suit
♣	&clubs;		black club suit
♥	&hearts;		black heart suit
♦	&diams;		black diamond suit
★		★	black star
☆		☆	white star
‾	&oline;		overline, = spacing overscore
←	←		leftward arrow
↑	↑		upward arrow
→	→		rightward arrow
↓	↓		downward arrow
©	©	©	copyright sign
™	™		trademark sign
		-	unused
			horizontal tab
			line feed
			Non-breaking space
			space
!		!	exclamation mark
"	"	"	double quotation mark
#		#	number sign
$		$	dollar sign
%		%	percent sign
&	&	&	ampersand
'		'	apostrophe
(		(	left parenthesis
)		)	right parenthesis
*		*	asterisk
+		+	plus sign
,		,	comma
-		-	hyphen
.		.	period
·	·	·	middle dot
•			bullet
/	&frasl;	/	slash
0 - 9		0- 9	digits 0-9
:		:	colon
;		;	semicolon
<	<	<	less-than sign
=		=	equals sign
>	>	>	greater-than sign
?		?	question mark
@		@	at sign
A - Z		A- Z	uppercase letters A-Z
[		[	left square bracket
\		\	backslash
]		]	right square bracket
^		^	caret
_		_	horizontal bar (underscore)
`		`	grave accent
a - z		a- z	lowercase letters a-z
{		{	left curly brace
\|		\|	vertical bar
/	&frasl;	/	slash
°	°	°	degree sign
±	±	±	plus or minus
²	²	²	superscript two
³	³	³	superscript three
´	´	´	acute accent
µ	µ	µ	micro sign
¶	¶	¶	paragraph sign
¸	¸	¸	cedilla
¹	¹	¹	superscript one
º	º	º	masculine ordinal
	»	»	right angle quote
¼	¼	¼	one-fourth
½	½	½	one-half
¾	¾	¾	three-fourths
¿	¿	¿	inverted question mark
À	À	À	uppercase A, grave accent
Á	Á	Á	uppercase A, acute accent
Â	Â	Â	uppercase A, circumflex accent
Ã	Ã	Ã	uppercase A, tilde
Ä	Ä	Ä	uppercase A, umlaut
Å	Å	Å	uppercase A, ring
Æ	Æ	Æ	uppercase AE
Ç	Ç	Ç	uppercase C, cedilla
È	È	È	uppercase E, grave accent
É	É	É	uppercase E, acute accent
Ê	Ê	Ê	uppercase E, circumflex accent
Ë	Ë	Ë	uppercase E, umlaut
Ì	Ì	Ì	uppercase I, grave accent
Í	Í	Í	uppercase I, acute accent
Î	Î	Î	uppercase I, circumflex accent
Ï	Ï	Ï	uppercase I, umlaut
Ð	Ð	Ð	uppercase Eth, Icelandic
Ñ	Ñ	Ñ	uppercase N, tilde
Ò	Ò	Ò	uppercase O, grave accent
Ó	Ó	Ó	uppercase O, acute accent
Ô	Ô	Ô	uppercase O, circumflex accent
Õ	Õ	Õ	uppercase O, tilde
Ö	Ö	Ö	uppercase O, umlaut
×	×	×	multiplication sign
Ø	Ø	Ø	uppercase O, slash
Ù	Ù	Ù	uppercase U, grave accent
Ú	Ú	Ú	uppercase U, acute accent
Û	Û	Û	uppercase U, circumflex accent
Ü	Ü	Ü	uppercase U, umlaut
Ý	Ý	Ý	uppercase Y, acute accent
Þ	Þ	Þ	uppercase THORN, Icelandic
ß	ß	ß	lowercase sharps, German
à	à	à	lowercase a, grave accent
á	á	á	lowercase a, acute accent
â	â	â	lowercase a, circumflex accent
ã	ã	ã	lowercase a, tilde
ä	ä	ä	lowercase a, umlaut
å	å	å	lowercase a, ring
æ	æ	æ	lowercase ae
ç	ç	ç	lowercase c, cedilla
è	è	è	lowercase e, grave accent
é	é	é	lowercase e, acute accent
ê	ê	ê	lowercase e, circumflex accent
ë	ë	ë	lowercase e, umlaut
ì	ì	ì	lowercase i, grave accent
í	í	í	lowercase i, acute accent
î	î	î	lowercase i, circumflex accent
ï	ï	ï	lowercase i, umlaut
ð	ð	ð	lowercase eth, Icelandic
ñ	ñ	ñ	lowercase n, tilde
ò	ò	ò	lowercase o, grave accent
ó	ó	ó	lowercase o, acute accent
ô	ô	ô	lowercase o, circumflex accent
õ	õ	õ	lowercase o, tilde
ö	ö	ö	lowercase o, umlaut
÷	÷	÷	division sign
ø	ø	ø	lowercase o, slash
ù	ù	ù	lowercase u, grave accent
ú	ú	ú	lowercase u, acute accent
û	û	û	lowercase u, circumflex accent
ü	ü	ü	lowercase u, umlaut
ý	ý	ý	lowercase y, acute accent
þ	þ	þ	lowercase thorn, Icelandic
ÿ	ÿ	ÿ	lowercase y, umlaut

Monday 7 April 2014

HTML codes to put currency characters on your Web page

Display	Friendly Code	Numerical Code	Hex Code	Description
र	₹	₹	₹	Indian Currency Symbol
¤	¤	¤	¤	Generic Currency Symbol
$	$	$	$	Dollar Sign
¢	¢	¢	¢	Cent Sign
£	£	£	£	Pound Sterling
¥	¥	¥	¤	Yen Symbol
?		₣	₣	Franc Sign
?		₤	₤	Lira Symbol
?		₧	₧	Peseta Sign
€	€			Euro Symbol
%	%	%	%	Percent
‰			‰	Per Thousand

Web and Technology Support

Saturday 18 October 2014

In Website, how to display Indian Rupee Symbol with HTML / CSS / JS

Thursday 16 October 2014

SVG Image Example

Wednesday 6 August 2014

Wordwrap in CS3 Html style

Tuesday 15 July 2014

CSS Message bog show automatically & hide

Wednesday 25 June 2014

Set Position of Bootstrap Modal Popup

Thursday 19 June 2014

HTML Special character and how to use that code

Monday 7 April 2014

HTML codes to put currency characters on your Web page

Social Media Icons

Popular Posts