?

Log in

No account? Create an account

Previous Entry | Next Entry

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

"Дизайн" созрел давно - такие же горизонтальные картинки, как и в подборке записей в конце поста, чтобы все сочеталось. Ссылки лучше сделать и с картинок, и с подписей, чтобы был живой текст. Хотя можно было подписать картинки, к примеру. Картинки сделала в фотошопе, вначале взяла размер 200х100, но оказались маловаты - увеличила до 230х115 пикселей. Насколько я знаю, это можно сделать в приложении Paint  (ниже к этому вернусь).  Размер картинок можно редактировать прямо в визуальном редакторе, главное, чтобы они были одинаковыми по масштабу. Следующий шаг - расположить три картинки в ряд по горизотали.


По умолчанию, когда вы пишете новый пост открыта вкладка "визуальный редактор", нужно переключиться на вторую, которая называется "html". Вставьте этот код:

<table>

<tbody>

<tr>

<td>столбец 1</td>

<td>столбец2</td>

<td>столбец3</td>

</tr>

</tbody>

</table>

Если вы переключитесь назад в визуальный режим, то увидите на месте кода такую запись:

столбец1 столбец2 столбец3 - у вас получилась невидимая таблица из 3 столбцов.

Теперь прямо в визуальном режиме перед словом "столбец" ставьте курсор и вставляйте изображение с компьютера, как обычно (все три по очереди). Теперь поставьте еще раз перед словами "столбец" курсор и отбейте ентером слово на вторую строчку, а вместо этого слова напишите то, что вам нужно (и так три раза). Ширину картинки можно также менять обычным способом - дважды щелкнуть по ней и изменить значение ширины в открывшемся окне, высота по вертикали выровняется автоматически по умолчанию.

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

Теперь нужно привязать содержание к соответствующим постам с метками - нужно выделить картинку и ее подпись, нажать на кнопку для добавления гиперссылки (в виде скрепки на верхней горизонтальной полоске окна визуального редактора), в открывшемся окне вставить урл такого вида:

название блога/tag/название метки

в моем случае, например, - world-jewellery.livejournal.com/tag/символика

или еще проще - перейти на страницу управления метками

http://www.livejournal.com/account/settings/tags/

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

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

PS-1 - если вы уж совсем не дружите с фотошопом, насколько я знаю, картинку можно отредактировать в стандартом приложении Microsoft - Paint. Буквально выбрать картинку на компьютере, навести на нее мышь, нажать ее правую кнопку и выбрать "изменить". Картинка откроется в программе и можно внести изменения в размер, наверное, в ней же можно и обрезать как нужно, я просто никогда не пробовала.

PS-2 - если вам нужно вставить в какое-то место поста html-код - поставьте курсор в то место на странице в визуальном редакторе, где должно появиться то, что нужно - а затем переключитесь в режим html, курсор уже будет стоять на нужном месте (чтобы не путаться в коде.


О дизайне блога и платном аккаунте еще я размышляла здесь

Recent Posts from This Journal

promo world_jewellery april 6, 2015 01:45 49
Buy for 20 tokens
Гагат в древней Индии почитался священным камнем Великой Матери Мира. Cчиталось, что всякий, кто имеет с собой этот камень - попадает под ее защиту. В разных странах мира, независимо друг от друга, его считали талисманом, защищающим от дурного глаза, колдовства и злых духов. Талисманы из гагата…

Comments

( 59 comments — Leave a comment )
lik_mi
Jun. 2nd, 2015 03:59 am (UTC)
Спасибо, Марина, очень пригодится)
Давно назрело то же самое, однажды попыталась привести в порядок тэги для верхней записи и сломалась надолго)

Edited at 2015-06-02 04:00 am (UTC)
world_jewellery
Jun. 2nd, 2015 11:08 am (UTC)
У меня такой же случай, хотела начать с дизайна, потом поняла, что такой универсальный тип содержания к любому дизайну подойдет, и оказалось, что все не так уж занудно - за вечер сделала
(no subject) - lik_mi - Jun. 2nd, 2015 06:15 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 2nd, 2015 08:26 pm (UTC) - Expand
margaritael
Jun. 2nd, 2015 04:58 am (UTC)
Спасибо, забираю себе!))
world_jewellery
Jun. 2nd, 2015 12:17 pm (UTC)
буду счастлива если пригодится!
(no subject) - margaritael - Jun. 2nd, 2015 03:56 pm (UTC) - Expand
livejournal
Jun. 2nd, 2015 04:59 am (UTC)
Как вставить три картинки по горизонтали и сделать сод
Пользователь margaritael сослался на вашу запись в своей записи «Как вставить три картинки по горизонтали и сделать содержание блога» в контексте: [...] Оригинал взят у в Как вставить три картинки по горизонтали и сделать содержание блога [...]
world_jewellery
Jun. 2nd, 2015 09:27 am (UTC)
Re: Как вставить три картинки по горизонтали и сделать с
+
margaritael
Jun. 2nd, 2015 05:00 am (UTC)
Этот день пусть будет ясным,
Добрым, солнечным, прекрасным,
И улыбок миллион
Пусть тебе подарит он!
world_jewellery
Jun. 2nd, 2015 12:19 pm (UTC)
Хочется прямо-таки в стихах и ответить :))) но тогда буду неделю сочинять :)))
liya_fa
Jun. 2nd, 2015 06:41 am (UTC)
в общем,с огородом,пока вникнуть мне сложновато,пост в закладках оставила,если что - потом вопросами помучаю)))
world_jewellery
Jun. 2nd, 2015 12:27 pm (UTC)
Буду только рада, много понаписано, на самом деле на редкость все просто, если нужно, конечно, содержание, у меня назрело - даже не собиралась, а увлеклась и сделала за вечер - время лишнее только на раздумья уходит - как озаглавить, к примеру, разделы свести количество разделов к кратным 3 и тому подобное. Картинки меньше размером не хотелось, и больше 9 разделов много уже, остальные потом можно в сайдбар добавить, если понадобится
(no subject) - liya_fa - Jun. 2nd, 2015 02:09 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 2nd, 2015 08:07 pm (UTC) - Expand
livejournal
Jun. 2nd, 2015 12:17 pm (UTC)
НА ВСЯКИЙ..
Пользователь verunia62 сослался на вашу запись в своей записи «НА ВСЯКИЙ..» в контексте: [...] Оригинал взят у в Как вставить три картинки по горизонтали и сделать содержание блога [...]
world_jewellery
Jun. 2nd, 2015 12:35 pm (UTC)
Re: НА ВСЯКИЙ..
+
rosa_wolke
Jun. 2nd, 2015 04:52 pm (UTC)
Марина, забираю себе:) Это очень своевременно написанная тема!
world_jewellery
Jun. 2nd, 2015 08:20 pm (UTC)
я счастлива!
vladimirdar
Jun. 2nd, 2015 07:02 pm (UTC)
Спасибо, Марина! Это как раз то, с чем я давно уже хотел разобраться.
А то у меня оглавление в верхнем посте уже "раздулось" от банальных ссылок...)
Забираю в избранное.
Обязательно воспользуюсь!
world_jewellery
Jun. 2nd, 2015 08:34 pm (UTC)
я страшно рада! чувствую себя полезным членом общества :))) вроде не так много постов, а уже путаться начала, поэтому разложила по полочкам более менее
vera_kap
Jun. 2nd, 2015 08:11 pm (UTC)

