jQuery can be used to modify the html before it is rendered in the browser. In the following example, i will wrap those children div with page number and index. Then we can apply css on those newly created div for better layout. Continue reading jQuery – Wrap children div with Page Number and Index
Tag Archives: CSS
HTML – Remove Dotted Line of Transparent Button
Not only the HTML link will have a dotted outline after being clicked, if you have a transparent input button, you will find the dotted outline too.
The following css could help you to remove it.
/*for FireFox*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
border : 0px;
}
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus {
outline : none;
}
Continue reading HTML – Remove Dotted Line of Transparent Button
HTML – Remove Dotted Line of HTML Link <a>
After an HTML link is being clicked, there will be a dotted outline of around the HTML Link <a> just like the following picture.
It can be removed by simply adding the following css style to <a>.
a {
outline: 0px;
}
Drupal – Create your own CSS style
Last time we have added a new font in the Drupal website using the @font-face module.
Drupal – Customize Fonts in Drupal
We can also apply this font-family in the .css file but first we have to add our own .css file and included it in the theme.
Go to your theme folder and create a new folder named as css if it doesn’t exist. Then create your .css file there. After that, go back to the theme folder and add the following line in the <theme>.info file. Continue reading Drupal – Create your own CSS style
Drupal – Customize Fonts in Drupal
If you find the fonts of your Drupal site quite boring. The @font-your-face module could make the text of your Drupal site more fun. Before proceeding, it would be great if your PHP is already enabled with the zip extension. but no worry if you doesn’t have the zip extension. We can still complete it without any problem.
Download and enable module with those free fonts. Continue reading Drupal – Customize Fonts in Drupal
Javascript – Drop Down Menu
As requested by Andrew. Here is an example on creating a Drop Down Menu using Javascript and CSS.
Reference: Simple Drop-Down Menu v2.0
Continue reading Javascript – Drop Down Menu
Eureka! 