Перейти к содержимому

Реферальная программа Мегаплана


Пустые боковые поля и дизайна

#1 Galeodor

Galeodor
  • Пользователь
  • 1 172 сообщений
  • Репутация: 2
0

Отправлено 22 Январь 2009 - 12:02

вообщем. Меня интересует вопрос. есть два дизайна для Wordpress.
http://blogstyle.ru/653
http://blogstyle.ru/830
в первом случае боковых полей вообще нет. Там все шикарно и кроссно.
Во втором случае есть пустые поля(справа и слева). Вот меня интересует такой вопрос.

Как мне найти в CSS ответачающие за эти поля параметры?
( не чтобы мне сделали, а чтобы объяснили ;) )


Мои наработки: как я понимаю, проблему нужно искать в категории Content.Отвечают за такие отступы стилевые параметры margin и padding.
Колдовал, в итоге разобрался только как саму колонку постов расширить. На там все эт дело на процентах, поэтому боковые менюшки слезают вниз.Значится нужно увеличить ширину класса всей странички. Как и где мне это искать ;)

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

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 22 Январь 2009 - 12:44

Если ты знающий человек, то ты сразу можешь определить. Это одно из двух
1) padding у body
2) margin у главного элемента(составных частей) Имеется ввиду таблица(TABLE) либо управляющий контейнер(DIV)

Рассмотрим на вашем примере. Глянул в код страницы. Для <body> ничего не прописанно - вывод, навряд ли здесь зарыты отступы. Смотрим главный блок, он имеет привязку id="page"
Далее идём в css и просматриваем стили, ссылку можно вытащить в топе
<link rel="stylesheet" type="text/css"  href="http://blogstyle.ru/wp-content/themes/blue/style.css" media="screen" />
Смотрим файл css
body{
	color: #666666; //цвет текста
	background-color: #ddd; //цвет фона
	font-family: Arial, Helvetica, sans-serif; //шрифт
	font-size: 12px; //размер шрифта
	line-height: 18px; //отступы меж строками
	background-image: url(images/bg.jpg); //картинка-фона.
}
Вывод: в <body> никаких отступов не содержится. Идём дальше.
#page{
	width: 960px; //Размер блока по ширине(ограничение размеров)
	background-color: #FFFFFF; //Цвет фона
	margin:15px auto; //Отступ сверху-снизу 15px; слева-справа выравнивание по центру
	border: 1px solid #CCCCCC; // бордюр 1px
}
Теперь мы знаем, что главный блок имеет абсолютную ширину = 960px. А отступы задаются с помощью margin
  • 0

#3 Galeodor

Galeodor
    Topic Starter
  • Пользователь
  • 1 172 сообщений
  • Репутация: 2

Отправлено 22 Январь 2009 - 12:49

А ..блин, спасибо.
буду тренироваться.
  • 0

#4 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 22 Январь 2009 - 13:03

Всегда пажалста ;)
  • 0

#5 Galeodor

Galeodor
    Topic Starter
  • Пользователь
  • 1 172 сообщений
  • Репутация: 2

Отправлено 22 Январь 2009 - 13:27

[codebox]/***********************
* Widgits *
***********************/

.bottomwdg {
float: left;
width: 29% !important;
width: 27%; /* Stupid IE */
height: 100%;
margin: 10px 15px 0 5px;
}[/codebox]
;)

проблему решил по своему. Стояла максимальная ширина до 880px. расширил - все норм.
  • 0

#6 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 22 Январь 2009 - 20:58

Аа пилять... Ппц. Я подумал что тут идёт показ шаблонов и расписал тебе дизайн сайта blogstyle. Плохо прочитал темку. Ну технологию расписал, надеюсь поможет, у кого встрянет такой вопрос.
  • 0

#7 Galeodor

Galeodor
    Topic Starter
  • Пользователь
  • 1 172 сообщений
  • Репутация: 2

Отправлено 23 Январь 2009 - 14:19

и расписал тебе дизайн сайта blogstyle.

я понял ;) c трудом правда разбираюсь....но так...
  • 0


Оформление форума – IPBSkins.ru