Скачать или смотреть Drupal 7 No Knowledge Needed: Adjust Image Placement & Display

Learn how to adjust the placement and display of images on your drupal site using a combination of the CSS Injector module and firebug for firefox (all free). You do NOT need any previous CSS knowledge (although it doesnt hurt). We explain everything step by step.

Skills covered:
How to use CSS to float and pad images
How to use firebug to inspect CSS classes
How to change image sizes in drupal
How to add or remove labels from image
How to add activate the blog module & add a custom image field

In this tutorial we use drupal 7's built in blog module with a field image (which we teach you to setup fast), but our instructions can apply to any content with a field image on your drupal website.

Our Example CSS:

.field-name-field-custom-image .field-items {
float: right;
padding-bottom: 30px;
padding-left: 30px;
}