Оформление статей.

Тема в разделе "Веб-дизайн", создана пользователем Doroga_v_Nebo, 8 янв 2011.

Модераторы: zek24
  1. Doroga_v_Nebo

    Doroga_v_Nebo Создатель

    Регистр.:
    13 фев 2010
    Сообщения:
    32
    Симпатии:
    7
    Доброго времени суток!
    Подскажите, примерный алгоритм, как можно сделать нечто подобное:

    http://bezrulya.ru/magazine/blog/quattro-luchshaya-ideya-57/

    Как реализовать такое оформление статей?

    Или каждая статья на сайте верстается вручную?
    Как думаете?
     
  2. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    а посмотреть код религия не позволяет?
    HTML:
    padding:5px;margin:0px;position:absolute;right:10px;bottom:10px;left:10px;
    и при чем здесь раздел php?
     
  3. Doroga_v_Nebo

    Doroga_v_Nebo Создатель

    Регистр.:
    13 фев 2010
    Сообщения:
    32
    Симпатии:
    7


    Каждая статья оформляется в каком-то визуальном редакторе? Сейчас кручу tinymce и не могу сделать ничего похожего.

    Не могу сформулировать, то что хочу сказать, наверное я устал;)
     
  4. Phrack

    Phrack

    Регистр.:
    3 ноя 2010
    Сообщения:
    264
    Симпатии:
    38
    это верстается не в tinymce и даже не в визуальном редакторе..скорее всего. судя по количеству статей это делает верстальщик(html) и дальше просто грузят это все в бд
     
    Doroga_v_Nebo нравится это.
  5. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    Вот пример заготовки, просто вставляешь свой текст и картинки.

    PHP:
     <style type=text/css>
     .
    block {position:relative;}
     .
    verh {position:absolutetop:10pxleft:10pxwidth:700pxpadding:15pxbackground-color:#ffffff;}
     
    .niz  {position:absolutetop:420pxleft:10pxwidth:700px;  padding:5pxbackground-color:#ffffff;} 
     
     
    </style>
     
     
     <
    div class="block">
        <
    img src="Photo-1.jpg" alt="" width="736" height="500" />
     
        <
    div class="verh">
               
    Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
               Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
        
    </div>
        
        
            <
    div class="niz">
               
    Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
               Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
            
    </div>
     
     </
    div>

     
  6. t3s

    t3s

    Регистр.:
    16 фев 2008
    Сообщения:
    719
    Симпатии:
    290
    хоть tinymce, хоть любой другой визуальный редактор имеет возможность переключения в режим хтмл - именно в этом случае вы получаете возможность указать любые стили и классы для блоков

    если хтмл-режим для вас слишком сложен, то обратитесь к фрилансерам
     
  7. Nei

    Nei Nosce te ipsum

    Регистр.:
    5 сен 2009
    Сообщения:
    608
    Симпатии:
    479
    Судя по тому, что в приведенном примере в разных местах выводится текст (в зависимости от фонового фото) - эта статья вручную версталась.
     
    Doroga_v_Nebo нравится это.
  8. Phrack

    Phrack

    Регистр.:
    3 ноя 2010
    Сообщения:
    264
    Симпатии:
    38
    я конечно не джедай tinymce но есть подозрение, что там такое фиг сверстаешь. Визуальное отображение в нем не выдержит того, что там сверстано. Поэтому верстать такое лучше в привычной проге

    ..
    я такой неленивый в 5 утра.
    http://jsfiddle.net/BhvDB/2/
    не поддерживает например, хотя весьма неплох
     
    Doroga_v_Nebo нравится это.
  9. ИрИваныч

    ИрИваныч Создатель

    Регистр.:
    17 май 2010
    Сообщения:
    17
    Симпатии:
    0
    для tinymce такая верстка не проблема, делаешь дивы, фоном разные изображения, внутри них текст, у текста стили задаются заранее, потом просто указывается класс. все это в режиме html
     
  10. Libiroo

    Libiroo Писатель

    Регистр.:
    9 янв 2011
    Сообщения:
    6
    Симпатии:
    0
    Возможно изначально в CSS ко всем картинкам применен отступ, а расположение уже указывается в статье.
    Что то вроде

    PHP:
    .img {
    padding:5px;
    margin:0px;
    position:absolute;
    right:10px;
    bottom:10px;
    left:10px;
    }