• Авторизация


Размещение в три столбца текста, картинок или Мр3 28-04-2013 18:30 к комментариям - к полной версии - понравилось!


При пояснении, как разместить несколько картинок в ряд или три музальбома (музфайла) или текст в три колонки возникают затруднения с передачей "ученикам" кодов HTML. Их зачастую передают е-мейлом или иным способом.
Я исхитрился, написал коды так, что их можно видеть прямо в постинге.
Кому интересно - плизззз! [показать]

Основная формула:

<table border="0" cellspacing="8" cellpadding="0"><tr><td> Картинка1</td> <td> Картинка2 </td> <td> Картинка3 </td></tr></table>


Вместо картинок 1, 2, 3 надо вставить соответствующие комбинации кодов изображений (Картинок):
<img src="Адрес картинки1">
<img src="Адрес картинки2">
<img src="Адрес картинки3">
Здесь адрес картинки, например такой: http://diza-74.ucoz.ru/_nw/112/76344224.gif.
Следите за тем, чтобы ссылка (адрес) не была подчеркнута!
Может случиться так, что размер картинок велик, они не вмещаются по ширине поста. Тогда код Картинки 1 будет выглядеть так:
<img src="Адрес картинки1" width="300" height="auto">
"Картинкой" может быть фото, изображение и даже музыкальный файл Мр3. Надо вставить код музфайлов вместо Картинок 1, 2, 3.
Если вы хотите разместить не картинки, а текст столбцами, то вместо слов Картинка1, 2, 3 надо вставить комбинацию кодов, определяющих шрифт, размер, цвет текста и сам текст. Эта комбинация выглядит ДЛЯ КАЖДОГО столбца так:

<font face="Georgia" color=”#3300DD” size="3 >ТЕКСТ</font>

Слова ТЕКСТ надо заменить вашим текстом во всех трех колонках.
Шрифт, цвет, размер можно менять.

Вот так будет выглядеть, например, стихотворение Симонова:
Жди меня, и я вернусь.
Только очень жди,
Жди, когда наводят грусть
Желтые дожди,
Жди, когда снега метут,
Жди, когда жара,
Жди, когда других не ждут,
Позабыв вчера.
Жди, когда из дальних мест
Писем не придет,
Жди, когда уж надоест
Всем, кто вместе ждет.
Жди меня, и я вернусь,
Всем смертям назло.
Кто не ждал меня, тот пусть
Скажет: - Повезло.
Не понять, не ждавшим им,
Как среди огня
Ожиданием своим
Ты спасла меня.
Как я выжил, будем знать
Только мы с тобой,-
Просто ты умела ждать

Жди меня, и я вернусь,
Не желай добра
Всем, кто знает наизусть,
Что забыть пора.
Пусть поверят сын и мать
В то, что нет меня,
Пусть друзья устанут ждать,
Сядут у огня,
Выпьют горькое вино
На помин души...
Жди. И с ними заодно
Выпить не спеши.

Константин Симонов


Аналогично можно делать 2 или 4, 5 или сколько угодно столбцов.

[показать]
вверх^ к полной версии понравилось! в evernote
Комментарии (27):
LGV 28-04-2013-19:19 удалить
Ян, а можно я возьму пост процитирую, а затем выставлю у себя в дневнике и укажу твой дневник как источник от куда взят пост... Это не потому,что хочу показать себя " умной" Просто цитатник мало смотрят, а пост увидят больше людей... Но это просьба... если ты не разрешишь я просто процитирую....
ecolimp 28-04-2013-19:22 удалить
Ответ на комментарий LGV # VOLIGRIYA, Конечно можно! Если будешь цитировать - то, что это мой пост будет видно автоматом.
Ты чего весь день у компа? На простуду свалила?! Хитрованка!
Да, когда у требя появится окно с кодами моего поста - скопируй все и сохрани в Ворде. Потом разберешься, где я "Исхитрялся". Я не все описал.
LGV 28-04-2013-19:27 удалить
Ответ на комментарий ecolimp # Да нет я наскоками...Я от тебя ответ ждала...


