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


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 216 3 темы, 15 сообщений, 6 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 33 0 тем, 22 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 22.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 13.08.2018
Топ 5 участников по репутации


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

#1 Galeodor

Galeodor
  • Неактивные
  • 1172 сообщений
  • Репутация: 2
0

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

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

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


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

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

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Реализация добавления поля формы без перезагрузки
  2. Полоса вверху верстки
  3. Html верстка на конкретном примере
  4. Убрать лишние поля в таблице
  5. Как сделать промежутки между банерами и сбоку и с верху и снизу

#2 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 22 January 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
  • Неактивные
  • 1172 сообщений
  • Репутация: 2

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

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

#4 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

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

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

#5 Galeodor

Galeodor
    Topic Starter
  • Неактивные
  • 1172 сообщений
  • Репутация: 2

Отправлено 22 January 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
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

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

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

#7 Galeodor

Galeodor
    Topic Starter
  • Неактивные
  • 1172 сообщений
  • Репутация: 2

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

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

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



Похожие темы

  Название темы Автор Статистика Последнее сообщение

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