ULTIMATE CODING TRICKS

Wednesday 16 December 2015

FONT COLOR

Untitled Document

WHAT IS LIFE

Giving love is the Greatest Pleasure of life.

Life is like a box of chocolates. Each Chocolate is like a Portion of life
Some are Crunchy, Some are nutty, Some are chewy, but all
are Delicious in there own way.
without each one. Life would not be complete.

Enthusiasm is the fuel of life, it helps us to get where you're going

Negative or Positive - one of these two.....
can make you or Break you
Depending on what we choose.

Every mistake is an opportunity to learn something new.

Death is not the end of the life: it's only the beginning.

When someone has wronged you, repay them with forgiveness
and they 'll remember it forever.

Life is a journey: heaven is the destination

Prepared By : SHAILENDRA AHIRWAR

Thursday 21 August 2014

dialog box using jquery,javascript & php

1. Firstly for create a dialog box or alert window copy below code in your body

<table>

<tr>

<td style="font-family: Trebuchet MS; font-size: 12pt; color: yellow; font-weight: bold;

padding: 5px" align="left">

<ul>

Admission Notice - M Pharm, M Tech (Bio Tech), M Tech (data Sciences),M Tech (Cyber forensics) etc 2014-15 </a>

<br />

</li> <br />

<!-- <li><a href="http://rgpv.ac.in/campus/DDADM14.htm" style="color: #00ff00;" target="_blank">

Allotment Lists for Admission to five year Dual Degree Integrated PG Programme </a>

<br />

</li> <br />-->

3rd List of Short listed candidates for admission in ME/M.tech/M.Pharma courses

RGPV-2014</a>

<br />

</li> <br />

<li><a href="campus/1st_List_Shortlisted_MAM.pdf" target="_blank">First List of Shortlisted

Candidates for Admission in Master of Applied Management (MAM) course - 2014</a>

</li>

</ul>

</td>

</tr>

</table>

</div>

$(function () {

$("#dialog").dialog();

$( "#dialog" ).dialog({ height: 330 });

$( "#dialog" ).dialog({ width: 640 });

$("#dialog").dialog('option', 'position', 'center');

});

</script>

2. and download following images in your image folder give the true path in above coding where

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQVg1qQ2Jhjm_utgqNpYms0kUyuG2dstduSTQ1VmRWavQTYbrR9LdfFZjU8eVV_EcM0abbfEpR4sUiVzgObKhMYC7t8qTUEkxjlYGTxhn2UlZ-Fd6otc2l6Y60Fx3KXoixlEYF5yO1W55Z/s320/new.gif

and also save image by following link

click here

3. now download the CSS file by click here or just copy paste the below URL

https://sites.google.com/site/ultimatecodingtricks/script/jquery-ui-1.8.22.custom.css

and also download these two javascript files or js files by click on below links

i ) jquery-1.7.2.min.js

ii ) jquery-ui-1.8.22.custom.min.js

or just copy and paste below links

i ) https://sites.google.com/site/ultimatecodingtricks/script/jquery-1.7.2.min.js

ii ) https://sites.google.com/site/ultimatecodingtricks/script/jquery-ui-1.8.22.custom.min.js

4. now you will have to change the image path for close sign or image in jquery-ui-1.8.22.custom.css in line no 91 where is the code is

.ui-widget-header .ui-icon {background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpVqBmTsTRlK_7kSfXVwKzkR5aBkBatLJy27br4wb7tntefIBiKy4qOu15WX8ob4N0VlVol_oGnH8y9MJZEJHrWliprtSU0wCDMiGbFdO8yRb0vz4SGQGJdTTIhXEjzkGpUvr9jiLe2Gy6/s320/ui-icons_ffffff_256x240.png'); }

5. and manage you important links from HTML CODE (1 step)and manage the with and hieght by javascript (1 step).

dialog box using jquery,javascript & php

Rottate image using CSS

Post HTML code on blogs

Wednesday 13 August 2014

Rotate image using CSS

best organic Search engine optimization services for you

how to rotate a image using CSS or rotate an image on Hover using CSS

Sometimes following questions occur in the mind are :

How to rotate a image using css : the rotate image using css is the simple thing to be done your self in following steps -

1. create a HTML file .

copy code from below and paste into your body tag

<div class="row stripe" style="text-align: center;">
<div class="three columns" >
<div class="twelve columns seobox">
<a href="seo">
<img src="img/iconseo3.png" alt="best organic Search engine optimization services for you" /></a> <h3>SEO</h3>
<p>An Ethical & Algorithmic SEO Service with Natural Links</p>
<p><a href="seo">View details<i class="icon-right-open-mini"></i></a></p>
</div> </div>
<div class="three columns">
<div class="twelve columns seobox">
<a href="social-media-marketing"><img src="img/iconsmm3.png" alt="" /></a>
<h3>SMM</h3>
<p>Social Media including video optimization & promotion</p>
<p><a href="social-media-marketing">View details<i class="icon-right-open-mini"></i></a></p>
</div>
</div>
<div class="three columns">
<div class="twelve columns smmbox">
<a href="web-design"><img src="img/iconwebdesign3.png" alt="mobile friendly web design services" /></a>
<h3>Design</h3>
<p>Contemporary, traditional and responsive Web Design</p>
<p><a href="web-design">View details<i class="icon-right-open-mini"></i></a></p>
</div>
</div>
<div class="three columns">
<div class="twelve columns designbox">
<a href="web-development">
<img src="img/iconwebdevelopment3.png" alt="web and app development services" /></a> <h3>Development</h3>
<p>Custom user Friendly Design for Your Web and App</p>
<p><a href="web-development">View details<i class="icon-right-open-mini"></i></a></p>
</div>
</div>
</div>

2. now add following link in your head tag

<link rel="stylesheet" href="style1.css">

3. and now download following css from below link you to just copy and paste this link on browser and automatically a css file is to be downloaded.

Click Here

or just copy and paste a below code in your CSS file

.stripe
{
margin-top:2%;
}
.seobox, .smmbox, .designbox
{
padding: 0% 5%;
}
.seobox p, .smmbox p, .designbox p
{
font-weight: lighter; text-align: center;
}
.seobox,.designbox
{
text-align: center; overflow: hidden; position: relative; border-radius:20px;
}
.smmbox
{
text-align: center; overflow: hidden; position: relative;border-radius:20px;
}
.seobox h3,.designbox h3,.smmbox h3
{
font-size:2em; font-weight: lighter;
}
.seobox a,.designbox a,.smmbox a
{
color: #0075c4;
}
.seobox a img,.designbox a img,.smmbox a img
{
-webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s;
}
.seobox a img:hover,.designbox a img:hover,.smmbox a img:hover
{
-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);
}

example:

Tuesday 12 August 2014

post html code on blogs

Post your HTML code on Blogs

You will have to just

Paste your code in the text box below and hit Convert button.
Done! Your code is ready to be pasted in your blogger blog post.

Example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY> Welcome to Code Formatting tool.. </BODY>
</HTML>

Similar question occur in the mind basically following :

1. how to visible our HTML code on my blog ?
2. how to show our HTML code on my blog ?
3. how to post code in my blog?
4. how to show coding in my blog?
5. how to comment code in my post?
6. how to write a code in my blog?