X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Пустые боковые поля и дизайна, CSS и WordPress
Galeodor
Galeodor
Topic Starter сообщение 22.1.2009, 13:02; Ответить: Galeodor
Сообщение #1


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

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


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

з.ы. сслыки на темы выкладываю так, потому что можно и скачать дизайн ( необходимый CSS взять посмотреть) и наглядно посмотреть в чем заключается проблема.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 22.1.2009, 13:44; Ответить: ZiTosS
Сообщение #2


Если ты знающий человек, то ты сразу можешь определить. Это одно из двух
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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galeodor
Galeodor
Topic Starter сообщение 22.1.2009, 13:49; Ответить: Galeodor
Сообщение #3


А ..блин, спасибо.
буду тренироваться.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 22.1.2009, 14:03; Ответить: ZiTosS
Сообщение #4


Всегда пажалста ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galeodor
Galeodor
Topic Starter сообщение 22.1.2009, 14:27; Ответить: Galeodor
Сообщение #5


CODE
/***********************
* Widgits *
***********************/

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

;)

проблему решил по своему. Стояла максимальная ширина до 880px. расширил - все норм.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 22.1.2009, 21:58; Ответить: ZiTosS
Сообщение #6


Аа пилять... Ппц. Я подумал что тут идёт показ шаблонов и расписал тебе дизайн сайта blogstyle. Плохо прочитал темку. Ну технологию расписал, надеюсь поможет, у кого встрянет такой вопрос.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Galeodor
Galeodor
Topic Starter сообщение 23.1.2009, 15:19; Ответить: Galeodor
Сообщение #7


(ZiTosS @ 22.1.2009, 20:58) *
и расписал тебе дизайн сайта blogstyle.

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) WEB и SMM дизайн — решение ваших бизнес задач с помощью дизайна
8 justburger 5337 6.7.2020, 9:18
автор: justburger
Открытая тема (нет новых ответов) Разработка дизайна сайтов, не дорого! | Продажа готовых PSD макетов
19 Ancitrus 14685 16.12.2019, 13:25
автор: Seo-optimist
Открытая тема (нет новых ответов) Услуги дизайна для web сайтов и мобильных приложений
1 svetakaplaukh 2437 9.2.2019, 0:01
автор: svetakaplaukh
Открытая тема (нет новых ответов) Услуги дизайна для web сайтов и мобильных приложений
0 svetakaplaukh 1281 8.2.2019, 0:50
автор: svetakaplaukh
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыУслуги по разработке дизайна
Баннеры,шапки,оформление соц.сетей,презентации, каталоги и тд
12 unbur 6961 31.1.2019, 10:27
автор: unbur


 



RSS Текстовая версия Сейчас: 20.4.2024, 0:13
Дизайн