You are here

Home » API reference » Flickr 7

README.txt in Flickr 7

Same filename in this branch
  1. 7 README.txt
  2. 7 filter/README.txt
  3. 7 block/README.txt
  4. 7 sets/README.txt
  5. 7 field/README.txt
  6. 7 cachewarmer/README.txt
  7. 7 feeds/README.txt
  8. 7 style/README.txt
  9. 7 tags/README.txt
The content of this file is based on the online documentation that can be found
at https://www.drupal.org/node/2174131. It is recommended to read it there.

Extra configuration options: Rounded corners, shadow, border, emphasize on
hover.

Configuration
=============
At 'admin/config/media/flickr' in the section 'STYLING (CSS RELATED)':

Use flickr.css
--------------
Checkbox.
Uncheck to take care of the styling yourself in custom CSS.
If you use Flickr Filter, you might find the AutoFloat module useful
(https://www.drupal.org/project/autofloat).

Image styles
------------
Checkboxes.
- Rounded corners
- Shadow
- Border

Apply the image style also on the caption?
------------------------------------------
Radio buttons.
- No
- Yes, separate from the image
- Yes, wrapped around the image and caption ("Polaroid" effect if applied with a
  border)

Disable the above styles on a caption with only the text 'Flickr' (simple link)
-------------------------------------------------------------------------------
Checkbox.

Emphasize the image on hover?
-----------------------------
Radio buttons.
- No
- Enlarge slightly (includes the caption)
- Enlarge (image only) (*)
- Zoom (*)
- Magnifier icon

(*): The 'Zoom' and 'Enlarge' styles use bigger images to maintain the
resolution. This has a slight performance impact and the size 'big square' (q)
is not square but 150px on the longest side to avoid distortion on older
browsers.


Suppress Flickr block titles
============================
You can suppress the block titles with CSS. For example for the block 'Flickr: User photos with specific tags' ($delta=11), it would look like:

#block-flickr-11 .flickr-album-heading {
  display: none;
}


Image & album HTML structure
============================
See https://www.drupal.org/node/2289797.

File

style/README.txt
View source 
  1. The content of this file is based on the online documentation that can be found

  2. at https://www.drupal.org/node/2174131. It is recommended to read it there.

  3. 

  4. Extra configuration options: Rounded corners, shadow, border, emphasize on

  5. hover.

  6. 

  7. Configuration

  8. =============

  9. At 'admin/config/media/flickr' in the section 'STYLING (CSS RELATED)':

  10. 

  11. Use flickr.css

  12. --------------

  13. Checkbox.

  14. Uncheck to take care of the styling yourself in custom CSS.

  15. If you use Flickr Filter, you might find the AutoFloat module useful

  16. (https://www.drupal.org/project/autofloat).

  17. 

  18. Image styles

  19. ------------

  20. Checkboxes.

  21. - Rounded corners

  22. - Shadow

  23. - Border

  24. 

  25. Apply the image style also on the caption?

  26. ------------------------------------------

  27. Radio buttons.

  28. - No

  29. - Yes, separate from the image

  30. - Yes, wrapped around the image and caption ("Polaroid" effect if applied with a

  31.   border)

  32. 

  33. Disable the above styles on a caption with only the text 'Flickr' (simple link)

  34. -------------------------------------------------------------------------------

  35. Checkbox.

  36. 

  37. Emphasize the image on hover?

  38. -----------------------------

  39. Radio buttons.

  40. - No

  41. - Enlarge slightly (includes the caption)

  42. - Enlarge (image only) (*)

  43. - Zoom (*)

  44. - Magnifier icon

  45. 

  46. (*): The 'Zoom' and 'Enlarge' styles use bigger images to maintain the

  47. resolution. This has a slight performance impact and the size 'big square' (q)

  48. is not square but 150px on the longest side to avoid distortion on older

  49. browsers.

  50. 

  51. 

  52. Suppress Flickr block titles

  53. ============================

  54. You can suppress the block titles with CSS. For example for the block 'Flickr: User photos with specific tags' ($delta=11), it would look like:

  55. 

  56. #block-flickr-11 .flickr-album-heading {

  57.   display: none;

  58. }

  59. 

  60. 

  61. Image & album HTML structure

  62. ============================

  63. See https://www.drupal.org/node/2289797.