FAQ по дизайну и верстке (HTML, CSS)

Готовые ответы по дизайну и верстке

Выравнивание счетчика в футере

Потребовалось вот вставить счетчик(и) в футер да так, чтобы копирайты остались слева а счетчик(и) был(и) справа или по центру.

Сейчас footer.php выглядит вот так:

<div id="clearer">&nbsp;</div>
</div>
<div id="footer">

<p class="small">&copy; 2007-<?php echo date("Y")." ";?>site.ru</p>

</div>
</div>
<?php wp_footer(); ?>
</body>
</html>

Предполагаю сделать вот так:

<div id="clearer">&nbsp;</div>
</div>
<div id="footer">

<div style="float:left; width:500px"><p class="small">&copy; 2007-<?php echo date("Y")." ";?>site.ru</p></div>
<div style="float:right; width:260px; text-align:right"><noindex>
<!--LiveInternet--> . . . <!--/LiveInternet-->
</noindex></div>

</div>
</div>
<?php wp_footer(); ?>
</body>
</html>

Это нормальное решение или "кривое"?

А как можно выровнять счетчик по центру? :rolleyes:

Как вернуть Custom CSS?

Завел блог, крутил-вертел настройки, но чтобы в CSS лазал – такого не помню. Тем более, что изменения в шаблоне, платные, как я понял.

Тем не менее, вылезла вот такая хрень

http://stroganov.wordpress.com/

то есть правая колонка ушла вниз, и это на всех шаблонах. нах. нах.

сам по себе шаблон должен выглядеть вот так: http://blog.hchlv.com/

я писать малява в поддержка сервис, они отвечать этот текст

The Custom CSS is the only way to remove it. The small face is what is necessary for WordPress.com Stats to work and show up correctly. It is found in all templates.

ПОСОВЕТУЙТЕ, ПЛЗ: как вернуть обратно этот Custom CSS???

И: я ничего пока не понимаю в CSS

Перерисовка шапки, подвала, sidebar.

Здравствуйте.
Подскажите пожалуйста, как сделать в Вордпрессе, точнее в теме, что б при выборе страницы (навигации по сайту) или категории, не происходила перезагрузка( перерисовка) всего сайта?
Что б шапка, подвал, sidebar оставались на месте однажды загруженными, а при навигации по сайту они б не перерисовывались.
Подскажите где копать и по возможности, где подправить тему.

Блог не отображается в opera и explorer

Привет,
Собственно сабж. В ФФ все показывается нормально, а в Opera и Explorer не выводится на экран ничего, хотя весь хтмл доступен в source-код.

Косяк, видимо в верстке. Но ФФ выводит также как и ИЕ, обычно. Что думаете по этому поводу?

Правка шаблона

Здравствуйте!
Я скачал шаблон:
http://today-free.com/2008/03/14/my-relise-wordpress-theme-for-world-of-warcraft-guilds.html

Шаблон выложен бесплатно, поэтому я никого не обманываю, ни у кого ни краду!

Проблемы в следущем:
1) Как поменять, например, "Pages" на "Страницы"…. то есть Названия меню?
2) Как добавить или убрать еще 1 меню?
3) Как добавить банеры на сайт?
4) Если файлы зашифрованы, можно их расшифровать?

Заранее большое спасибо за помощь.
С уважением, Антон

Как все-таки правильно вставлять изображение в пост?

Рискую быть осмеяным, но все же задам этот вопрос ибо ответа не нашел не на форуме, не в коде блогов некоторых участников форума.

Мне необходимо в записи вставить небольшие изображения с выравниванием влево и обтеканием текста справа. Вокруг изображений должна быть однопиксельная рамка с отступом в 3 пикселя.
Новый стиль оформления рисунков WP 2.6 и визуальный редактор не используем.
Задача – сократить до минимума объем вставляемого в запись кода за счет CSS.

Чтобы получить желаемую рамку, в style.css дописал:

#content p img{
padding: 3px;
border: 1px solid #ccc;
background: #fff;
}

Для выравнивания и обтекания изображений вставил в style.css кусок из дефолтной темы:

p img {
    padding: 0;
    max-width: 100%;
    }

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.right {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.left {
    padding: 4px;
    margin: 5 5 0 0;
    display: inline;
    }

.right {
    float: right;
    }

.left {
    float: left
    }

В режиме HTML вставляю изображение между тегами <p>:

<p><img class="left" style="margin: 4px 7px 0px 0px" src="http://.../image.jpg" />Текст абзаца.</p>

Это правильно? Внешне все выглядит как задумано. Можно ли еще больше сократить вставляемый код, например, загнать в CSS и значения margin? :rolleyes:

IE 6 и PNG 24

простите, может где и поднималась тема, но у меня какие проблемы с поиском по сайту. В общем суть проблемы, старой как мир.
В Эксплорере 6м картинки формата png24 отображаются с каим-то серым фоном вместо прозрачности. Это, разумеется, меня не устроило и я решил найти решение проблемы в интернете. перепробовал с десяток всяких способов, плюс плагин для вородпреса, но все без толку.
Думаю, что в WP есть какие-то ньюансы, которые я не учел. Может сталкивался кто с этой проблемой и знает верное решение? Прошу помощи!

Проблема с фоном!

Установил себе симпотичный шаблон и менять его не хочу, но есть проблема. При заходе в новость появляется черный фон. Вот пример – http://fullseo.ru/registraciya-v-katalogax и новость читать невозможно. Кто-нить подскажите как и где в css изменить его на белый допустим, чтобы текст было видно хоть.

В каком файле отредактировать правую колнку?

Здравствуйте,
есть тема
в ней вписаны категории для левой и правой колонке, левую колонку можно легко отредактировать в сайдбаре, а вот где правую – не могу найти. Пожалуйста помогите, как удалить, переименовать справа Categories и Blogroll.
Демка http://test.qualitywordpress.com/?preview_theme=jewel
Скачать тему можно тут http://test.qualitywordpress.com/wp-content/themes/jewel/images/download.zip

Папа, кто я? или CSS-наследование

Ситуация:

А надо бы чтобы размеры шрифта были одинаковые и в самом посте и в таблице и в списках.

DIV-структура иллюстрации:
<body><div#wrap><div#content><div#category_column><div#center_news><div.news_block><table><tbody><tr><td><p> (вместо p может быть ul-li структура)

Css-стили относящиеся к размеру шрифта:

#center_news p {
  font-size: 70%;
}
.news_block ul {
   font-size: 70%;
    list-style: square;
}

.news_block ol {
   font-size: 70%;
}

.news_block table {
    font-size: 70%;
}

Опять же, если пойти другим путём, отрубить все размеры кроме как #center_news p и создать класс, присвоить его таблице, то всё равно размеры шрифта P, OL, UL-элементов, в таблице будут уменьшены. А если не написать класс, то размер шрифта в таблице вне параграфа, будет какойто дефолтный.

Надеюсь ктонить поймёт мою ситуацию..

Разный

для разных категорий

Доброго всем дня.

Не могу сообразить. Хочу сделать <h2> заголовки, для каждой категории разные. Если с постами (single) и страницами (page) все понятно – в каждом файле прописываешь класс для заголовка и полный шоколад. В моем варианте, все как-то туманно, т.к. вызов записей отдельной категории происходит из index файла (во всяком случае в моей теме), а изменив стили для него, меняются везде. Как быть?

Заранее спасибо.

Протестировать верстку в IE разных версий – в одном месте? Да!..

Остался предельно довольным после того как познакомился "поближе" с отличной, но молодой утилитой IETester. Итак, это утилита для тестирования верстки в IE разных версий. Для каждой версии отводится просто своя закладка. Здорово одним словом. Прощай WMWare, который держал ради ie6, прощай глючный эмуль ie7 в ie8.. По этому случаю написал небольшой отзыв у себя на сайте.

Ссылки для загрузки (размер: 23.8 Мб):
с my-debugbar.com – http://www.my-debugbar.com/ietester/install-ietester-v0.2.2.exe
с infine.ru – http://www.infine.ru/download/12/

Кто осёл? :)

Итак, код меню

<ul>
<li>СТУЛЬЯ</li>
...
<li>ПРАЙС-ЛИСТ</li>
</ul>

Код CSS

#catlist ul {
    list-style: none;
    list-style-position: inside;
    letter-spacing:0.05em;
    margin:0;
    padding:0;
}
#catlist li {
    margin:0;
    padding:10px 0 10px 0px;
    border-bottom: 1px solid white;
    background-image: url("img/menuitem.gif");
    background-repeat:no-repeat;
    background-position: 20px 50%;
}

А если сравнить браузеры, то получаем:

Собственно субж..

Меню для сайта (как бы вы сделали такое средствами html/css)

Нарисовал и встрял. Проблема в нижних выносных элементах пунктов меню (Материалы, Заказ).

Правильная разметка, ваше мнение?

Вот первый призадумался над ситуацией: надо начинать по готовому отрисованному дизайну формировать web-страницу.
Задумался, а с чего начать то?
С простого форматирования а-ля: body, h1, h2, h3, p, a и так далее; или же с визуальной разметки – раскидыванием div блоков по странице, а потом уже непосредственно контент.

А в CSS по какому принципу вы группируете блоки стилей?

Вообще, кто как?

Зачем шаблон wp делить на множество файлов, в чем выигрыш?

Здравствуйте! Работаю с шаблонами джумлы уже около года, и вот решил научиться создавать шаблоны для wp. Нашел множество статей, начал читать, и сразу же возник вопрос, на который нигде не могу найти ответа. Зачем шаблон разделяется на разные части и сохраняем по кускам. В чем здесь выигрыш? Почему header footer sidebar и index нельзя просто объединить в один файл?

С Уважением, Андрей

Комментарии без регстрации

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

вот ссылки.на новый хост http://www.galeodor.2lx.org/?p=1#comments
на старый http://www.probnyy.tu2.ru/?p=1#comments

з.ы. хотел узнать причину данной ситуации и как сделать комментарии доступными без регистрации на любом хосте.

нужно создать простейший шаблон для вордпресс

ребят, нужно сверстать простейший шаблон. картинки уже вырезаны.
нужно просто сверстать. я сверстал – но натянуть не могу…
хэлп. отблагодарю

shaidabeg@mail.ru icq 94-80-80
спасибо.

Как удалить ссылки с footer’a?

В общем, мне понравилась одна тема. Вот она:
_http://wpthemer.net/2008/02/19/meridian-wordpress-theme.html
Скачал, начал настраивать под себя, но вот в папке с темой файлик: ReadMe.txt в котором написано:

….
— DO NOT REMOVE any of the links in the footer!
….
Там в футере какой-то код странный не могу от него никак избавится, самих ссылок не видно…
Кто может посмотреть и помочь удалить ссылки с футера? Или как-то можно прикрепить к сайту другйо футер? Подскажите пожалуйста, спасибо!

Тег выводящий сегодняшную дату

Здравствуйте, никак не могу найти тег выводящий текущую дату, не дату написания сообщения, а как в календаре, сегодняшную.

Кто знает, подскажите плииз.
Заранее спасибо.
Best Regards

Anonymous
Отправить
Ответ на: