HTML

CSS3 media queries

Sat, 01/14/2012 - 22:26 — Alexis Wilke

CSS is improving with the introduction of CSS3.

Contrary to the previous version, CSS3 supports selections that are very advanced, offering capabilities close to what you could write in JavaScript.

Today I wanted to talk about the Media Queries because that can be used to very much optimize the list of links used to load your CSS data.

In HTML, you can use a <link ...> to add a CSS file to your page.

<link rel="stylesheet" type="text/css" href="style.css" />

In this case, the file style.css will always be loaded, whatever the media being used.

Insert Node Parameter: target (6-1.4) [no content]

Add a window target in a link. For example

   [node:123 target=_blank; link]

This option only applies to links and defines the target attribute of those links, as created with:

Insert Node Parameter: title (6-1.1),

Insert Node Parameter: link (5-1.0), or

Insert Node Parameter: more (6-1.1).

Using the target option by itself resets the Insert Node module to the default behavior (i.e. no target attribute):

   [node:123 target=_blank; link target more]

The title link will have target="_blank" and the more link will not.

Note that this data is

Menu Settings

Theme

Select a theme to display your Simplemenu items and dropdowns. The default is called original.

The themes reside in the module sub-folder named themes. Each theme is defined in a specific directory named after the theme. That name is what appears in the dropdown in the settings.

It is possible to add new themes as

Put the label of an HTML Input inside the Input element

Thu, 03/17/2011 - 14:06 — Alexis Wilke

Today I was looking into creating a small module for Drupal that would allow me to move the labels of my HTML Input elements inside the element itself. This is useful for small forms such as the Search, Log In, and Newsletter Subscription forms. Bigger forms are better left alone (I think.)

First, it took me some time to find the right keywords to search with. Once I included Label Inside Input Element, I started to get good answers.

Before it was done by setting some default value in the Input element. There are two drawbacks with that method: one you need to test and remove that default

Insert Node Parameter: imagefield or imagecache (6-1.3)

The imagefield parameter allows you to insert a CCK image from the specified node.

The parameter must be set to a very specific value for the feature to function properly. The following describes the value:

imagefield=<field name>:<image cache value>:<type>:<index>

The <field name> is the name of the CCK field. You need to include field_ as the introducer. For example, a field you named image is referenced as field_image.

The <image cache value> represents the way the image is displayed. Most often it represents a size such as small, medium, and large.

How to bypass Drupal strong security?

Thu, 02/17/2011 - 17:45 — Alexis Wilke

Interestingly enough, today I received a Security Advisory from Drupal saying that users received an email from a hacker asking them to install a Trojan module on their Drupal system.

I find it quite interesting since, if Drupal wasn't secure, the hackers would not have to ask you to make it unsecure, would they?

However, this shows how many CMS systems introduce a security issue problem to your web server installation since it is required to let your web server execute any one PHP file...

All the files installed on your web server and that are directly accessible from the outside (i.e. ...

gVim editor in SeaMonkey and FireFox

Mon, 01/03/2011 - 00:20 — Alexis Wilke

Today I discovered It's All Text. This is a FireFox (also works in SeaMonkey) extension that gives you the capability of editing a box of text in your favorite editor.

I love to use SeaMonkey, but the text editor is a bit light when it comes to writing code or fix broken HTML. To palliate to this problem, I often copy and paste the content of my posts from SeaMonkey to gVim, my favorite editor, apply the fixes lightning fast, and then copy the result back in SeaMonkey before saving.

This is a rather tedious process and prone to mistakes. To avoid problems, you can instead install ...

Using the Taxonomy VTN View feature

One of the options to link terms in a vocabulary to their view is:

taxonomy_view/voc-xxx/term-xxx

This option sends you to that path, exactly (where voc-xxx and term-xxx are numbers representing the vocabulary identifier and term identifier respectively.)