A characteristic of the style sheets that few know and use is the ability to define the rule of "competition" of classes! A tag, in fact, may possess one or more associated classes, which makes the latter extremely versatile, as well as my favorite. How many developers use to do, I tend to attach to ID a few CSS rules, if any. Ideally, logically, would enter the ID only for scripting purposes, because it uniquely identifies an element within the DOM.
Category 'CSS'
The logical rule in CSS
WordPress shortcode Table
Let me demonstrate how to use the shortcode - indented (nested) - WordPress to create tables to be inserted into posts and pages. For example, I will show you how to create comparative charts, those used to compare the particularities of applications or products, such as:
Very short snippet: slideshow 10 lines of code
Let me demonstrate how you can implement a simple Slideshow of images with very few lines of code, using jQuery .
This technique can be implemented on any type of Web site, the important thing is to include the library jQuery . I used this technique to a site built in WordPress , developed in a few hours for an event.
How to select a group of tags that have no children of a certain type
jQuery is up to version 1.4! In addition to several new features and the "usual" rewrite of the code, all documentation has been revised so really more readable than before. impostato a _blank ! But we see the question of this post; problem: add, using jQuery, a class to all tags a possessing the attribute target set to _blank !
Firefox 3.5.7: how to fix the defect of the rounded edges of an image
Sometimes you just move an item, changing the point of view, to solve a problem seems insurmountable. And when one has to do with compatibility between browsers and CSS, inventing solutions "spectacular" (stunts would say) is on the agenda. , per Safari e Google Chrome. What I show you an easy way to apply rounded corners to images using -moz-border-radius , which is available for Mozilla FireFox and -webkit-border-radius , Safari and Google Chrome.
Customizing a Form graphically
I was asked how to customize a graphical form, including a search box like the one on this blog. The technique used, or rather that I use, it is obviously valid for any type of module form. What changes is only the complexity of the work to be done depending on the complexity of the form itself.
A WordPress theme for all
Under the title of the blog, on the left, just above the navigation bar, there is a "switch" that allows you to switch to an alternative graphical theme, namely "clear".
The graphic theme of a blog is chosen by the blog owner himself, whether it is created by hand, whether it was downloaded from the network. The end result, however, in addition to "us" owners should be pleased by our visitors who do not always appreciate certain layout choices. For some it will be trivial for other wonderful, for others still terribly annoying! Why, then, do not choose the "visitor" the layout with which to view our blog?
Very short trick: Conditional CSS and optimization
The use of the conditions within the browser is often used to decide which style sheet load based on the type of browser. For example we can use this code to load a particular style sheet when the browser is Internet Explorer 6:
WordPress: customize the navigation between the posts
WordPress offers many features to navigate through the various posts and pages forward and backward. These are used within the themes, often in a completely interchangeably, although they contain some differences. This, in fact, create some confusion in the choice of the function to use. Here are some notes:
Latest Comments
Gabriel : Hello, interesting article. I would need something similar but with some changes. In a ...
sebastian : Great share - thank you!
Subject : very helpful indeed! I tried it and it is just what I needed. Now I wonder how do I get ...
vik : With strategic help!
Pepper : Hi there, I do not know if you're one of the creators of the WP plugin Bannerize. I have spotted a ...