Как сделать рамку для сообщений?

<<

krasotkin_d

Сообщение 22 июн 2011, 18:08

Начал блог, сразу же мне понравился один стандартный дизайн, но к сожалению для чтения он не очень то и подходит! Так как у него фон прозрачный, буквы хуже видны и раздражают взгляд. (Наверное вот вы сейчас посмотрели блог но читать не стали материал), пробовал делать фон для текста (там есть сообщение по ниже про игру Bulletstorm), но он только там где буквы написаны, с разрывами, в итоге так ещё хуже выглядит.
И вот мой основной вопрос: Подскажите как мне сделать чтобы сообщения были в таблице (например белого фона), а все что за сообщениями осталось как и было (прозрачным)?

Спасибо всем кто ответит в данной теме)
<<

Admin

Сообщение 22 июн 2011, 18:57

krasotkin_d писал(а):И вот мой основной вопрос: Подскажите как мне сделать чтобы сообщения были в таблице (например белого фона), а все что за сообщениями осталось как и было (прозрачным)?

Попробуйте в шаблоне перед строкой ]]></b:skin> прописать:
  Код:
.post-body entry-content {background-color:#FFF;}

#FFF - это белый цвет, вы можете указать любой другой цвет.

P.S. Чтобы вам могли помочь, достаточно одной ссылки на свой блог ;-)
<<

krasotkin_d

Сообщение 22 июн 2011, 20:32

Admin писал(а):
krasotkin_d писал(а):
Попробуйте в шаблоне перед строкой ]]></b:skin> прописать:
  Код:
.post-body entry-content {background-color:#FFF;}



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

  Код:
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.selected.text.color);
}
]]></b:skin>

    <b:template-skin>
      <b:variable default='930px' name='content.width' type='length' value='860px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
      <b:variable default='360px' name='main.column.right.width' type='length' value='260px'/>

      <![CDATA[
      body {
        min-width: $(content.width);
      }

      .content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: $(content.width);
        max-width: $(content.width);
        _width: $(content.width);
      }
<<

Fleelancer

Сообщение 23 июн 2011, 12:22

Попробовал перед, и после этой строки,


ПОСЛЕ ставить нельзя - это же строка, которая говорит об окончании настроек CSS
<<

krasotkin_d

Сообщение 23 июн 2011, 12:58

Fleelancer писал(а):
Попробовал перед, и после этой строки,


ПОСЛЕ ставить нельзя - это же строка, которая говорит об окончании настроек CSS


Вот я прислал содержание, можете подставить эту команду так как она должна стоять правильно?
<<

Admin

Сообщение 23 июн 2011, 13:07

Лучше напишите точное название вашего шаблона, я посмотрю на тестовом блоге.
<<

krasotkin_d

Сообщение 23 июн 2011, 13:37

Admin писал(а):Лучше напишите точное название вашего шаблона, я посмотрю на тестовом блоге.


"Путешествие"
Последний раз редактировалось krasotkin_d 23 июн 2011, 14:20, всего редактировалось 1 раз.
<<

aldous

Сообщение 23 июн 2011, 16:01

Подскажите как мне сделать чтобы сообщения были в таблице

Не знаю, правильно ли понял, но раз человек просит таблицу..

Нужно добавить перед:
  Код:
<div class='post-header'>
    <div class='post-header-line-1'/>
    </div>


Что-то подобное:
  Код:
<table bgcolor='#f3f3f3' border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='1-2-3' nowrap='nowrap' valign='top' width='1%'>


Потом добавить перед
  Код:
<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>


Закрывающие теги:
  Код:
</td></tr></table>


Получится вот так: (тела поста на сером f3f3f3 фоне):

Как сделать рамку для сообщений?
<<

krasotkin_d

Сообщение 23 июн 2011, 18:21

aldous писал(а):Нужно добавить перед:
  Код:
<div class='post-header'>
    <div class='post-header-line-1'/>
    </div>




Искал, но не такого
  Код:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <div class='body-fauxcolumns'>
    <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content'>
  <div class='content-fauxcolumns'>
    <div class='fauxcolumn-outer content-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content-outer'>
  <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='fauxborder-right content-fauxborder-right'/>
  <div class='content-inner'>

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Блог Красоткина Дмитрия (заголовок)' type='Header'/>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

    <div class='tabs-outer'>
    <div class='tabs-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    </div>
    </div>
    <div class='tabs-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='main-outer'>
    <div class='main-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>

    <div class='fauxborder-left main-fauxborder-left'>
    <div class='fauxborder-right main-fauxborder-right'/>
    <div class='region-inner main-inner'>

      <div class='columns fauxcolumns'>

        <div class='fauxcolumn-outer fauxcolumn-center-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-left-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>
и т.д   
<<

aldous

Сообщение 23 июн 2011, 20:09

После "и т.д." ищите=)
ctrl+f -> post-header

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

Вернуться в Остальное про Blogger

Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo