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

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

Разное оформление категорий на главной.

Как сделать на главной странице отображение постов из разных категорий. С тем условием, что каждая из категорий должна отображаться по своему, иметь свое оформление.
Н-р, есть две категории: Новости и Вопросы. В category-ID.php прописан дизайн для каждой из категории. Нужно, чтобы этот же дизайн оставался у категорий при отображении на главной странице.

Как такое сделать?

Как растянуть тему на всю ширину страницы?

Не найдя, к сожалению, ответа в на этом форуме на мой вопрос решил создать отдельную темку. Проблема такова. Есть шаблон. Ну я взялся его переделывать и т.д. Все идёт успешно. Но столкнулся с одной проблемой. Тема(какая она есть в ориганале) содержит отступ от правого края. Отступ достаточно большой и, разумеется, я задумывался над тем, чтобы просто убрать его, а значит и расширить сам текст на странице, что позволит сделать более аккуратным сам дизайн. Но вот как убрать этот отступ и как расширить, грубо говоря, саму запись по ширине( то есть растянуть колонку где находятся записи) я так и не понял и не нашел.

вот ссылка http://www.probnyy.tu2.ru/

разумеется на самом сайте ничего нет, потому что я пока что довожу дизайн до ума. А как раз справа и есть этот отступ( тот который отделяет колонку "календарь" от края браузера) Как можно решить данную проблему?

перекрасить visited ссылки

хочу заставить посещенные урлы менять цвет.

в кссе темы было:
a {color:#4088b8; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}

думал добавить: a:visited {color:##306589;}, но не помогло. хотя при изменени других параметров линков все меняется как надо!

мучаю вот эту тему:
http://themes.wordpress.net/columns/2-columns/840/1024px-10/

Рега с использованием другой темы.

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

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

Проблемма с DIVами

В общем подгоняю дизайн и возникла проблемма.

Мне надо прописать название сайта таким образом, чтобы одно слово было одного цвета, остальные другого цвета. Вот что я сделал:

<div id="header">
                     <!--the blog title-->
        <h4>XXX</h4><h2>XXXXXXXXXXXXXXXXXX</h2>
<!--blog description-->
                  <h3><?php bloginfo('description'); ?></h3>
</div>

Вот участок CSS

#header { 
    height: 135px; 
    padding: 83px 0px 0px 25px;
    background: url(images/header.gif) top center no-repeat;
    margin-bottom: 10px; 
    }
#header h2 {
    color: #ffffff;
    font-size: 20px;
    font-family: Bookman Old Style, Arial, Sans-Serif;
    margin: 0px;
    }
#header h4 {
    color: #6699FF;
    font-size: 20px;
    font-family: Bookman Old Style, Arial, Sans-Serif;
    margin: 0px;
    }

#header h2 a {
    color: #ffffff;
    text-decoration: none;
    }

#header h2 a:hover {
    color: #000000;
    text-decoration: none;
    }

#header h3 {
    color: #cccccc;
    font-size: 10px;
    font-family: Georgia, Times New Roman, Sans-Serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
    }

Проблемма в том, что слово которое между <h4></h4> отбражается на одной строчке, а между <h2></h2> на следующей. Возможно так и должно быть по правилам HTML, но мне нужно чтобы на одной строчке. Как исправить?

Как изменить шрифт текста меню

Здравствуйте.
Может быть мой вопрос и банален, но поиском по форуму я воспользовался, и просмотрел немного похожие темы…
Сама проблема такая: на сайте www.terem-ureki.ru подключен скин Field-Of-dream-2. и главное меню справа выводится зеленым цветом заданным шрифтом, и подпункты меню выводятся таким же шрифтом. (сайт создавал не я).
Я хотел поменять цвет шрифта, и сделать различия между размером шрифта пунктов меню разного уровня.
Я тупо просмотрел код выдаваемой страницы и определил, что нужный мне текст определяется классом "page_item". потом решил покопаться в коде самого плагина и движка, чтобы подредактировать класс, а по возможности, еще определить другой класс для пунктов второго уровня. Но как ни искал, так и не нашел файла стилей или другого, где определяется этот тип.
Если возможно – подскажите, там ли я ищу.

Трабла с версткой макета – DIV на высоту всего документа

Трабла такая – есть макет, ссылка вот:

Filename: imposition.zip
Filesize: 1.43 KB
Md5 Hash: c29a8f2dcd68503adc5b732d446d2578

http://download.infine.ru/temp/imposition.zip

сайдбары должны быть на всю высоту – это раз. футер естественно между ними, аналогично шапке – это два.
запарился, гугл зараза толком информации нужной не выдает. ребят, помогите с версткой разобраццо
и ещё, не надо стоит абсолютное позиционирование и отступы от root-а

WordPress MU, как создать личный дизайн отдельному пользователю?

Здравствуйте. Я не смог найти полный ответ на свой вопрос. И знаю, что здесь есть мастера и добрые люди. Я установил и настраиваю WordPress MU, моя дочъ первая попробовала открыть свой блог. Но она хочет (как и наверное другие) иметь свой дизайн, о своей собаке лабрадоре будет расказывать. Я сделал ей шапку, но ведь новые пользователи берут темы из общей папки themes, куда я закинул много тем. А значит и моя изменненная тема может быть кем-то выбранна? Как отдельному пользователю сохранить индивидуальность с темой сайта? Уверен что как то это можно, но пока не пойму как?
Я прошу помощи у специалистов и опытных людей.
Большое спасибо!

Вывод маркированного списка

В одной из применяемых мною тем не могу заставить разные меню в сайд баре выводить информацию в виде маркированного списка.

