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

Модератор: Fleelancer

<<

krasotkin_d

Аватара пользователя

Автор темы

Сообщения: 94

Зарегистрирован: 22 июн 2011, 20:26

Благодарил (а): 9 раз.
Поблагодарили: 2 раз.

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

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

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

Спасибо всем кто ответит в данной теме)
Как сделать рамку для сообщений?
Блог про игры, музыку, веб-мастерство для начинающих, и многое-многое другое)
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

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

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

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

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

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

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

krasotkin_d

Аватара пользователя

Автор темы

Сообщения: 94

Зарегистрирован: 22 июн 2011, 20:26

Благодарил (а): 9 раз.
Поблагодарили: 2 раз.

Сообщение 23 июн 2011, 00:32

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

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

Аватара пользователя

Сообщения: 402

Зарегистрирован: 04 май 2011, 18:02

Благодарил (а): 22 раз.
Поблагодарили: 28 раз.

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

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

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


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

krasotkin_d

Аватара пользователя

Автор темы

Сообщения: 94

Зарегистрирован: 22 июн 2011, 20:26

Благодарил (а): 9 раз.
Поблагодарили: 2 раз.

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

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

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


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


Вот я прислал содержание, можете подставить эту команду так как она должна стоять правильно?
Как сделать рамку для сообщений?
Блог про игры, музыку, веб-мастерство для начинающих, и многое-многое другое)
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

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

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

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

krasotkin_d

Аватара пользователя

Автор темы

Сообщения: 94

Зарегистрирован: 22 июн 2011, 20:26

Благодарил (а): 9 раз.
Поблагодарили: 2 раз.

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

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

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


"Путешествие"
Последний раз редактировалось krasotkin_d 23 июн 2011, 18:20, всего редактировалось 1 раз.
Как сделать рамку для сообщений?
Блог про игры, музыку, веб-мастерство для начинающих, и многое-многое другое)
<<

aldous

Аватара пользователя

Сообщения: 1167

Зарегистрирован: 22 май 2011, 22:53

Откуда: Оттуда

Благодарил (а): 20 раз.
Поблагодарили: 131 раз.

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

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

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

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

Нужно добавить перед:
  Код:
<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

Аватара пользователя

Автор темы

Сообщения: 94

Зарегистрирован: 22 июн 2011, 20:26

Благодарил (а): 9 раз.
Поблагодарили: 2 раз.

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

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

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

Аватара пользователя

Сообщения: 1167

Зарегистрирован: 22 май 2011, 22:53

Откуда: Оттуда

Благодарил (а): 20 раз.
Поблагодарили: 131 раз.

Сообщение 24 июн 2011, 00:09

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

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

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

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

Кто сейчас на конференции

Зарегистрированные пользователи: Bing [Bot]

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