Posts

Showing posts from September, 2015

Select the child of any parent with jquery

Select the child of any parent with jquery Note :- here #badcredit2 is parent id and #menu-bank-accounts-drop-down-1 is child. By this Jquery code you cand select the child element of any parent element. <script type="text/javascript"> $(document).ready(function(){     $("#badcredit2").click(function(){          if($('div:has(> ul)'))            $("#menu-bank-accounts-drop-down-1").slideToggle("slow");  else  alert('no');          }); }); </script> Thanks Css Zilla Team

Css Basics , Css interview questions and answers

                                      CSS NOTES ----------------------------------------------------------------------------------------------------------  background-color=  specifies the background color of an element. background-repeat: repeat-x;= repeated only horizontally background-repeat: repeat-y;=repeated only vertically  background-position: right top;= change the position of the image  background-attachment: scroll|fixed|local|initial|inherit;(image are fixed and                                            content are move) ----------------------------------------------------------------------------------------------------------  text-decoration: none;= text-decoration property is mostly used to remove                                         underlines from links for design purposes:                           : overline=text upper line                   :line-through=strike the line              :underline=text underline text-transform=  used to specify uppercase and lowerc

steps for mobile app designing on photoshop

Hello Guys , Refer these websites for better understanding about  mobile apps designing. 1:- http://www.digitalartsonline.co.uk/tutorials/photoshop/designing-app-in-photoshop/ Thanks Css Zilla Team Have Working for your ease always....  

Mobile menu toggle with jquery

Hello Guys For make responsive menu with jquery easily, follow these steps 1. Call this line above of your menu ul tag. < a   class =" toggleMenu "   style =" display: inline-block; "   href =" # " > menu </ a > 2. Apply "nav" class on your menu ul tag. 3.  Just use this code in your footer  <script type="text/javascript"> $(document).ready(function(){     $(".toggleMenu").click(function(){         $(".nav").slideToggle("slow");     }); }); </script>  4. call this css in your css style. .toggleMenu { display:none !important;}  /*---This css apply in screen less than 767 ----*/ @media (max-width: 767px) { .toggleMenu { display:block !important;} .nav { display:none;} }

Basic HTML interviews questions

                           HTML NOTES <img src="">:-image source name(web address or local address) for an image          alt="">:-image url represent(Specifies an alternative text for an image ------------------------------------------------------------------------------------------------------------ <pre> element defines preformatted text. <small> element defines small text:  <abbr>Marking abbreviations can give useful information to browsers, translation systems and search-engines.              (<abbr title="World Health Organization">WHO</abbr>) --------------------------------------------------------------------------------------------------------------------------------------------------------- <bdo> element defines bi-directional override.(text change)  <code> element does not preserve extra whitespace and line-breaks:(this code not new line) --------------------------------------------------------