Сообщений в теме: 8

[Panerai]

Здравствуйте !

Подскажите пожалуйста, как отрезать части сайта друг от друга как показано на фото. Места отреза показаны красным цветом.

Прикрепленные изображения

• 

[support 2.0]

Panerai (23 Февраль 2013 - 12:04) писал:

Здравствуйте !

Подскажите пожалуйста, как отрезать части сайта друг от друга как показано на фото. Места отреза показаны красным цветом.

Можно сделать следующее:
в файле html найдите строчку

<td class="content_catalog cont250"">

измените ее на

<td class="content_catalog cont250" style="border-right: 2px solid #2e2e2e;"

далее перед

</div>
<div class="container" id="cpages">

вставьте

<div id="line"> </div>

теперь зайдите в файл main.css  и в конце файла добавьте

#line {
width: 960px;
height: 5px;
}

[Panerai]

Хорошо, спасибо. Разделить удалось. Но как теперь сделать что бы разделение на первом фото доходил до своего логического конца ?

И ещё отдельный момент, как можно скруглить углы на втором фото ? На фото только верх, скругление нужно и внизу рамок соответственно.

Прикрепленные изображения

• 
• 

[support 2.0]

Panerai (23 Февраль 2013 - 14:07) писал:

Хорошо, спасибо. Разделить удалось. Но как теперь сделать что бы разделение на первом фото доходил до своего логического конца ?

И ещё отдельный момент, как можно скруглить углы на втором фото ? На фото только верх, скругление нужно и внизу рамок соответственно.

Тогда все изменения, которые я Вам писала Выше делать не нужно будет.
Вам нужно зайти в шаблоне HTML и найти блок

	<!-- контент -->
	<div class="container" id="cpages">
	  <div class="content_page">
		<table>

и изменить его на

	<!-- контент -->
	<div class="container" id="cpages">
	  <div class="content_page">
		<table style="border-spacing: 5px;border-collapse: separate;"

теперь строчку

<td class="content_body cont700">

теперь зайдите в файл main.css и найдите блок

.content_catalog {
  padding-top:80px;
  vertical-align:top;
}

измените его на

.content_catalog {
padding-top: 80px;
vertical-align: top;
background: #070707;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

теперь найдите блок

.content_body {
  vertical-align:top;
}

и замените его на

.content_body {
vertical-align: top;
background: #070707;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

далее найдите блок

.content_page {
background: url(http://design.elit-time.ru/content-page-br.png) repeat-y 0px 68px;
overflow: hidden;
padding-bottom: 2em;
background: #070707;
}

и измените его на

.content_page {
overflow: hidden;
padding-bottom: 2em;
}

[Panerai]

Спасибо большое. Единственное что я не понял из всего этого, так это что нужно сделать с этой строчкой

теперь строчку

<td class="content_body cont700">

Найти нашел, а что с ней сделать ?


И как теперь ещё немного увеличить размер этих разделительных промежутков?


Спасибо.

[mikola]

Panerai (24 Февраль 2013 - 13:54) писал:

Спасибо большое. Единственное что я не понял из всего этого, так это что нужно сделать с этой строчкой

теперь строчку

<td class="content_body cont700">

Найти нашел, а что с ней сделать ?


И как теперь ещё немного увеличить размер этих разделительных промежутков?


Спасибо.

Добрый день..
код:

<td class="content_body cont700">

Что именно вы хотели узнать по данному коду??

[Panerai]

Mikola (24 Февраль 2013 - 15:31) писал:

Добрый день..
код:

<td class="content_body cont700">

Что именно вы хотели узнать по данному коду??

Здравтсвуйте.


support 2.0 в последнем сообщении своем написала этот код, но не указала что с ним нужно сделать. Вот меня и интересует что именно нужно сделать с этим кодом.

[Stasya]

Panerai (24 Февраль 2013 - 16:51) писал:

Здравтсвуйте.


support 2.0 в последнем сообщении своем написала этот код, но не указала что с ним нужно сделать. Вот меня и интересует что именно нужно сделать с этим кодом.

Видимо support 2.0 немного описалась, т.к. на сколько я вижу, у Вас на сайте все отображается так, как нужно. Единственное могу дополнить, для того, чтобы увеличить эти отступы, воспользуйтесь

<table style="border-spacing: 5px;border-collapse: separate;"

увеличивайте значение border-spacing: 5px до нужного, отступы сверху и сбоку будут увеличиваться равномерно

[Panerai]

Stasya (25 Февраль 2013 - 12:09) писал:

Видимо support 2.0 немного описалась, т.к. на сколько я вижу, у Вас на сайте все отображается так, как нужно. Единственное могу дополнить, для того, чтобы увеличить эти отступы, воспользуйтесь

<table style="border-spacing: 5px;border-collapse: separate;"

увеличивайте значение border-spacing: 5px до нужного, отступы сверху и сбоку будут увеличиваться равномерно

Спасибо большое за помощь.