Очень полезно,  но непонятно, видимо поздно уже, надо вернуться на свежую голову.

world_jewellery
Jun. 2nd, 2015 08:46 pm (UTC)
там все правда просто, это у меня талант написать многобуков где надо мало
lareina
Jun. 2nd, 2015 11:13 pm (UTC)
очень полезно для всех, спасибо)
world_jewellery
Jun. 2nd, 2015 11:45 pm (UTC)
Спасибо тоже! Вдруг и правда пригодится кому :))
dizertox
Jun. 3rd, 2015 05:32 am (UTC)
чиорт, ты еще и хацкер! ))
world_jewellery
Jun. 4th, 2015 03:52 am (UTC)
а то! вот как нибудь еще возьмусь и красоту наведу!
(no subject) - dizertox - Jun. 4th, 2015 01:02 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 4th, 2015 06:40 pm (UTC) - Expand
(no subject) - dizertox - Jun. 4th, 2015 07:23 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 4th, 2015 08:54 pm (UTC) - Expand
(no subject) - dizertox - Jun. 4th, 2015 08:55 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 5th, 2015 01:43 am (UTC) - Expand
(no subject) - dizertox - Jun. 6th, 2015 07:37 am (UTC) - Expand
(no subject) - world_jewellery - Jun. 6th, 2015 07:52 pm (UTC) - Expand
(no subject) - dizertox - Jun. 8th, 2015 03:34 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 8th, 2015 06:07 pm (UTC) - Expand
(no subject) - dizertox - Jun. 8th, 2015 06:53 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 8th, 2015 09:16 pm (UTC) - Expand
(no subject) - dizertox - Jun. 9th, 2015 02:08 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 10th, 2015 11:53 pm (UTC) - Expand
(no subject) - dizertox - Jun. 11th, 2015 06:55 am (UTC) - Expand
(no subject) - world_jewellery - Jun. 11th, 2015 11:54 pm (UTC) - Expand
(no subject) - dizertox - Jun. 14th, 2015 08:56 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 14th, 2015 09:03 pm (UTC) - Expand
(no subject) - dizertox - Jun. 14th, 2015 09:25 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 15th, 2015 10:43 pm (UTC) - Expand
(no subject) - dizertox - Jun. 23rd, 2015 12:47 am (UTC) - Expand
(no subject) - world_jewellery - Jun. 23rd, 2015 01:39 pm (UTC) - Expand
dgz
Jun. 3rd, 2015 08:48 am (UTC)
тоже фотожопом создавал подобные картинки, а вот paint это кошмар)
world_jewellery
Jun. 4th, 2015 03:36 am (UTC)
фотошоп - вещь незаменимая, у меня мак много лет, совсем не знаю paint
(no subject) - dgz - Jun. 12th, 2015 03:15 pm (UTC) - Expand
(no subject) - world_jewellery - Jun. 12th, 2015 07:32 pm (UTC) - Expand
tiranozavr_leps
Jun. 3rd, 2015 11:37 am (UTC)
Полезно! Когда-нибудь и у меня руки дойдут, надеюсь). Хорошего дня!
world_jewellery
Jun. 4th, 2015 11:05 am (UTC)
буду рада, если пригодится :))
(no subject) - iamandrew1 - Jun. 3rd, 2015 06:11 pm (UTC) - Expand
world_jewellery
Jun. 4th, 2015 12:04 pm (UTC)
Спасибо тоже! Навожу порядок понемногу :))))
nakatimur
Jun. 4th, 2015 03:44 pm (UTC)
Зашёл пожелать приятного вечера в хорошей компании!
Всё скверное идёт к чёрту!
world_jewellery
Jun. 4th, 2015 08:06 pm (UTC)
Спасибо и взаимно! Скверного не держим, но на всякий случай пошлем конечно :)))
( 59 comments — Leave a comment )

Profile

кольца
world_jewellery
Украшения мира

Latest Month

August 2017
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

Tags

Powered by LiveJournal.com