Pages

Monday 8 July 2013

How To Change Link Color ?

To change Link color we use css in the tag

example :-

<a href="link" style="text-decoration:none; color:green;>Text</a>

Now Give A Link To Any Folder Where I Have Given Link In the tag. if we want to give a link to webpage.we should give http://. the give the text which you want to give in Text written part of the html tag. if you want to give different color change the color from green to any other color.

Thank You  

Saturday 6 July 2013

External Css



                             
                           Web Page Code
<!DOCTYPE html>
<html>
<head>
<title>Free Software Downloads</title>
<link rel="stylesheet" type="text/css" href="myhead.css"
</head>
<body>
<h1>SandeepIndeevaram</h1>
<p>Sandeep Menon Is A Blogger</p>
</body>
</html>


Look At The Red Color Marked Tag( look at the entire tag -link. this webpage is know linked with myhead.css at the same location.Now look myhead.css

                                                   MyHead.css (css file)
body
{background-color:green;}
h1
{color:pink; font-family:"times new roman";}
p

{color:blue; font-family:"Arial";}

Now You Understand how to add a css file to a html file & to create a css file 


Thank You 
 

                  


Friday 5 July 2013

Creating Css Style Sheets

Take NotePad ++

Type Following To It
body
{background-color:green;}
h1
{color:pink; font-family:"times new roman";}
p
 {color:blue; font-family:"Arial";}


Save It Using.css(i am using myhead.css)

then Similar Tags Like <p> <h1> in An html page .(in head give a like to this css page like this)

 <!DOCTYPE html>
<html>
<head>
<title>Free Software Downloads</title>
<link rel="stylesheet" type="text/css" href="myhead.css"
</head>
<body>
<h1>SandeepIndeevaram</h1>
<p>Sandeep Menon Is A Blogger</p>
</body>
</html>



Thursday 4 July 2013

Internal Css




Examples :


<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {background-color:orange;}
h1 {color:green; font-family:"arial";}
p{color:blue; font-family:"times new roman";
</style>
</head>
<h1>Sandeep Indeevaram</h1>
<p>Sandeepindeevaram Is A Blogger</p>
</body>
</html>

Using Super Script & Subscript


Super Script & Subscript 

<sub>- subscript
<sup>- superscript



Example for h2so4 & (a+b)2=a2+2ab+b2:
<!DOCTYPE html>
<html>
<body>
<P>H<sub>2</sub>SO<sub>4</sub></P>
<P>(a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup>
</body>
</html>

Html With Css

Html Css Programming

 Example For HTML Css- Inline Styles

<!DOCTYPE html>
<html>
 

<body style="background-color:GREEN;">
 

<h1 style="background-color:green;font-family:times new roman;color:red;font-size:50px;text-align:center;">SandeepIndeevaram</h1>
 

<p style="background-color:blue;font-family:arial;font-size:30px;">SANDEEP(SANDEEP M MENON)Indeevaram</p>
 

<a href="http://sandeepindeevaram.blogspot.com" style="text-decoration:none;color:brown;">Sandeepindeevaram</a>
 

</body>
</html>
      Try It

Sunday 30 June 2013

PhotoShop Templates

PhotoShop Templates. Never Copy Righted. It Is Strictly Prohibited.


Download This Template


Download This Template

Download This Template


Simple Html Template

 This Is A Html Template For You To Refferer. Never Copyright Any Codes As YourSelf. It Is Strictly Prohibited.
------------------------------------------------------------------------------------------------

<html>
<head>
<title>Bss Gurukulam</title>
</head>
<body>
<table width="991" height="160" bgcolor="brown">
<tr>
<td><img src="web1.jpg" width=100" height="60"/></td>
</tr>

<th align="left"
<tr>
<td><h1>Bss Gurukulam</h1></td>
</tr>
</table>
<tr>
<table width="530" height="5" align="center" bgcolor="white">
<tr>
<td><a href="jygasdj"><h3>Home</h3></td>
<td>
<td><a href="jygasdj"><h3>About Us</h3></td>
<td>
<td><a href="jygasdj"><h3>Services</h3></td>
<td>
<td><a href="jygasdj"><h3>Contact Us</h3></td>
</tr>
<table>
<tr>
<table width="190" height="450" bgcolor="brown" align="left">
<tr>
<td align="center"><a href="fdssfd"><p><h2>Home</h2></p>
<a href="jhsdfrgs"><p><h2>About Us</h2></p>
<a href="jhedg"><p><h2>Services</h2></p>
<a href=";aelijro3w"><p><h2>Contact Us</h2></p>
</tr>
</table>
<td>
<table width="190" height="450" bgcolor="brown" align="right">
<tr>
<td><h1>News</h1></td>
<tr>
<td><h3><marquee direction="up"><p>Admission Started</p>
<p> Kalolsavam Practice Started</p>
<p>Youth Festival Will Happen In 4,5,6</p>
<p>Anti-Child Labour Day PowerPoint Presentation On 17th june</p></marquee></td>
</tr>
</table>
<table Width="600" Height="120" align="center" bgcolor="white">
<tr>
<td><marquee><h1>Welcome To Bss Gurukulam Higher Secondary School Website<marquee></h1></td>
</tr>
</table>
</body>
</html>

Saturday 29 June 2013

Simple Html Web Site Code




This Is An Html Code For You For Referring. 
 <!-----This Is HTML Coding----->

<html>
<head>
<title>free software trials</title>
</head>
<body>

<table width="990" height="150" bgcolor="Green"border="0" >
<tr>
<td Font size="30" align="left"><h1>Softbook</h1></td>
<tr>
<table align="left" Font color="Green" font align="center" bgcolor="sky blue red" height="478" width="200" border="0">
<tr>
<td><a href="http://"><p><h3>Home</h3></p>
<a href="http://"><p><h3>About Us</h3></p>
<a href="http://"><p><h3>contact Us</h3></p>
<a href="http://"><p><h3>Services</h3></p></td>
<tr>
</table>
<table align="left" width="590" bgcolor="white" border="0" >
<tr>
<td align="center"><marquee><h1>Welcome To Softbook</h1><marquee></td>
<tr>
<table>
<tr>
<table align="left" width="590" height="382" bgcolor="white"border="0" >
<td><img src="http://www.sysdatanet.com.br/imagens/conteudo/imagem_softwares.jpg" width="183" height="356"/></td>
<td>
<td><font color="Sky Blue Red" align="left" <p><h2>Welcome To SoftBook.com We Provide SoftWares</p>
<p>Trials. We Give Antiviruses, Disc Burner, Internet</p>
<p>Securities, Browsers....Etc</h2></p></td>
<tr>
</table>
<td>
<table align="down" width="200" height="478" bgcolor="sky blue red" border="0">
<tr>
<td><p>Contact Us For</p>
<p>More Information</p></td>
</tr>
</table>

<table width="990" height="10" align="center" bgcolor="green">
<tr>
<td>CopyRighted By Sandeep Menon</td><td><td>Powered By Sandeep Indeevaram</td>
<tr>
</table>
</body>
</html>
 

How To Create A website Using Photoshop

  1. Open Adobe PhotoShop & Take Rectangle Marquee Tool And Draw Like This
  2. Give Colour To This marquee Using Paint Bucket Tool
  3. Draw Many Rectangles Like This For Sidebar Top Bar.. Etc
  4. Give Attracting Colour To This. It Looks Like a Website
  5. Then Give Text To Your Website Using Text Tool
  6. Then Give Slices To These Texts / Where Ever You Want To Give Link Or Text/image Using Slice Tool
  7. Then Save It Using Save For Web Option In File Menu. A Preview Appears.
  8. Click Done So It Saves Link A Webpage. Open It Using Your Web Browser.
  9. It Opens Like A Website
Example:-
   

 

 
Animated Social Gadget - Blogger And Wordpress Tips