Шпаргалка
Веб шпаргалка

                                                                                         Шпаргалка.

На главную Контакты Гостевая книга

                                                                   Yandex               Rambler               Mail.ru                Aport.ru

               

Меню сайта

   

Cегодня

Метрика
Hosted by uCoz

Веб дизайн. Шпаргалка для себя и друзей.

..............................................................

  • Мета теги или дополнительная информация о документе.
  • Адрес файла с картинкой.
  • Альтернативный текст.
  • Графика на Veb страничке.
  • Формирование текста обтеканием обьекта.
  • Поля вокруг изображения.
  • Выравнивание изображения.
  • Изображение в качестве ссылки.
  • Как добавить границу вокруг рисунка.
  • Подрисуночная подпись.
  • Рисунок и подпись в рамке.
  • Подпись справа от рисунка.
  • Картинка скорлящаяся.
  • Текст шпаргалка для себя.
  • Норка для CSS.
  • Полезное для дизайна.
  • Делаем Буквицу.
  • Цвет первой буквы в каждом абзаце.
  • Красная строка.
  • Метка на документ.
  • CSS отступы.
  • Кнопки для сайта.

  • Стартовая страница

    Памятка.

    Текст лесенкой:
    (Можно настраить: шрифт, размер шрифта, цвет.)


    Образцы:


    "В западных странах - сплошная забота, Все бьются над тем, чтобы дамы сияли. А русской, вот, женщине, нужно всего-то, Чтоб избы горели, да кони скакали."


    
      "В западных странах - сплошная забота,
          Все бьются над тем, чтобы дамы сияли.
              А русской, вот, женщине, нужно всего-то,
                 Чтоб избы горели, да кони скакали." 





    Текст, подчеркнутый пунктиром

    Текст, подчеркнутый точками

    Текст, подчеркнутый двойной чертой

    Цветной текст с цветным фоном


    Буквица: Веб шпаргалка.

    Две картинки в ряд


    Три картинки в ряд


    Четыре картинки в ряд


    Пять картинок в ряд



    Регулируем расстояние меж картинками по-горизонтали:
    С помощью “неразрывного пробела”:  
    Вставляется между кодами картинок 
    Расстояние, равное 8 пробелам будет выглядеть так:






    Картинка слева от текста


    Картинка слева - текст справа.


    Труд:   МИД России поможет «русским шпионам», когда сможет их...

    Фото Россия готова оказать всю необходимую дипломатическую помощь своим гражданам, задержанным в США по обвинению в шпионаже, заявил официальный представитель министерства Андрей Нестеренко, отметив, что защита российских граждан за рубежом — «это святая обязанность наших дипломатических представительств в конкретной стране и ее консульских учреждений». При этом Нестеренко посетовал, что у российского внешнеполитического ведомства до сих пор нет развернутой информации по этой ситуации. Представитель МИДа РФ также не смог подтвердить, все ли 10 арестованных в Соединенных Штатах по данному обвинению являются российскими гражданами.

    Hosted by uCoz


    Картинка справа от текста


    Текст слева - картинка справа.


    Анекдоты на Веб шпаргалке.

    Анектоты на веб шпаргалке     Вовочка на уроке труда листает под партой эротический журнал. Возмущенный учитель отбирает его со словами: - Я хочу завтра же видеть твою мать! - А чего завтра-то ждать? Вон, смотрите прямо на развороте!
       Приходит дамочка к врачу-сексологу и жалуется, что муж охладел... Врач и говорит: - Вот вам таблеточки новейшие, экспериментальные... Даже испытания еще до конца не прошли... Две штучки дадите - потом расскажете, как сработало... Прибегает дамочка через два дня: - Доктор, это чудо! Помогло! Как принял - через двадцать минут сразу два раза, потом еще трижды вечером, ночью два раза просыпался, утром перед работой, в обед - даже поесть не успел, с работы пришел - сразу разок, потом перекусил чуть-чуть и перед смертью еще восемь раз...
       Они нашли друг друга на "одноклассниках", и жили бы они долго и счастливо, если бы не были мужем и женой....

    Hosted by uCoz

    Текст между двумя картинками


    Делим таблицу на две части



    Стихи на веб шпаргалке.

    Рамка вокруг текста




    Картинка или текст в разрыве рамки






    Видио на сайте: расширение файла.flv

                    Стихи на веб шпаргалке.




    Аудио на сайте: в настройках можно менять цвет.

                    Картинка.



    Ссылки на скачивание для сайта.


    Скачать файл web.rar - объем 1.77 MB.





    Скачать A. Bandera-vitkalsja_nad_ozerom. mp3 - объем 3,24 Мб.






    Быстро наложить текст на картинку без графических редакторов.






    А ты меня любишь? Ага!



    Таблицей можно сделать рамку картинки:





    Незнакомка.




    Код для картинки между текстом:






    Код спец символы карточные масти:




    ♠   ♣   ♥   ♦


    Никто не знал, что мы полюбим...

    Моё разорванное сердце —
    твои разящие глаза!
    Твоя походка — так под ветром
    с утра качается лоза!
    Так плавны, так неторопливы
    движенья стана твоего!

    Ты улыбнёшься — воскресаю,
    ты отвернёшься — всё мертво.
    Никто не знал, что мы полюбим,
    и нашу встречу не предрёк.
    Любовь, разлуку и свиданье —
    всё предопределяет рок.


    Автор: Омар ибн Аби Рабиа (644, Медина, — 712), арабский поэт.
    Стартовая страница

    Стиль:


      С помощью стиля можно переопределить вид курсора.


    Синтаксис:
    <span style="cursor: hand">На этом тексте курсор примет вид руки.</span>

  • Наведите курсор на текст! Это hand.


      С помощью стиля можно картинки расположить по горизонтали, в настойках повернуть картинки на 90 градусов.
    <div style="filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=4)';width:40;"><IMG src="http://www.veb-shpargalka.narod.ru/ssvx83jfgh.jpg" width=90 height=90></div>


      С помощью стиля можно картинки расположить по горизонтали, в настойках настроить сдвиг картинкок.
    <div style="writing-mode:tb-rl;width:40;"><IMG src="http://www.veb-shpargalka.narod.ru/ssvx83jfgh.jpg" width=90 height=90></div>



      С помощью стиля можно менять фон, рамку и размер:
    <div style="border:outset #E1E1FF 2px; background-color:#E1E1FF; background-image:url('адрес фоновой картинки'); width:650px; height:450px;"><div>

    -свойство border определяет вид границы - стиль, цвет и ширину;
    - свойство background-color определяет цвет фона, который вы видите, пока подгружается фоновая картинка background-image (или в случае, если у вас отключена подкачка картинок);
    - свойства width и height определяют соответственно ширину и высоту слоя, измеряются в пикселях. Можно также и в процентах (от размера окна).

      С помощью стиля можно менять шрифта и прокрутку:


    <div style="border:solid #E6ECE0 2px; padding:5pt; width:550px; height:350px; background-image:url('адрес фоновой картинки'); overflow:auto; position:relative; left:50px; top:50px; text-indent:10pt; font-size:medium; font-family:'Arial ';"><div>



    - свойство border определяет вид границы - стиль, цвет и ширину;
    - свойство background-image определяет очередную фоновую картинку;
    - свойство overflow регулирует реакцию браузера, если реальные размеры блока не соответствуют заданным и может возникнуть его переполнение.
      По умолчанию браузер покажет все содержимое блока, но мы можем прописать:
      * hidden – не влезающая часть просто не будет показана (скрыта);
      * visible – весь блок будет отображен;
      * scroll – браузер создаст полосу прокрутки (и горизонтальную и вертикальную);
      * auto – будет создан только нужный лифт.

    - свойство position отвечает за положение блока на странице.
      CSS может с точностью до пикселя определить расположение любого блока. Причем возможно наложение одного блока на другой. Координаты блока могут отсчитываться как от левого верхнего угла окна (параметр absolute), так и от расположенного рядом блока (параметр relative).
      В обоих случаях указываются две координаты: расстояние слева (left) и расстояние сверху (top)./SMALL>

    - свойство text-indent обеспечит нам отступы в начале каждого абзаца;
    - свойства font-size и font-family должны быть вам знакомы, они отвечают за размер шрифта и за его разновидность.
      Размеры лучше указывать в соответствии со стандартами:xx-small, x-small, small, medium, large, x-large, xx-large. Шрифт, если его название длиннее одного слова, нужно писать в одиночных кавычках.

    Можно менять цвет прокрутки:

    scrollbar-face-color - это цвет передней стороны панели прокрутки
    scrollbar-track-color - это цвет полосы, по которой "ходит" панель прокрутки.
    scrollbar-arrow-color - это цвет треугольника на верхнем и нижнем квадратах.
    scrollbar-shadow-color - это цвет нижней и правой граней панели прокрутки.
    scrollbar-darkshadow-color - это цвет тени от панели прокрутки.
    scrollbar-highlight-color - это цвет верхней и левой граней панели прокрутки
    scrollbar-3dlight-color - это цвет отсвета.
    #FFFFFF - это коды цвета, которые можно менять.

    Код для вставки цветной прокрутки на страничку (прописывается в начале документа, между тегами <HEAD> и </HEAD>):

    <STYLE TYPE="text/css"><!--
    body{
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #333333;
    scrollbar-highlight-color: #CCCCCC;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #666666;
    scrollbar-track-color: #FFFFCC;
    scrollbar-arrow-color: #FF6600;
    }
    -->
    </STYLE>


    Примеры: стили настроены под себя.






    У меня на родине, На Курщине моей,...


    У меня на родине,
    На Курщине моей,
    В каждой огородине
    Свой
    соловей.
    В каждом огороде
    Хвалят певца.
    А деды, собравшись,
    Хвастаются.
    Лодочкой ладошки -
    Мол, слух не тот.
    Станут у картошки -
    Чей лучше поёт.
    Стоят.
    Молчат.
    Волнуются.
    А соловьи
    Соревнуются.
    В сочных коленцах
    Смородиновый куст:
    - Ай,
    не ленится!
    Ай,
    хлюст!…
    Знать, не зря
    Поклевал соловей
    Знатных,
    Отборных,
    Курских конопей.


    Александр Александрович Говоров.
    (1938 - 2010)
    Родился в посёлке Тим Курской области.

    Стихи его переводились на многие иностранные языки и языки народов СССР.


    Синтаксис:
    <div style="border:outset #A21F0E 2px; background-image: url('URL'); width:500px; height:200px;"><div style="overflow:auto; position: relative; left: 30px; top: 0px; width:480px; height: 200px; scrollbar-face-color: #A21F0E; padding-bottom: 0px; margin: 0px; scrollbar-highlight-color: #DDCC12; scrollbar-shadow-color: #e5f2f8; scrollbar-3dlight-color: #B1F28D; scrollbar-arrow-color: #FEF610; padding-top: 0px; scrollbar-darkshadow-color: #09587D;">
    текст</div></div>


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

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

    Ночь не лишится прелести своей,
    Когда его умолкнут излиянья.
    Но музыка, звуча со всех ветвей,
    Обычной став, теряет обаянье.

    И я умолк подобно соловью:
    Свое пропел и больше не пою.

    Уильям Шекспир.




    Синтаксис:
    <div style="border:outset #E1E1FF 2px; background-color:#E1E1FF; background-image:url('URL'); width:520px; height:250px;"><div style="overflow:auto; position: relative; left: 30px; border:solid #E6ECE0 2px; padding:5pt; width:480px; height:200px; background-image:url('URL'); left:20px; top:20px; text-align:left; text-indent:30pt; font-size:medium; font-family:'Arial' ;">
    текст</div></div>

    Hosted by uCoz
  • Hosted by uCoz
    Hosted by uCoz

     

     
    Фон страницы
    Серый фон
    Стальной фон
    Белый фон
    Hosted by uCoz
           

    Информация

       
    Веб-шпаргалка Документ обновлен:        
     
               

    Главная|Шпаргалка|Программы|Скрипты|Игры|Инструменты|Фоны|Разное|Страничка|Ссылки|Гостевая

     
    Hosted by uCoz