суббота, 5 сентября 2015 г.

Про галерею работ и свадебная открыточка!

Всем доброго субботнего утра!
А у  нас сегодня солнышко, это редкость за последние дни. Как все таки оно хорошо влияет на настроение.
Не буду долго болтать, обещала про галерею, значит быть полезной информации здесь и сейчас. Хорошая привычка, кстати,-здесь и сейчас.

Итак, галерея.
Для меня важно было сделать ее компактной, чтоб можно было просмотреть сразу все картинки в миниатюре, кликнуть на нужную, посмотреть детали, ну и наличие ссылки на пост с работой.
Есть разные варианты, но я выбрала , наверно, самый примитивный, зато,то что надо)))
Вот так выглядит в итоге галерея моих работ.




Для ее создания я сделала в блоге отдельную страничку.
Далее, в редакции самой странички, нужно перейти в режим html 

Для того, чтобы упорядоченно хранить картинки,создадим таблицу без границ.
Для этого удаляете весь текст и вместо него вставляете следующий :


<table>  <tbody>
<tr>
        <td>˙строка 1, столбец 1 * </td>
        <td> строка 1, столбец 2   </td>
</tr>

<tr>
        <td>строка 2, столбец 1 * </td>
        <td>строка 2, столбец 2  </td>
</tr>
</tbody>   </table>

Далее жмете сохранить и переходите обратно в режим "Создать"
Вот что у вас получиться:

Сейчас у нас 2 строчки и 2 столбца.
Кол-во столбцов будет зависеть от ширины области поста (она задается в настройках шаблона)
Я попробовала сделать три столбца, но они у меня вышли за рамки и наложились на боковые панели.
Но если вам необходимо увеличить количество столбцов, вы просто добавляете еще строчки  <td>   </td>
Вот так:

<tr>
        <td>˙строка 1, столбец 1 * </td>
        <td> строка 1, столбец 2   </td>
        <td> строка 1, столбец 3   </td>
</tr>

Именно эта часть кода отвечает за создание еще одной строчки. 
Так как работ у вас будет много, нужно скопировать эту часть и вставить ее столько раз, сколько необходимо.
Для наглядности пример:


<table>  <tbody>

<tr>
        <td>˙строка 1, столбец 1 * </td>
        <td> строка 1, столбец 2   </td>
</tr>
<tr>
        <td>˙строка 1, столбец 1 * </td>
        <td> строка 1, столбец 2   </td>
</tr>
<tr>
        <td>˙строка 1, столбец 1 * </td>
        <td> строка 1, столбец 2   </td>
</tr>
<tr>
        <td>˙строка 1, столбец 1 * </td>
        <td> строка 1, столбец 2   </td>
</tr>
<tr>
        <td>строка 2, столбец 1 * </td>
        <td>строка 2, столбец 2  </td>
</tr>

</tbody>   </table>

Подсказка: чтобы каждый раз не искать эту часть кода при добавлении новых строчек для работ, в самом начале оставьте пару строк пустыми.
Когда в следующий раз нужно будет добавить код, вы их и будете копировать.

Переходим в режим создания.

Дальше все просто.
Вы вставляете картинки перед каждым словом "строка", а вместо "строка 2, столбец 1 *" вставляете ссылку.
Картинку лучше сделать маленького размера, и обязательно ее нужно вставлять через иконку сверху , а не через просто "вставить", тогда она у вас при нажатии будет увеличиваться.
Не забудьте настроить отображение страниц у вас в блоге.Для этого в меню Дизайн нужно добавить гаджет "Страницы" и настроить его.
Вот и все. 
Теперь проделываете большую работу по наполнению своей галереи и радуетесь.
Она полезна будет не только читателям, но и вам, когда вы ищите пост с работой ,его легко можно найти по картинкам!
Если у вас будут вопросы пишите в комментариях, обязательно отвечу)))

Сегодня я не только с полезным материалом, но и с картинками.
Хочу показать вам работу по скетчу СКЕ  - бело-золотая открыточка для свадебного подарка.
В работе использовала бумагу коллекции Lincoln Linen (Papermania) в сливочно-бежевых оттенках, цветочки, шебби-ленту, сердца из пластики.




Вот такой развлекательно-позанавательный пост у меня получился.
Всем отличных выходных и замечательного настроения!



8 комментариев:

  1. Татьяна, огромное спасибо за инструкцию галереи. Всё получается! Как заполню, опубликую страничку. Спасибо!
    Открытка очень красивая! Такая вкусная палитра!

    ОтветитьУдалить
    Ответы
    1. Светлана, спасибо)
      За галерею пожалуйста, рада что информация полезна!

      Удалить
  2. Шикарная работа! И палитра такая свадебная! Спасибо за участие в задании блога СКЕ

    ОтветитьУдалить
  3. Очень нежная открытка! Роскошь в каждой детали! Спасибо от СКЕ за участие в нашем задании!

    ОтветитьУдалить
    Ответы
    1. Спасибо большое. Мне очень нравятся такие палитры))) Легко в них работать

      Удалить
  4. нежная и легкая!!! спасибо за участие от блога "СКЕ"!

    ОтветитьУдалить

Copyright © 2017 Live In Scrap
Дизайн: SweetOlika