Thursday, January 31, 2013

Google Code Subversion Repository Error fixing

Google Code Subversion Repository Error will be fix it by deleting that  java script link in your HTML code.

Error will disply like this:

 A username and password are being requested by https://blogsitename.googlecode.com The site says: "Google Code Subversion Repository"
I learn this error occurs when any script got deleted. This script will be hosted by other persons and when they remove those scripts, we are suffering if we were using those scripts on our website.

  • Go to the  template tab in settings.
  • Edit HTML
  • Find the script used by that address [ eg:- https://blogsitename.googlecode.com ]
  • It will be like <script src="https://blogsitename.googlecode.com/scriptcode" /> [scriptcode varies according to the link ]
  • Delete that script.
  • Save your template.
  • you fix the problem... :)
Posted by at No comments:

Pure CSS Dropdown menu

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="menu_style.css" />
</head>
<body>
<nav id="mainmenu">
<ul>
<li> <a href="#">Menu 1</a>
   <ul>
       <li><a href="#">Sub Menu </a></li>
       <li><a href="#">Sub Menu </a></li>
      <li><a href="#">Sub Menu </a></li>
   </ul>
</li>
 <li> <a href="#">Menu 2</a>    
   <ul>
       <li><a href="#">Sub Menu </a></li>
       <li><a href="#">Sub Menu </a></li>
      <li><a href="#">Sub Menu </a></li>
   </ul>

</li>
 <li> <a href="#">Menu 3</a>      <ul>
       <li><a href="#">Sub Menu </a></li>
       <li><a href="#">Sub Menu </a></li>
      <li><a href="#">Sub Menu </a></li>
   </ul>

</li>
 <li> <a href="#">Menu 4</a> </ul>
</nav>
</body>
</html>




Menu CSS :-



/*-------------------------
Global Reset CSS
--------------------------*/

* {
margin:0;
padding:0;
}
html {
position:relative;
}
/*----------------------------
Main Menu CSS
-----------------------------*/


#mainmenu > ul {
width: 500px; /* Increase when you adding more menu tabs */
margin:0 auto;
}
#mainmenu > ul > li { /* This style only for the top level li */
background:#eee;
list-style: none;
display: inline-block;
line-height: 1;
margin: 1px;
border-radius: 3px;
position:relative;
 font:12px/18px Arial, Helvetica, sans-serif;
text-decoration:none !important;
font-size:24px;
padding: 10px 10px;
}
#mainmenu li a {
text-decoration:none;
}
#mainmenu li ul {
position:absolute;
list-style:none;
text-align:left;
width:200px;
left:90%;
margin-left:-90px;
top:20px;
font:bold 12px Arial, Helvetica, sans-serif;
/* This is important for the show/hide CSS animation */
max-height:0px;
overflow:hidden;
-webkit-transition:max-height 0.4s linear;
-moz-transition:max-height 0.4s linear;
transition:max-height 0.4s linear;
}
#mainmenu li ul li {
background-color:#454545;
border-bottom:1px solid #222;
}
#mainmenu li ul li a {
padding:12px;
color:#fff !important;
text-decoration:none !important;
display:block;
}
#mainmenu li ul li:last-child {
border-bottom:0px solid #454545;
}
#mainmenu li ul li:hover {
background-color:#686868;
}
#mainmenu li ul li:first-child {
border-radius:3px 3px 0 0;
margin-top:25px;
position:relative;
}
#mainmenu li ul li:first-child:before { /* Top index arrow */
content:'';
position:absolute;
width:1px;
height:1px;
border:5px solid transparent;
border-bottom-color:#454545;
left:50%;
top:-10px;
margin-left:-60px;
}
#mainmenu li ul li:last-child {
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}
#mainmenu li:hover ul {
max-height:250px; /* Increase when you adding more dropdown tabs */
}
Posted by at 1 comment:

Thursday, January 24, 2013

CSS and HTML Hacks for IE Browsers

IE 6 and below
* html {  } 
IE 7 and below
*:first-child+html {  } * html {  } 
IE 7 only
*:first-child+html {  } 
IE 7 and modern browsers only
html>body {  } 
Modern browsers only (not IE 7)
html>/**/body {  }
Recent Opera versions 9 and below
html:first-child {  }

  1. Internet Explorer 7 and below ignore the additional punctuate and apply the property as if it just had the !important   identifier.
  2. IE8 or below: to write CSS rules specificially to IE8 or below, add a backslash and 9 (\9) at the end before the semicolon.
  3. IE7 or below: add an asterisk (*) before the CSS property.
  4. IE6: add an underscore (_) before the property.

.wrapper {
 background:  red;    /* standard */

background:   red \9;   /* IE 8 and below */

*background:  red ;   /* IE 7 and below */

_background:  red ;   /* IE 6 */

}



html>body #wrapper {

  width: 980px;   /* ..or this reinforcement of the standards width. */

}



IE                     Any version of IE
lt IE                  Version Versions less than version
lte IE version     Versions less than or equal to version
IE version         Only version version
gte IE version    Versions greater than or equal to version
gt IE version     Versions greater than version


Conditional of  HTML links Examples:-

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->


Conditional of  CSS  links Examples:-

<!--[if IE 8]>
<style type="text/css">
/* css for IE 8 */
</style>
<![endif]-->

<!--[if lt IE 8]>
 <link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

 <!--[if !lt IE 8]><![IGNORE[--><![IGNORE[]]> <link href="style.css" rel="stylesheet" type="text/css"> <!--<![endif]-->

Posted by at No comments:
Subscribe to: Posts (Atom)