Красивые линии для вашего блога (продолжение)

Здравствуйте, дорогие читатели и гости сайта «Тестируем шаблон». Рада вновь встретится с вами на моем блоге.

Сегодня мы продолжим разговор о красивых линейках для дизайна нашего сайта. В прошлой статье мы рассмотрели как можно самостоятельно создать красивые и уникальные линии для оформления на  сервисе X-Lines.ru.

А вот как лучше встраивать картинку-линию на блог?

Возможны варианты :

1) скопировать HTML-код картинки и только, удалив внешнюю ссылку, вставить на сайт в текст или сайтбар.

2) сохранить картинку на свой компьютер и вставлять в текст как медиафайл, в этом случае картинка будет хранится на вашем сайте, что уже лучше, чем на чужом резерве (может зависать или вообще не грузиться), но медиафайл в статье смотрится менее эстетично, чем картинка встроенная кодом

 поэтому, делаем вариант номер

3) Загружаем картинки к себе на сайт в медиабиблиотеку, при этом закрепляем их за определенной страницей, например, «О сайте» (чтобы было легче искать Wink ), затем создаем  запись, называем ее допустим «Нужный черновик» и уже здесь сохраняем картинки-линии в виде HTML кодов. Скажите, зачем такие заморочки? Ну, у вас всегда будут готовы коды линий для статей,  вы будете спокойны, что они не исчезнут, так как хранятся на собственном сайте, и, наверное, самое главное, у вас не будет головной боли, по поводу, как расценит поисковик данные коды, ведь вставляя код с чужого резерва, мы все равно указываем чужой адрес, и как следствие делаем плагиат.

Естественно не все будут делать такие действия, а только те, которые любят декор на сайте, при этом хотят довести это до логического и эстетического совершенства. (Во загнула :scratch:

Поэтому, чтобы в вашем «Нужном черновике» были готовые  HTML коды (естественно редактируем мы в   HTML редакторе), мы для начала просто копируем в этот черновик коды линий с сервиса X-Lines.ru. Рассмотрим на одной из картинок:

ее HTML код выглядит так 
<a href=»http://www.x-lines.ru./» target=»_blank»><img src=»http://www.x-lines.ru./metric/1353518451ILNiOMjZn.png» alt=»» border=»0″ /></a>

где синим ссылка на сайт  X-Lines.ru, которую надо удалить,а красным-адрес картинки на сайте  X-Lines.ru, который мы просто заменим на свой. После того, как мы сохранили картинку на своем сайте, копируем ее адрес (на фото ниже выделено синим) и

вставляем этот адрес в код в место предыдущего адреса, получаем такой код

<img src=»http://test-shablon.ru/wp-content/uploads/2012/08/1353518451ILNiOMjZn.png» alt=»» border=»0″ /></a>

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

http://www.x-lines.ru./metric/1353518451ILNiOMjZn.png

http://test-shablon.ru/wp-content/uploads/2012/08/1353518451ILNiOMjZn.png

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

<center>ваш код</center>

О том как сделать из такой картинки-линии баннер или «говорящую» информативную картинку мы уже обсуждали ранее.

P.S. Чуть не забыла упомянуть о другом сервисе, где очень много красивых готовых линий для любого дизайна и цветовых пристрастий   Who-s-the-man  http://smayliki.ru/smilies-110.html

О новых интересных находках мы поговорим в следующих статьях рубрики «Дизайн сайта». С вами была Юлия, до новых встреч.

:heart: Расскажи другу, пусть тоже дизайном займется :good:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • LinkedIn
  • Digg
  • Blogger
  • Блог Li.ру
  • Сто закладок
  • RSS
  • Одноклассники

Об авторе Юлия

Меня зовут Юлия. Этот сайт я начала из-за моей проснувшейся и непонятной любви к рассмотрению настроек шаблонов. Сама я пока создавать темы на Вордпресс не умею, но надеюсь, что это когда-нибудь случится. Пишите в комментариях свои вопросы: я обязательно отвечу. Ну и замечания тоже приветствуются-))
Метки: . Закладка Постоянная ссылка.