Очень много почты сегодня,как никогда.... только разгрузила... опять 20 писем... я потом ведь действительно буду сидеть целый день,чтоб разгрузить... Я вообще никогда не пью антибиотики,а сегодня выпила... не хочу болеть.. Если б ты видел как у нас сейчас красиво... Я живу на первом этаже... у окна цветет вишня... молодые листочки... Просто красота!!!
margarita2108 28-04-2013-20:39 удалить
Добрый вечер Ян! Я процитирую.
Lady_Sunny 28-04-2013-21:18 удалить
И я утащу. Не умею такие вещи делать. Спасибо, учитель.
iposlad 28-04-2013-21:30 удалить
С картинками получилось, а вот с текстом, что-то никак))
wellax 28-04-2013-22:37 удалить
Спасибо, Ян!
Иногда пользуюсь этой формулой, но процитирую...я так подробно не знаю.
Вставляла только музыку в постах, надо и текст попробовать.
ecolimp 29-04-2013-13:41 удалить
iposlad, рад видеть, Ирина!
А что именно не получается? Надо иметь ввиду, что ширина колонок ограничена - примерно 300рх. Поэтому длинные строки будут переноситься. Кроме того, текст размещается по центру колонки, столбец, который короче будет как бы "Висеть" и подпрыгнет". Устранить все это не сложно, но нужны дополнительные комбинации кодов и т.п.
Попробуйте пока вставить три колонки вместо "Картинка1, 2. 3". Тогда шрифт, цвет, размер будут, как заданы у вас в дизайне - как в обычных сообщениях.
Попробуйте для начала вместо "Картинка1, 2, 3" вставить текст. Потом попробуйте изменить (уменьшить) размер - вместо "5" взять "4" или "3". Потом проверьте, что получится у Вас при замене слова ТЕКСТ вашим текстом. Экспериментируйте в черновике, в одном сообщени все можно делать, сохраняя изменения.
Удачи! С наступающим Первомаем!
ecolimp 29-04-2013-13:43 удалить
Ответ на комментарий wellax # Добрый день, Валя! Будут вопросы - спрашивай, что могу - подскажу.
ecolimp 29-04-2013-13:44 удалить
Ответ на комментарий Lady_Sunny # Тащи, Света! Займись поэзией и пр. Философию по столбикам не расставишь))))
ecolimp 29-04-2013-13:45 удалить
Ответ на комментарий margarita2108 # ДобрыДень, Рита! Тебе вполне может пригодиться.
iposlad 29-04-2013-22:51 удалить
Ответ на комментарий ecolimp # У меня картинки получились, я их вставила в формулу
С рамером картинок тоже все понятно.
А вот текст в какую бы формулу не вставляла, пробовала во все, в Ворде, я всегда так делаю, потом уже в черновике пробую, я это все знаю уже давно)). Но тут НЕ получаются столбцы, получается сплошной текст во всю ширину поста.
В какую конкретно формулу вставлять текст?
ecolimp 29-04-2013-23:17 удалить
iposlad, Ирина, я завтра уже напишу Вам полную формулу для текстовых столбцов. Я сейчас предполагаю, в чем ошибка.
У вас много новых интересностей, начиная с аватарки)))
iposlad 30-04-2013-09:14 удалить
Ответ на комментарий ecolimp # Лучше, когда пишем урок ставить номера, формула 1)
формула 2)
тогда будет более понятно написать друг другу о чем речь..
Вот по этой формуле с картинками все понятно
[700x96]
ecolimp 30-04-2013-13:51 удалить
VOLIGRIYA, margarita2108, wellax, iposlad, Lady_Sunny, я должен принести извинения! В основную формулу вкрались ошибки. Сейчас я их устранил.
Прои размщении текста в три столбца с исользованием "формулы текста" в нее должен быть вставлен текст КАЖДОГО столбца отдельно. Полученные три комбинации тегов вставляются вместо картинок 1, 2, 3 соответственно. Размер шрифта лучше брать маленьким (3 или даже 2) - что бы не переносились хвосты строк в столбцах.

Если мы хотим видеть границы столбцов , в основной формуле надо вместо border="0" поставить border="1" или 2...
Вот пример

Белеет парус одинокий
В тумане моря голубом!
Что ищет он в краю далёком
Что кинул он в краю родном
Играют волны - ветер свищет
И мачта гнётся и скрипит...
Увы,- он счастия не ищет
И не от счастия бежит!
Под ним струя светлей лазури,
Над ним луч солнца золотой.
А он,мятежный,просит бури,
Как будто в бурях есть покой!
Romualdovna 25-06-2013-20:22 удалить
Спасибо большое!Полезная вещь,для таких неумех,как я!Цитирую!
Планула 08-09-2013-06:42 удалить
Супер!!! Таких формул не встречала!!! Ян, добрая душа! Не все, к кому обращаешься, могут ответить на многие вопросы, на которые Вы давно получили ответы своим трудом, не жалея своего личного времени. Огромное Вам спасибо за щедрость и желание помочь. Удачи нам всем в этом деле!

(Добавил ссылку к себе в дневник)

ecolimp 08-09-2013-11:11 удалить
Ответ на комментарий Планула # Лучше всего такие тонкости знает тот, кто делает свои рамочки. А я писал первый раз урок. Не очень ченко, не очень умело потому.
IrinaUl 10-09-2013-04:40 удалить
ecolimp, огромное спасибо! Все получилось отлично и с картинками и с текстом, к тексту только подставила шрифт и его цвет, который в сообщении...Супер!!!
ecolimp 10-09-2013-11:11 удалить
Ответ на комментарий IrinaUl # Хотел посмотреть, как у вас получилось - увидел только цитату. Удачи!
Спасибо Вам большое,все получилось!!!
ecolimp 30-06-2019-10:25 удалить
ЛЮДМИЛА_ГОРНАЯ, Рад, что пригодилось.
Можно в каждый столбец вставлять одновременно и текст, и картинуку. и музфайл, и опять текст, вот как тут, например: https://www.liveinternet.ru/users/ecolimp/post431108456
Ответ на комментарий ecolimp # Здорово,обязательно попробую!Спасибо вам за советы!Очень интересный у вас ДНЕВНИК!
ecolimp 30-06-2019-10:40 удалить
ЛЮДМИЛА_ГОРНАЯ, Удачных проб. Если что, спрашивайте. Дневник смотрите, если интересно, оставляйте мнение, комменты. Муз-посты во многом пустые, т.к. хостинг Привет.ру загнулся.
Ответ на комментарий ecolimp # Хорошо!


Комментарии (27): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Размещение в три столбца текста, картинок или Мр3 | ecolimp - Ян Павловский | Лента друзей ecolimp / Полная версия Добавить в друзья Страницы: раньше»