elementary/doc - Fix some images placement in docs.

SVN revision: 61489
This commit is contained in:
Rafael Antognolli 2011-07-18 22:11:49 +00:00
parent f736927093
commit 6177df28f7
2 changed files with 83 additions and 44 deletions

View File

@ -149,8 +149,9 @@
* And this is the end of this example. * And this is the end of this example.
* *
* This example will look like this: * This example will look like this:
*
* @image html screenshots/bg_01.png * @image html screenshots/bg_01.png
* @image latex screenshots/bg_01.eps * @image latex screenshots/bg_01.eps width=\textwidth
*/ */
/** /**
@ -383,8 +384,9 @@
* @until object_show * @until object_show
* *
* The example will look like this: * The example will look like this:
*
* @image html screenshots/actionslider_01.png * @image html screenshots/actionslider_01.png
* @image latex screenshots/actionslider_01.eps * @image latex screenshots/actionslider_01.eps width=\textwidth
* *
* See the full source code @ref actionslider_example_01 "here" * See the full source code @ref actionslider_example_01 "here"
*/ */
@ -461,14 +463,15 @@
* ourselves. * ourselves.
* *
* The example should look like this: * The example should look like this:
*
* @image html screenshots/animator_example_01.png * @image html screenshots/animator_example_01.png
* @image latex screenshots/animator_example_01.eps * @image latex screenshots/animator_example_01.eps width=\textwidth
* @n * @n
* @image html screenshots/animator_example_02.png * @image html screenshots/animator_example_02.png
* @image latex screenshots/animator_example_02.eps * @image latex screenshots/animator_example_02.eps width=\textwidth
* @n * @n
* @image html screenshots/animator_example_03.png * @image html screenshots/animator_example_03.png
* @image latex screenshots/animator_example_03.eps * @image latex screenshots/animator_example_03.eps width=\textwidth
* *
* The full source code for this example can be found @ref * The full source code for this example can be found @ref
* animator_example_01_c "here" * animator_example_01_c "here"
@ -783,8 +786,9 @@
* but the custom theme must be added to the front of the search path. * but the custom theme must be added to the front of the search path.
* *
* In the end, we should be looking at something like this: * In the end, we should be looking at something like this:
*
* @image html screenshots/theme_example_01.png * @image html screenshots/theme_example_01.png
* @image latex screenshots/theme_example_01.eps * @image latex screenshots/theme_example_01.eps width=\textwidth
* *
* That's all. Boringly simple, and the full code in one piece can be found * That's all. Boringly simple, and the full code in one piece can be found
* @ref theme_example_01.c "here". * @ref theme_example_01.c "here".
@ -837,8 +841,9 @@
* commonly used. * commonly used.
* *
* In the end, we'll be presented with something that looks like this: * In the end, we'll be presented with something that looks like this:
*
* @image html screenshots/button_01.png * @image html screenshots/button_01.png
* @image latex screenshots/button_01.eps * @image latex screenshots/button_01.eps width=\textwidth
* *
* The full code of the example is @ref button_example_01.c "here" and we * The full code of the example is @ref button_example_01.c "here" and we
* will follow here with a rundown of it. * will follow here with a rundown of it.
@ -948,8 +953,9 @@
* @skipline show * @skipline show
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/bubble_example_01.png * @image html screenshots/bubble_example_01.png
* @image latex screenshots/bubble_example_01.eps * @image latex screenshots/bubble_example_01.eps width=\textwidth
* *
* See the full source code @ref bubble_example_01.c here. * See the full source code @ref bubble_example_01.c here.
* @example bubble_example_01.c * @example bubble_example_01.c
@ -1047,7 +1053,7 @@
* untouched in our @ref box_example_01 "previous example". * untouched in our @ref box_example_01 "previous example".
* *
* @image html screenshots/box_example_02.png * @image html screenshots/box_example_02.png
* @image latex screenshots/box_example_02.eps * @image latex screenshots/box_example_02.eps width=\textwidth
* *
* @skipline Elementary.h * @skipline Elementary.h
* *
@ -1145,8 +1151,9 @@
* @until ELM_MAIN * @until ELM_MAIN
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/calendar_example_01.png * @image html screenshots/calendar_example_01.png
* @image latex screenshots/calendar_example_01.eps * @image latex screenshots/calendar_example_01.eps width=\textwidth
* *
* See the full source code @ref calendar_example_01.c here. * See the full source code @ref calendar_example_01.c here.
* @example calendar_example_01.c * @example calendar_example_01.c
@ -1198,8 +1205,9 @@
* skipline weekdays_names_set * skipline weekdays_names_set
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/calendar_example_02.png * @image html screenshots/calendar_example_02.png
* @image latex screenshots/calendar_example_02.eps * @image latex screenshots/calendar_example_02.eps width=\textwidth
* *
* See the full source code @ref calendar_example_02.c here. * See the full source code @ref calendar_example_02.c here.
* @example calendar_example_02.c * @example calendar_example_02.c
@ -1224,8 +1232,9 @@
* @skipline elm_calendar_min_max_year_set * @skipline elm_calendar_min_max_year_set
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/calendar_example_03.png * @image html screenshots/calendar_example_03.png
* @image latex screenshots/calendar_example_03.eps * @image latex screenshots/calendar_example_03.eps width=\textwidth
* *
* See the full source code @ref calendar_example_03.c here. * See the full source code @ref calendar_example_03.c here.
* @example calendar_example_03.c * @example calendar_example_03.c
@ -1253,8 +1262,9 @@
* @until elm_calendar_selected_time_set * @until elm_calendar_selected_time_set
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/calendar_example_04.png * @image html screenshots/calendar_example_04.png
* @image latex screenshots/calendar_example_04.eps * @image latex screenshots/calendar_example_04.eps width=\textwidth
* *
* See the full source code @ref calendar_example_04.c here. * See the full source code @ref calendar_example_04.c here.
* @example calendar_example_04.c * @example calendar_example_04.c
@ -1299,8 +1309,9 @@
* @skipline evas_object_smart_callback_add * @skipline evas_object_smart_callback_add
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/calendar_example_05.png * @image html screenshots/calendar_example_05.png
* @image latex screenshots/calendar_example_05.eps * @image latex screenshots/calendar_example_05.eps width=\textwidth
* *
* See the full source code @ref calendar_example_05.c here. * See the full source code @ref calendar_example_05.c here.
* @example calendar_example_05.c * @example calendar_example_05.c
@ -1368,8 +1379,9 @@
* @note Remember to draw marks after clear the calendar. * @note Remember to draw marks after clear the calendar.
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/calendar_example_06.png * @image html screenshots/calendar_example_06.png
* @image latex screenshots/calendar_example_06.eps * @image latex screenshots/calendar_example_06.eps width=\textwidth
* *
* See the full source code @ref calendar_example_06.c here. * See the full source code @ref calendar_example_06.c here.
* @example calendar_example_06.c * @example calendar_example_06.c
@ -1419,8 +1431,9 @@
* *
* See the full @ref clock_example.c "example", whose window should * See the full @ref clock_example.c "example", whose window should
* look like this picture: * look like this picture:
*
* @image html screenshots/clock_example.png * @image html screenshots/clock_example.png
* @image latex screenshots/clock_example.eps * @image latex screenshots/clock_example.eps width=\textwidth
* *
* See the full @ref clock_example_c "source code" for this example. * See the full @ref clock_example_c "source code" for this example.
* *
@ -1483,8 +1496,9 @@
* *
* See the full @ref diskselector_example_01.c "diskselector_example_01.c" * See the full @ref diskselector_example_01.c "diskselector_example_01.c"
* code, whose window should look like this picture: * code, whose window should look like this picture:
*
* @image html screenshots/diskselector_example_01.png * @image html screenshots/diskselector_example_01.png
* @image latex screenshots/diskselector_example_01.eps * @image latex screenshots/diskselector_example_01.eps width=\textwidth
* *
* @example diskselector_example_01.c * @example diskselector_example_01.c
*/ */
@ -1627,8 +1641,9 @@
* *
* See the full @ref diskselector_example_02.c "diskselector_example_02.c" * See the full @ref diskselector_example_02.c "diskselector_example_02.c"
* code, whose window should look like this picture: * code, whose window should look like this picture:
*
* @image html screenshots/diskselector_example_02.png * @image html screenshots/diskselector_example_02.png
* @image latex screenshots/diskselector_example_02.eps * @image latex screenshots/diskselector_example_02.eps width=\textwidth
* *
* @example diskselector_example_02.c * @example diskselector_example_02.c
*/ */
@ -1684,8 +1699,9 @@
* *
* See the full @ref flipselector_example.c "example", whose window should * See the full @ref flipselector_example.c "example", whose window should
* look like this picture: * look like this picture:
*
* @image html screenshots/flipselector_example.png * @image html screenshots/flipselector_example.png
* @image latex screenshots/flipselector_example.eps * @image latex screenshots/flipselector_example.eps width=\textwidth
* *
* See the full @ref flipselector_example_c "source code" for this example. * See the full @ref flipselector_example_c "source code" for this example.
* *
@ -1759,8 +1775,9 @@
* *
* See the full @ref fileselector_example.c "example", whose window * See the full @ref fileselector_example.c "example", whose window
* should look like this picture: * should look like this picture:
*
* @image html screenshots/fileselector_example.png * @image html screenshots/fileselector_example.png
* @image latex screenshots/fileselector_example.eps * @image latex screenshots/fileselector_example.eps width=\textwidth
* *
* See the full @ref fileselector_example_c "source code" for this example. * See the full @ref fileselector_example_c "source code" for this example.
* *
@ -1810,22 +1827,27 @@
* it (if any was made). * it (if any was made).
* *
* This is how the example, just after called, should look like: * This is how the example, just after called, should look like:
*
* @image html screenshots/fileselector_button_example_00.png * @image html screenshots/fileselector_button_example_00.png
* @image latex screenshots/fileselector_button_example_00.eps * @image latex screenshots/fileselector_button_example_00.eps width=\textwidth
* *
* Click on the file selector button to raise its internal file * Click on the file selector button to raise its internal file
* selector, which will be contained on an <b>"inner window"</b>: * selector, which will be contained on an <b>"inner window"</b>:
*
* @image html screenshots/fileselector_button_example_01.png * @image html screenshots/fileselector_button_example_01.png
* @image latex screenshots/fileselector_button_example_01.eps * @image latex screenshots/fileselector_button_example_01.eps width=\textwidth
* *
* Toggle the "inwin mode" switch off and, if you click on the file * Toggle the "inwin mode" switch off and, if you click on the file
* selector button again, you'll get @b two windows, the original one * selector button again, you'll get @b two windows, the original one
* (note the last selection there!) * (note the last selection there!)
*
* @image html screenshots/fileselector_button_example_02.png * @image html screenshots/fileselector_button_example_02.png
* @image latex screenshots/fileselector_button_example_02.eps * @image latex screenshots/fileselector_button_example_02.eps width=\textwidth
*
* and the file selector's new one * and the file selector's new one
*
* @image html screenshots/fileselector_button_example_03.png * @image html screenshots/fileselector_button_example_03.png
* @image latex screenshots/fileselector_button_example_03.eps * @image latex screenshots/fileselector_button_example_03.eps width=\textwidth
* *
* Play with the checkboxes to get the behavior changes on the file * Play with the checkboxes to get the behavior changes on the file
* selector button. The respective API calls on the widget coming from * selector button. The respective API calls on the widget coming from
@ -1882,22 +1904,27 @@
* selector's window: it will start the file browsing there, for you. * selector's window: it will start the file browsing there, for you.
* *
* This is how the example, just after called, should look like: * This is how the example, just after called, should look like:
*
* @image html screenshots/fileselector_entry_example_00.png * @image html screenshots/fileselector_entry_example_00.png
* @image latex screenshots/fileselector_entry_example_00.eps * @image latex screenshots/fileselector_entry_example_00.eps width=\textwidth
* *
* Click on the file selector entry to raise its internal file * Click on the file selector entry to raise its internal file
* selector, which will be contained on an <b>"inner window"</b>: * selector, which will be contained on an <b>"inner window"</b>:
*
* @image html screenshots/fileselector_entry_example_01.png * @image html screenshots/fileselector_entry_example_01.png
* @image latex screenshots/fileselector_entry_example_01.eps * @image latex screenshots/fileselector_entry_example_01.eps width=\textwidth
* *
* Toggle the "inwin mode" switch off and, if you click on the file * Toggle the "inwin mode" switch off and, if you click on the file
* selector entry again, you'll get @b two windows, the original one * selector entry again, you'll get @b two windows, the original one
* (note the last selection there!) * (note the last selection there!)
*
* @image html screenshots/fileselector_entry_example_02.png * @image html screenshots/fileselector_entry_example_02.png
* @image latex screenshots/fileselector_entry_example_02.eps * @image latex screenshots/fileselector_entry_example_02.eps width=\textwidth
*
* and the file selector's new one * and the file selector's new one
*
* @image html screenshots/fileselector_entry_example_03.png * @image html screenshots/fileselector_entry_example_03.png
* @image latex screenshots/fileselector_entry_example_03.eps * @image latex screenshots/fileselector_entry_example_03.eps width=\textwidth
* *
* Play with the checkboxes to get the behavior changes on the file * Play with the checkboxes to get the behavior changes on the file
* selector entry. The respective API calls on the widget coming from * selector entry. The respective API calls on the widget coming from
@ -1953,12 +1980,14 @@
* @until ELM_MAIN * @until ELM_MAIN
* *
* Our example will initially look like this: * Our example will initially look like this:
*
* @image html screenshots/hover_example_01.png * @image html screenshots/hover_example_01.png
* @image latex screenshots/hover_example_01.eps * @image latex screenshots/hover_example_01.eps width=\textwidth
* *
* And after you click the "Show hover" button it will look like this: * And after you click the "Show hover" button it will look like this:
*
* @image html screenshots/hover_example_01_a.png * @image html screenshots/hover_example_01_a.png
* @image latex screenshots/hover_example_01_a.eps * @image latex screenshots/hover_example_01_a.eps width=\textwidth
* *
* @example hover_example_01.c * @example hover_example_01.c
*/ */
@ -2004,8 +2033,10 @@
* ilustrate that it's possible to animate the flip programmatically. * ilustrate that it's possible to animate the flip programmatically.
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/flip_example_01.png * @image html screenshots/flip_example_01.png
* @image latex screenshots/flip_example_01.eps * @image latex screenshots/flip_example_01.eps width=\textwidth
*
* @note Since this is an animated example the screenshot doesn't do it * @note Since this is an animated example the screenshot doesn't do it
* justice, it is a good idea to compile it and see the animations. * justice, it is a good idea to compile it and see the animations.
* *
@ -2055,8 +2086,9 @@
* @until show(label * @until show(label
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/label_example_01.png * @image html screenshots/label_example_01.png
* @image latex screenshots/label_example_01.eps * @image latex screenshots/label_example_01.eps width=\textwidth
* *
* @example label_example_01.c * @example label_example_01.c
*/ */
@ -2119,7 +2151,7 @@
* This example will look like this: * This example will look like this:
* *
* @image html screenshots/image_example_01.png * @image html screenshots/image_example_01.png
* @image latex screenshots/image_example_01.eps * @image latex screenshots/image_example_01.eps width=\textwidth
* *
* @example image_example_01.c * @example image_example_01.c
*/ */
@ -2185,7 +2217,7 @@
* This example will look like this: * This example will look like this:
* *
* @image html screenshots/icon_example_01.png * @image html screenshots/icon_example_01.png
* @image latex screenshots/icon_example_01.eps * @image latex screenshots/icon_example_01.eps width=\textwidth
* *
* @example icon_example_01.c * @example icon_example_01.c
*/ */
@ -2244,12 +2276,14 @@
* @until } * @until }
* *
* Our example will initially look like this: * Our example will initially look like this:
*
* @image html screenshots/hoversel_example_01.png * @image html screenshots/hoversel_example_01.png
* @image latex screenshots/hoversel_example_01.eps * @image latex screenshots/hoversel_example_01.eps width=\textwidth
* *
* And when the hoversel is clicked it will look like this: * And when the hoversel is clicked it will look like this:
*
* @image html screenshots/hoversel_example_01_a.png * @image html screenshots/hoversel_example_01_a.png
* @image latex screenshots/hoversel_example_01_a.eps * @image latex screenshots/hoversel_example_01_a.eps width=\textwidth
* *
* @example hoversel_example_01.c * @example hoversel_example_01.c
*/ */
@ -2279,14 +2313,14 @@
* can see on the following image: * can see on the following image:
* *
* @image html screenshots/conformant_example_01.png * @image html screenshots/conformant_example_01.png
* @image latex screenshots/conformant_example_01.eps * @image latex screenshots/conformant_example_01.eps width=\textwidth
* *
* But if you call a virtual keyboard, the window will resize, changing * But if you call a virtual keyboard, the window will resize, changing
* widgets size and position. All the content will shrink. * widgets size and position. All the content will shrink.
* The window will look like this: * The window will look like this:
* *
* @image html screenshots/conformant_example_02.png * @image html screenshots/conformant_example_02.png
* @image latex screenshots/conformant_example_02.eps * @image latex screenshots/conformant_example_02.eps width=\textwidth
* *
* If you don't want such behaviour, you * If you don't want such behaviour, you
* will need a conformant to account for space taken up by the indicator, * will need a conformant to account for space taken up by the indicator,
@ -2296,13 +2330,13 @@
* a window like the following when the virtual keyboard is hidden: * a window like the following when the virtual keyboard is hidden:
* *
* @image html screenshots/conformant_example_03.png * @image html screenshots/conformant_example_03.png
* @image latex screenshots/conformant_example_03.eps * @image latex screenshots/conformant_example_03.eps width=\textwidth
* *
* As you can see, it guess the space that will be required by the keyboard. * As you can see, it guess the space that will be required by the keyboard.
* Verify how perfectly it fits when keyboard is visible: * Verify how perfectly it fits when keyboard is visible:
* *
* @image html screenshots/conformant_example_04.png * @image html screenshots/conformant_example_04.png
* @image latex screenshots/conformant_example_04.eps * @image latex screenshots/conformant_example_04.eps width=\textwidth
* *
* So, let's study each step required to transform our initial example on * So, let's study each step required to transform our initial example on
* the second one. * the second one.