50 комментариев: Красивые линии для вашего блога (продолжение)

  1. razbirishka пишет:

    Я только не совсем поняла, зачем эти линеечки. Это , как на форумах? Типа – Моему ребенку 3 месяца или Я замужем уже полгода!
    Я правильно поняла?

    • Юлия пишет:

      Можно и так, но я использую линии чисто ради красивой картинки, например у меня внизу страницы листики -это линия.

  2. Екатерина пишет:

    Интересно! Но я предпочитаю просто загружать картинку с рабочего стола..Будь то стрелочка. линеечка, или еще что-нибудь..

  3. Larisenok пишет:

    и я не поняла зачем, просто красивые бусики)))

  4. Тамара пишет:

    Занятно и симпатично, я люблю такие дополнения.

  5. Нина пишет:

    Юлия, мне нужно собрать мозги в кучку и разобраться в этой красоте. А то на свой сайт заходить стыдно. :cry: Такой нефантазийный!

  6. mrs.interesno пишет:

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

  7. Анна пишет:

    Такие линеечки, безусловно, украшаю блог и делают его более интересным, эстетичным и привлекательным для читателей или посетителей. Спасибо за обучение, Юлечка! Хорошо, когда знаешь КАК, а вот КОГДА ты это применишь или используешь — это уже другой вопрос. Творите, друзья! :rose:

  8. Галина пишет:

    Срочно надо время выделять для всей этой красоты! Хочется!!! А где же его, лишнее-то, взять? Ладно, в ежедневник я себе пункт записала. Вот вместе со снежком и сделаю! Юля, спасибо!

    • Юлия пишет:

      Галя, это недолго, ведь у нас как :долго запрягаем, да быстро ездим. Главное начать :yes:

  9. razbirishka пишет:

    Ясно. Вобщем, так же можно, какие угодно картинки вставлять7

  10. Ксения Юрьевна пишет:

    Молодец, Юлечка , вы все более совершенствуетесь. Нашла вас в твиттере.
    Очень симпатичные прибамбасики, я тоже люблю всякое такое, с ними веселее, но пока не до этого, Хочу второй сайт и у меня не получается на хостинге , добавить сайт.Твитну еще.

  11. Юлия, если слишком много украшений, то блог или сайт будет выглядеть как украшенная елка. Все блестит и свекает. Надо во всем знать меру, полоски-картинки хороши в единственном экземпляре. Это моё мнение, кому то мишура нравится.

    • Юлия пишет:

      Никто не призывает к большому количеству украшений, хотя и мера эта у всех разная Worry

      • Юлия пишет:

        Кстати, Вы свой блог-то со стороны видели? Вывести на главную столько картинок…а заголовок….

  12. Елена пишет:

    Спасибо большое за статью! Столько нового узнала у вас. Я только учусь, но красоту навести хочется.

  13. Любовь пишет:

    Я тоже люблю разные прибамбасы. Главное, чтобы было в тему. А все эти штучки очень украшают сайт. Юля, а у тебя уже много интересных и полезных статей, есть из чего выбрать, чтобы сделать свой сайт неординарным THANK-YOU

  14. Елена пишет:

    Интересные штучки эти линеечки.
    надоть подумать на тему их использования Pleasure
    точнее и на эту тему тоже Worry

    А обезьянка над формой подписки тоже описанным образом сделана?

    Ага!А соцкнопочки уже появились. Ура ! «Расскажи другу, пусть тоже займется дизайном» — звучит КЛАСС Approve !!!

  15. Елена пишет:

    Какой красивый фон у блога появился. С намеком про новый год!

  16. Татьяна пишет:

    Очень красиво, это что для меня совершенно новенькое.

  17. Татьяна пишет:

    Юленька, я не про котика, котика я давно поставила себе, мне очень нравятся звездочки, которые у вас при движении мышки падают, как это сделать?

    • Юлия пишет:

      Танюша, это подарок. Я просто обещала не рассказывать. Извините, может найдете на другом ресурсе подсказку…

  18. Елена пишет:

    Привет, Юлечка, я так поняла, это что то типа разделителей? А наряд у твоего блога великолепный!!!

    • Юлия пишет:

      Да, Леночка, типа того. Наряд был бы еще лучше, если б не хостинг, который прислал письмо о большой нагрузке…Почти все пришлось поудалять ;-) Кстати, ты так и не стала восстанавливать тот сайт? Зато этот красавец и шаблон знакомый :good:

  19. Арина пишет:

    Спасибо за помощь. Я себе на строила линеечку бабочек. все очень нравится! Спасибо за труд и то, что делитесь результатами.

    • Юлия пишет:

      Арина, да не за что, я просто ничего больше и не умею, чем сайт украшать. ;-) А вот ссылку с бабочек лучше убрать…

  20. Альбина пишет:

    Юлечка, огромное спасибо Вам за этот такой красивый, полезный и нужный блог! Я рада, что наконец нашла то, что искала давно. Успехов и Удачи !!!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

[+] Жми на плюс- Открой тайник- Чтоб прикольный СМАЙЛ возник!
:bye: 
:good: 
:negative: 
:scratch: 
:wacko: 
:yahoo: 
B-) 
:heart: 
:rose: 
:-) 
:whistle: 
:yes: 
:cry: 
:mail: 
:-( 
:unsure: 
;-)