-Всегда под рукой

 -Подписка по e-mail

 

 -Цитатник

Летний пуловер необычной резинкой - (3)

  Этот простой пуловер подойдёт на любой размер! Он связан одним полотном, фантазийной р...

Танечка,спасибо за поздравление!!!!!!!!!!!!!!!!!!!!!!!! - (7)

С Днём Рождения, Ниночка! (Arnusha) Ниночка, милая! Поздравляю с днём Рождения! Будь всегда сча...

Ниночка (Arnusha)!!!! В Днём Рождения!!!!! - (38)

Будь здоровой, будь красивой,Будь богатой, будь счастливой.Чуткой будь и непреклонной.Нежной, ласков...

Людочка, спасибо за подарок!!! - (4)

С ДНЁМ РОЖДЕНИЯ, НИНОЧКА! ...

Благодарю Оленька за подарок!!! - (8)

От всего сердца поздравляю с Днем РОЖДЕНИЯ, Ниночку (Arnusha)! МИЛАЯ НИНОЧКА! Пусть день ...

 -Рубрики

 -Сообщества

Участник сообществ (Всего в списке: 2) Рецепты_домохозяек Моя_кулинарная_книга

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.01.2009
Записей: 8350
Комментариев: 255489
Написано: 285172

Погода от Метеоновы по г. МоскваПроверка тиц pr

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

Отзовись,кто прислал симпу....

Суббота, 04 Июня 2011 г. 23:28 + в цитатник
Уважаемые дарители симп без подписи -отзовитесь!!!
Именно вчера и сегодня-два послания!!!

Arnusha
Рубрики:  Мои обращения

Метки:  

HTML & CSS - серия 4

Суббота, 04 Июня 2011 г. 07:28 + в цитатник

Серия 1

Серия 2

Серия 3

Списки. Пример наследования свойств

Списки
с нумерацией либо различными значками - маркерами ("кружочками",
"квадратиками" и т.п.) хорошо знакомы из MS Word. Если в списке ведётся
нумерация, он называется нумерованным. В противном случае мы имеем дело с
ненумерованным списком. Рассмотрим сначала его.

Ненумерованный список

Выглядеть наш список будет так:

  • /s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png" target="_blank">http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png);">элемент
    списка (а это набор совершенно бессмысленных слов, нужный только для
    того, чтобы показать, как наш список будет выглядеть)
  • /s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png" target="_blank">http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png);">следующий
    элемент списка (а это набор совершенно бессмысленных слов, нужный
    только для того, чтобы показать, как наш список будет выглядеть)
  • /s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png" target="_blank">http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png);">следующий
    элемент списка (а это набор совершенно бессмысленных слов, нужный
    только для того, чтобы показать, как наш список будет выглядеть)

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

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

Теперь - код. Для списка с бабочками он имеет вид:

<ul style="padding:0 0 0 25px"><li style="list-style-position:outside; list-style-image:url('http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png') ; list-style-type:circle">элемент списка...</li><li style="list-style-position:outside; list-style-image:url('http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png')
; list-style-type:circle">следующий элемент
списка...</li><li style="list-style-position:outside;
list-style-image:url('http://s50.radikal.ru/i130/1007/71/ebc2001fe6bd.png') ; list-style-type:circle">следующий элемент списка...</li></ul>


Наш список из трёх элементов заключён внутри тегов <ul style="padding:0 0 0 25px">...</ul>.

ul расшифровывается как unordered list - ненумерованный список. padding:0 0 0 25px нужен для того, чтобы наша бабочка не "улетела" за левую границу видимой области. Можно было бы также написать padding-left:25px

Далее. Каждый элемент списка находится внутри контейнера <li style="list-style-position:outside; list-style-image:url('URL_картинки'); list-style-type:circle">...</li>. Обращаю внимание на то, что URL_картинки не заключается в кавычки.

list-style-position:outside говорит о том, что маркер находится за границами списка. Если бы вместо этого было list-style-position:inside, то маркер попал бы "внутрь" списка:

  • элемент
    списка (а это набор совершенно бессмысленных слов, нужный только для
    того, чтобы показать, как наш список будет выглядеть)
  • следующий
    элемент списка (а это набор совершенно бессмысленных слов, нужный
    только для того, чтобы показать, как наш список будет выглядеть)
  • следующий
    элемент списка (а это набор совершенно бессмысленных слов, нужный
    только для того, чтобы показать, как наш список будет выглядеть)
В принципе, можно было не писать list-style-position:outside, поскольку маркер устанавливается за границами списка по умолчанию.

list-style-image:url('URL_картинки') указывает на картинку, которая будет играть в нашем списке роль маркера (во втором примере этой записи нет).

list-style-type:circle стоит в первом примере на тот случай, если картинка не загрузится, и указывает тип предпочитаемого нами маркера: circle
(окружность). Если бы мы не написали этого, и к тому же картинка не
загрузилась бы, то на месте окружностей стоял был тип маркета,
используемый по умолчанию (disc). Кроме окружности и диска, маркер для ненумерованного списка может принимать вид квадрата (square) или вообще исчезать (none).

В третьем примере (там, где маркер стоит внутри списка) свойство list-style-type не задано, и по умолчанию маркер принимает форму диска.

Внутри одного списка можно задавать разные варианты оформления пунктов, например:

  • пункт списка
  • ещё один пункт списка
  • ещё один пункт списка
  • ещё один пункт списка

Код нашего кривого списка выглядит так:

<ul><li
style="list-style-type:circle">пункт списка</li><li
style="list-style-type:disc">ещё один пункт списка</li><li
style="list-style-type:none">ещё один пункт списка</li><li
style="list-style-type:square">ещё один пункт
списка</li></ul>


Что
делать, если мы хотим оформить цифры в виде картинок? Поступить точно
так же, как при составлении списка, с которого мы начинали:

  1. /s56.radikal.ru/i153/1007/7b/7f10dfb95c69.png" target="_blank">http://s56.radikal.ru/i153/1007/7b/7f10dfb95c69.png);">первый элемент списка
  2. /s001.radikal.ru/i194/1007/b6/dda52ff8f3d2.png" target="_blank">http://s001.radikal.ru/i194/1007/b6/dda52ff8f3d2.png);">второй элемент списка
  3. /s004.radikal.ru/i206/1007/2d/cda348ffa7ba.png" target="_blank">http://s004.radikal.ru/i206/1007/2d/cda348ffa7ba.png);">третий элемент списка

Код будет аналогичным, только картинки для разных элементов списка надо брать разные (опустим list-style-position:outside и тип маркера, которым мы хотим заменить, в случае чего, наши картинки):

<ol style="padding:0 0 0 25px"><li style="list-style-image:url('http://s56.radikal.ru/i153/1007/7b/7f10dfb95c69.png')">первый элемент списка</li><li style="list-style-image:url('http://s001.radikal.ru/i194/1007/b6/dda52ff8f3d2.png')">второй элемент списка</li><li style="list-style-image:url('http://s004.radikal.ru/i206/1007/2d/cda348ffa7ba.png')">третий элемент списка</li></ol>


Пожалуй, единственное заметное отличие нумерованного списка (заключённого между тегами <ol>...</ol>) от ненумерованного (заключённого между тегами <ul>...</ul>)
состоит в том, что в первом случае в качестве маркера по умолчанию
подставляется диск, а во втором - арабская (десятичная) цифра - значение
decimal.

Списки можно вкладывать друг в друга, например, так:

  1. пункт списка
    • элемент вложенного списка
    • ещё один элемент вложенного списка
    • ещё один элемент вложенного списка
  2. ещё один пункт списка
  3. ещё один пункт списка

Код этого списка имеет вид:

<ol><li>пункт
списка</li><ul style="padding:0 0 0 20px"><li
style="list-style-type:circle">элемент вложенного
списка</li><li style="list-style-type:circle">ещё один
элемент вложенного списка</li><li
style="list-style-type:circle">ещё один элемент вложенного
списка</li></ul><li>ещё один пункт
списка</li><li>ещё один пункт списка</li></ol>


Наследование

В
CSS хорошо известно такое правило, как наследование. Оно означает, что
дочерний элемент будет иметь те же свойства, что и родительский элемент.

На примере списков мы как раз сталкиваемся с наследованием.Рассмотрим нумерованный список, в котором мы решили выделить цифры каким-нибудь другим шрифтом. Вот что у нас получится:
  1. первый пункт списка
  2. второй пункт списка

Код этого списка имеет вид:

<ol><li
style="color:maroon; font-family:Verdana; font-size:18px;
font-style:italic; font-weight:bold">первый пункт
списка</li><li style="color:maroon; font-family:Verdana;
font-size:18px; font-style:italic; font-weight:bold">второй пункт
списка</li></ol>


Если мы
хотим вернуть обычный шрифт для пунктов списка, оставив выделенными
только цифры, нам придётся вводить для этого шрифта значения всех свойств, которые были изменены, чтобы выделить цифры-маркеры:

  1. первый пункт списка
  2. второй пункт списка

Код в этом случае имеет вид:

<ol><li
style="color:maroon; font-family:Verdana; font-size:18px;
font-style:italic; font-weight:bold"><span style="color:black;
font-family:arial, sans-serif; font-size:.7em; font-style:normal;
font-weight:normal">первый пункт списка</span></li><li
style="color:maroon; font-family:Verdana; font-size:18px;
font-style:italic; font-weight:bold"><span style="color:black;
font-family:arial, sans-serif; font-size:.7em; font-style:normal;
font-weight:normal">второй пункт
списка</span></li></ol>


Не забывайте закрывать тег <span> для каждого пункта списка. Контейнер <span...>...</span> является в этом примере дочерним элементом, а контейнер <li...>...</li> - родительским элементом.

Примечание.

Свойства основного текста на Ярушке:

font-family:arial, sans-serif;

