• Обтекание картинки текстом

    Posted on Июль 6th, 2009 admin 2 comments

    undefined

    Здравствуйте дорогие читатели моего блога!
    Давно что-то не писал ничего в блог, так как занимаюсь новым проектом, хоть и причина у меня уважительная, но писать в блог все, же нужно.

    Для того чтоб наш блог выглядел красивее мы вставляем в посты картинки, а что бы выглядело еще красивее мы ставим картинку слева, а текст пишем справа, получается солиднее.
    За частую все выглядит намного ужаснее чем нам показывает визуальный редактор Wordpress, и пост выглядит хуже задуманного.

    Что б такого не было, делаем следующее, прописываем стандартные стили для правильного обтекания картинок текстом в файл вашего шаблона style.css:
    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }.alignleft {
    float: left;
    }.alignright {
    float: right;
    }.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

    Никакого особого дара не нужно, чтобы это сделать, если не получится, могу помочь вам через icq.
    Таким образом, мы имеем красивые посты.

    _____________________________________
    Постовой:
    Seo оптимизатор пишет про естественное поднятие ТИЦ .
    Wordpress Translator - создание СДЛ сайтов.
    обзор блогов.
    Денис Чекалов совершает обмен постовыми.

     

    2 responses to “Обтекание картинки текстом”

    1. Класс.Я давно искал такое решение. Спасибо!

    2. Мне понравилось. СПАСИБО!!!

    Leave a reply

    Я не робот.
    сделано dimoning.ru