Archive for October, 2013

CSS – Different corners rounded

Written by Amanda. Posted in Code, CSS

For different corners being rounded


.roundedcorner
 {
 -webkit-border-radius:0em 1em 0em 0em;
 -moz-border-radius: 1em 1em 0em 0em;
 border-radius: 1em 1em 0em 0em;
 }

Hide element until page is loaded

Written by Amanda. Posted in JQuery

With some browsers or users with a slower connection a more complex element such as a photo library might load awkwardly. This sets the class to hidden and only shows when document is ready.

In the head area

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script>
$.noConflict();
jQuery( document ).ready(function( $ ) {

        $("#example").show();
});
</script>

In the body area

  <div  id = "example" style="display:none;">