font-size:.7em (.7em - сокращение, можно было бы записать 0.7em);

font-style:normal;

font-weight:normal;

color - зависит от настроек Вашей страницы.



 


Источник Проксима
Arnusha

Под катом про нумерованный список
Рубрики:  Уроки

Метки:  


Процитировано 30 раз
Понравилось: 10 пользователям

Для новичков работа в радикале.

Суббота, 04 Июня 2011 г. 07:23 + в цитатник

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

Так вот существуют окошки в которых вы должны внести свои поправки
1.Коды: я пользуюсь
    6. HTML: картинка в тексте
    1.адрес картинки в разных случаях
2. Полноразмерное изображение
здесь ставите с переходом если хотите что бы ваша картинка привела туда где вы указали
в окошке рядом,(существующий адрес удалите и вставьте свой),так же можно сделать кнопку.
самое
главное не забывайте рядышком тут же в этой опции вставить адрес вашей
страници в интернете(на картинке окошко написано сюда адрес)!
если вы
не хотите перехода,а просто картинку в комментарий или пост или
обращение, поставьте не кликабельное,и в развёрнутой закладке в первом
окне выбирайте 6 позицию,копируйте и вставляйте куда вы запланировали!
Желаю удачи !!!

Спасибо © ljagu6e4ka.ya.ru


Arnusha
Рубрики:  Полезности
Уроки

Метки:  


Процитировано 86 раз
Понравилось: 25 пользователям

ПРОСТО КРАСИВАЯ РАБОТА...

Суббота, 04 Июня 2011 г. 04:39 + в цитатник







Рубрики:  Открытки

Метки:  


Процитировано 122 раз
Понравилось: 62 пользователям

Театр у микрофона...Абсолютный шедевр Анатолия Эфроса..."Дальше - тишина"!!!!!!!!!!!!!

Суббота, 04 Июня 2011 г. 04:21 + в цитатник
Давно были в театре?
Предлагаю послушать спектакль "Дальше-тишина"
с Раневской и Плятт! 1976 г.




О спектакле
Рубрики:  Музыка всех поколений

Метки:  


Процитировано 35 раз
Понравилось: 13 пользователям

Правильный рецепт "Птичьего молока" от Чадейки,по Госту.

Суббота, 04 Июня 2011 г. 01:49 + в цитатник

Когда я решила все же испечь "Птичье молоко", то, конечно же, пролистала
интернет. Боже мой! Пожалуй, ни один торт не может похвастаться таким
количеством "настоящих" и "правильных" рецептов. Начиная от торта из
семнадцати яиц и кончая по памяти, видимо, переписанным журналисткой
"оригинальным" рецептом Гуральника. В общем, страшное дело. Никоим
образом не желая оскорбить авторов рецептов, тем не менее хочу отметить,
что правильные рецепты тоже нашлись.
История. Торт придумал Владимир Гуральник, кондитер из ресторана "Прага".
Рецепт
Рубрики:  Выпечка

Метки:  


Процитировано 97 раз
Понравилось: 16 пользователям

Учителей теперь можно бить безнаказанно

Суббота, 04 Июня 2011 г. 01:12 + в цитатник
© svpressa.ru
Вся страна видела, как школьник пинал пожилую женщину в спортзале.
Фемида этому не поверила

Учителей теперь можно бить безнаказанно
В пятницу в Иркутской области Шелеховский городской суд
вынес весьма неожиданный приговор. Игорь Чернышов,
обвиняемый в истязании пожилой учительницы физкультуры, оправдан.
Потерпевшая сторона намерена обжаловать решение суда в вышестоящей
инстанции.
Читать далее...
Рубрики:  Общество

Метки:  


Процитировано 1 раз
Понравилось: 3 пользователям

Онищенко объявил петрушку наркотиком

Суббота, 04 Июня 2011 г. 01:00 + в цитатник
Онищенко объявил петрушку наркотиком
Петрушка курчавая (Petroselinum crispum A.W.Hill -лат.) попала в
«черный» список Роспотребнадзора. Из плодов растения можно выделить
опасные наркотические вещества, уверен главный санитарный врач РФ
Геннадий Онищенко, утвердивший документ с дополнениями к списку
растений, содержащих сильнодействующие, наркотические или ядовитые
вещества.
Читать далее...
Рубрики:  Мысли вслух
Общество

Метки:  


Процитировано 1 раз
Понравилось: 2 пользователям

Великолепные работы Penny_Parker

Пятница, 03 Июня 2011 г. 09:54 + в цитатник
Рубрики:  Худ.галерея

Метки:  


Процитировано 57 раз
Понравилось: 13 пользователям

Симпатии!!! с кодами.

Пятница, 03 Июня 2011 г. 08:30 + в цитатник










ЖМЁМ
Рубрики:  Открытки

Метки:  


Процитировано 223 раз
Понравилось: 79 пользователям

Поиск сообщений в Arnusha
Страницы: 835 ... 258 257 [256] 255 254 ..
.. 1 Календарь