Все попытки прописать в style.css что-то вроде:

{
    background: url(images/bullet-orange.gif) no-repeat;
    padding-left: 18px ;
}

или к примеру, такое, по образу и подобию прекрасно работающих сайтов:

{
    margin: 0;
    padding:0;
    list-style-image:url(images/bullet-grey.gif);
}

к успеху не привели….

Вот кусочек из style.css относящийся к сайдбару:

#sidebar {
    float: left; 
    width: 200px;
    font-size:0.9em;
}
#sidebar ul
{
    list-style:none;
    margin:0;
    padding:0;
}
#sidebar li 
{
    margin-bottom:0.5em;
}
#sidebar ul ul
{
    list-style:none;
    margin:0.5em 0 0 1em;
}
#sidebar ul ul ul
{
    margin:0 0 0 1em;
}
#sidebar li.sidebox {
    padding:1px 10px;
    margin:0 0 1em 0;
    background: url(img/sideheadtop.gif) #ededed no-repeat left top;         
}
li#sidelinks ul
{
    margin:0;
    padding:0;
}
#sidebar li.sidebox p img {
    margin:0;
    padding:3px;
    border:#ccc 1px solid;
    background:none;
}

Пожалуйста, подскажите, что тут можно предпринять.

Переделка темы. Проблема с картинками

Вечер добрый. На сайте почти все сообщения с картинками. Структура каждого поста такая : Заголовок – картинка – краткое пояснение к картинке, затем после <–more–> продолжение. Если смотреть на главную страницу, то все отображается как положено, но стоит щелкнуть по какой-либо категории и все посты в этой категории показываются только заголовками и описанием. Картинок нет. Но в некоторых темах картинки показываются (я имею в виду темы Вордпресс) Так вот вопрос – что и в каком файле надо изменить, что бы картинки показывались всегда (и при заходе на главную, и при выборе определенной категории)?

Траблы с темой

Привет Всем!
Я новичок в wordpress зделал блог на руском движке wordpress но когда пытаюсь устоновить русскую тему то у меня вместо надпесей появляется какаято кракозябра какието ероглифы в чом проблема подскажите плиз

Подскажите что не так в верстке http://nesterstyle.ru

Подскажите что не так в верстке http://nesterstyle.ru

Кто будет писать что это реклама, то сразу предупреждаю, что как будет решен вопрос с версткой в IE, сразу много удалить данный топик.

Трабл с шаблоном

Вот начал делать свой шаблончег. И тут такой трабл. В шоблоне (! заметьте не в вордпресе самом) когда я пишу "Статьи" и подобное, короче то, что надо писать в самом шаблоне (а не через скрипт) выступают какие-то знаки а ля трабл с кодировкой. Я бы все понял, ток ставлю я другой, но стянут с сайта с шаблонами руский (!) шаблон и все ок! Что мне делать?

Исключения из правил

Есть код для параграфов

#news_block p {
    font: 70% Verdana, Arial, Helvetica, sans-serif;
    color:#003366;
    margin:0 0 10px 0;
    text-indent: 20px;
    line-height:20px;
    text-align:justify;
}

Ключевой параметр тут — выравнивание.
Хочу создать какое-то исключение, чтоли, чтобы была возможность выравнивать параграфы по тексту.
Пока помогает только вставка style="text-align:center"; остальное (стили с выравниванием по центру) перекрываются вышеупомянутым правилом.

Кстати, возможно это всё связано с тем, что по умолчанию WP кидает весь the_контент в один <P> и получается когда мы внутри заводим ещё один P класс для альтернативного выравнивания текста не применятся. что-то типа того.
Приходилось даже извращаться, подставлять искусственно конец параграфа, а потом писать то что по центру надо

</p>  <p class="ctr">Центр!</p> <p>

Не корректное отображение виджетов

Как закрепить виджеты, что бы они не сдвигались при переходе на другие страницы блога http://mp3musicblog.info/about/?
Заранее Всем спасибо.

Помогите в верске кода

У меня блог англоязычный, а админка WP русская и из-за этого получаются кое-какие ляпсусы смотрите сами http://mp3musicblog.info/. А вопрос в том, как изменить чтобы содержимое поле Archives, Meta выводилось на английском, а на русском. И в писало не Последние комментарии, а Recent Comments???
Заранее Всем спасибо!

Первый пост на странице

Добрый.
Посоветуйте, как изменить дизайн вывода первого поста на странице? ТАм вывод идет в цикле, а вот как первый изменить не знаю. Поможете?

Как изменить нижнюю надпись на странице

www.MilleniumAlliance.ru
Как изменяется нижний блок на странице?
Там где: © 2008 MilleniumAlliance | Powered by WordPress | Выйти
Theme design by Andreas Viklund and web hosting sources

Нужно поставить свои реквизиты.

Как вставить свою шапку в WordPress?

Прошу прощения, если создал тему не там. Вопрос такой, как вставить свою шапку в WordPress?(размер, и.т.д) Не нашел указаной темы, может плохо искал, вообщем глаза мои не нашли и поиск не помог. Если такая тема существует поделитесь ссылкой, еще раз прошу прощения.

p.s. Зараннее спасибо, сильно не ругайте.

Вопрос по цитатам – BLOCKQUOTE

Как сделать чтобы рамка цитаты не разъезжалась во всю ширину страницы, а была по ширине текста внутри цитаты? Оформление цитаты у меня сейчас прописано так:

blockquote {border: 1px dotted grey; background: #FFF8DC; padding: 5px; color: grey;}
Anonymous
Отправить
Ответ на: