Создаем новостной блок

Сегодня так получилось, что пришлось помогать создавать новостной блок товарищу. На самом деле все это делается просто элементарно, нужно только немного тегов накидать в кучу :) )

Будем ситать, что у нас сегодня некий закрепительный урок по HTML. Я выложу код, напишу, как его исправить, авось кому-нибудь и понадобится!

Выглядеть блок новостей будет примерно так:



Вот все бы попадали на такую рыбалку! Ловись рыбка только большая и большая!

 
А код для него вот такой:

<a href="http://ty-blogger.blogspot.com/"><table border="0" width="50%" bgcolor="#000066"><tbody><tr><td bgcolor="#CCCCCC"><img vspace="8" hspace="10" style="border: 2px solid #000066; width: 80px; height: 80px;" src="http://……………….jpg" align="left"/><br/>Вот все бы попадали на такую рыбалку! Ловись рыбка только большая и большая!</td></tr></tbody></table></a>

Теперь объясняю:

<a href="http://ty-blogger.blogspot.com/"> – адрес страницы, на которую ссылается блок;

width="50%" – ширина блока, 50% – на полстраницы, 100% – на всю страницу;

bgcolor="#000066" – цвет большой рамки;

bgcolor="#CCCCCC" – цвет фона внутри блока;

vspace="8" hspace="10" – расстояние между картинкой и текстом по горизонтали и вертикали;

border: 2px solid #000066; - толщина и цвет рамки изображения;

width: 80px; height: 80px; – ширина и высота изображения;

http://……………….jpg - адрес картинки.

Ну вот вроде бы и все. Все довольно легко и просто. Желаю удачи. Будут вопросы – обращайтесь. Всегда рад помочь!

This entry was posted on Четверг, Сентябрь 17th, 2009 at 8:45 пп and is filed under HTML теги. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

8 Responses to “Создаем новостной блок”

  1. Алексей:

    Pantera,ты меня достала со своей виагрой! Хоть бы комменты в тему писала!"Планета Земля – связь различной информации с географическими координатами" – это очень близко с HTML-кодами.Твой коммент десятый раз удаляю. Прекрати…

  2. Лиса:

    Привет, Алекс! Вы, как всегда, написали всё понятно и ёмко. Уточните для меня, пожлста, куда вставлять этот код – можно в "Добавить гаджет – Основы – HTML/JavaScript" ? Мне очень понравился этот способ. Для моего чайниковкого ума – самый лучший способ почувствовать себя почти хакером! :-) А, забыла спросить – а для чего он вообще нужен, этот новостной блок? Место будет занимать, а его итак мало. Или я такая жадная…

  3. Алексей:

    Вставить можно в HTML/JavaScriptНужен для лучшей читабельности и навигации по блогу.Посмотрите сайт моей жены, здесь много таких информеров: http://www.pohudey-ka.ucoz.ru/

  4. Алексей:

    Кстати,вот этот лучше блок http://ty-blogger.blogspot.com/2001/09/2.html Его можно поставить в горизонтальный гаджет под шапкойи внести туда ссылки на самые значимые статьи в блоге или разделы.

  5. Лиса:

    Спасибо. Сейчас посмотрю. Кстати, пыталась написать вам емайл – нажимала на имя у Вас в профиле и… идеально чистое поле открывалось. Я, наверное, что-то не то делала. Не могу я вам написать. Или что-то с сайтом…

  6. Лиса:

    Посмотрела сайт жены. Там так всё круто и профессионально! Мне до таких высот – как до Луны…. (Одно порадовало, я к темам похудения – совершенно равнодушна. Это пройденный этап, который только прибавил мне проблем и стоил многих потраченных нервов. Еле-еле вернула потом свои замечательные "пушистости" ). Когда-нибудь если мне нужен будет свой сайт – непременно буду брать за пример. Спасибо за наводку.

  7. Алексей:

    Посмотрите в правом сайдбаре под блоком "Сайты-партнеры" есть мой е-мэйл

  8. SwaEgo:

    виагра всех достала

Прокомментировать запись: