SEO TIPS

2013 SEO Tips

BLOGGER TIPS

Best Blogger Tips

INCREASE TRAFFIC

Expert Tips To increase traffic

ONLINE TOOLS

100 Online Tools

INCREASE INDEX RATE

Increase your google index rate

IMPROVE ALEXA RANK

Improve alexa rank

SEO TOOLS

51 SEO Tools

PHP SCRIPT

Essential PHP Scripts

Get HTML and CSS Code Of Specific Part Of Website

How to find and get html and css code of any specific part or element of any website and make your own like your favorite website or blogger blog.

xray
xray



What you do when you see a awesome design and how do you find the html and css code from that big chunk of source. Do you find it difficult then do not worry because we have the awesome method through which you can find only a specific part of that code and leave the rest one through this method you will be able to make your own design just like your favorite website or design so lets take a look how to do it.

Suppose you liked a subscription box of any website and you want to make your own like that website or you want to find the only that code i mean css and html code of that subscription box then what do you do?

I know what you do.you just right click on that design and try to find the html and css code through the inspect element and view source but the result is a large amount of time is invested in finding the actual code but still not the exact one. So how to get rid of that problem. We have solution through which you can know html and css code of any part of the website and make your own designs and similar designs. This tool works like an xray and you know what does xray do? It scans the body and gives you the exact results so similar thing we are going to do with all other websites and after that web designing will be a playground for you.

To do this first go to the westciv.com and there tool name is xray just like i said. So now take a look how it works.
➨ Go to westciv.
➨ Drag the xray button to bookmarks bar.
xray bookmark button
xray bookmark button


After this when ever you want to see a specific part of any website then just click the xray button and  after that it will display the entire html and css code used for .

➨ When you click on xray button. it gives you a message that click on any part of the website .

 gives you a message that click on any part of the website
 gives you a message that click on any part of the website


➨ After this for example you want to know about email subscription box then click on anywhere between the email subscription box and it will display the entire html and css code used for that design, like this :-

entire html and css code used for that design
entire html and css code used for that design


TOOLS USED:-westciv.com/xray

As you can see it very clearly i clicked on a random place on the webpage and the result is it has displayed the entire html and css code of that specific part. So through this after adding it to your bookmark you can check any part of the html and css code of any website and make your own website design. This is the much better method then the traditional method like view source method and inspect element method. It will save your time and effort along with it will give you the exact result what are you finding. 

So make your own design by viewing your favorite website html and css code .if you like this post about finding specific part of html and css code of any website then please do share and do not forget to comment.



0 comments :