View File

@ -4179,8 +4179,9 @@ extern "C" {
* @until ELM_MAIN() * @until ELM_MAIN()
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/frame_example_01.png * @image html screenshots/frame_example_01.png
* @image latex screenshots/frame_example_01.eps * @image latex screenshots/frame_example_01.eps width=\textwidth
* *
* @example frame_example_01.c * @example frame_example_01.c
*/ */
@ -5487,8 +5488,9 @@ extern "C" {
* @until } * @until }
* *
* The example will look like this: * The example will look like this:
*
* @image html screenshots/anchorblock_01.png * @image html screenshots/anchorblock_01.png
* @image latex screenshots/anchorblock_01.eps * @image latex screenshots/anchorblock_01.eps width=\textwidth
* *
* @example anchorblock_example_01.c * @example anchorblock_example_01.c
*/ */
@ -7056,8 +7058,9 @@ extern "C" {
* value is changed when the checkbox is changed. * value is changed when the checkbox is changed.
* *
* Our example will look like this: * Our example will look like this:
*
* @image html screenshots/check_example_01.png * @image html screenshots/check_example_01.png
* @image latex screenshots/check_example_01.eps * @image latex screenshots/check_example_01.eps width=\textwidth
* *
* @example check_example_01.c * @example check_example_01.c
*/ */
@ -8705,6 +8708,7 @@ extern "C" {
* The speed in which an animation happens doesn't have to be linear, some * The speed in which an animation happens doesn't have to be linear, some
* animations will look better if they're accelerating or decelerating, so * animations will look better if they're accelerating or decelerating, so
* elm_animator provides four options in this regard: * elm_animator provides four options in this regard:
*
* @image html elm_animator_curve_style.png * @image html elm_animator_curve_style.png
* @image latex elm_animator_curve_style.eps width=\textwidth * @image latex elm_animator_curve_style.eps width=\textwidth
* As can be seen in the image the speed of the animation will be: * As can be seen in the image the speed of the animation will be:
@ -10205,8 +10209,9 @@ extern "C" {
* @until } * @until }
* *
* This example will look like this: * This example will look like this:
*
* @image html screenshots/colorselector_example_01.png * @image html screenshots/colorselector_example_01.png
* @image latex screenshots/colorselector_example_01.eps * @image latex screenshots/colorselector_example_01.eps width=\textwidth
* *
* @example colorselector_example_01.c * @example colorselector_example_01.c
*/ */