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

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

Помогите убрать пустую ссылку в шапке

design-vsego.dp.ua/

добрый день!
помогите пожалуйста убрать в шапке квадратик с надписбю "изображение"

он виден в IE и в Opera

что-то нахимичила видимо, хотела привязать к картинке ссылку на главную…

подскажите что делать?
я вставила в header.php <img src="<?php bloginfo(‘stylesheet_directory’); ?>http://design-vsego.dp.ua/wp-content/themes/autofocus/img/logo.gif">
и в style.css
#header {margin:55px 0 0;height:105px;text-transform:normal;width:600px;clear:none;float:left;color:#f70080;background: transparent url(img/logo.gif) no-repeat left;margin-top:10px;}

Шаблон не отображает русские символы

Здравствуйте, задавал этот вопрос на mywordpress.ru, хочу узнать и у вас:
шаблон выдает такую строку <div id="homewidget" class="grid_4"><h1>Введите ваши данные</h1></div> (если заглянуть в исходный код). Но на странице ее не видно, если написать по-английски то нормально. Весь CSS перелопатил, class здесь не имеет значения, я его убирал, результат тот-же. Файл CSS здесь. Помогите

нужна помощь в починке сайта

Обратились ко мне знакомые с просьбой о помощи. Сам я далек от веб-программирования вообще и от WP в частности, поэтому просьба сильно не пинать за неточности в терминах :rolleyes:.
Сайт в свое время сделали, запустили и он работал нормально. Неделю назад было замечено, что сайт "поехал": центральная колонка стала выводится в самом низу справа, под правым сайдбаром. После чтения доков, форума и шаманства с page.php мне удалось вернуть отображение страниц в среднюю колонку:
Но вот поднять правый сайдбар на место мне не удается. И новости "разворачиваются" под сайдбаром, а не в центральную колонку.

Шаблон page.php:

<?php get_header(); ?>
<div id="wrapper">
<div id="wrapper_b">
<?php get_sidebar(); ?>


<div id="outer2">

<div id='content'>

        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <div class="post" id="post-<?php the_ID(); ?>">
            <div class="entry">
                <?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>

                <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>

            </div>
        </div>
        <?php endwhile; endif; ?>

        </div><!--content-->
</div> <!-- outer2 -->
<?php get_footer(); ?>
<?php get_sidebar('right'); ?>

</div><!-- wrapper_b -->
</div><!-- wrapper -->

или надо что-то в style.css править? Или в шаблоне сайдбара? Подскажите, плиз, где собака порылась…

Не верно отображается в Opera

Здравствуйте.
Скачал тему http://www.wpbot.ru/?p=1551 там в опере (IE 8, Mozilla Firefox, Google Chrome – нормально) кнопка поиска съезжает вниз. Подскажите пожалуйста как исправить?

Квадратики в заголовке страницы

Доброго! Помогите плиз. Появились квадратики в заголовке страницы. Как на рисунке, указанном ниже

Как решить эту проблему?

Нужна помощь в нескольких вопросах

1. Есть сайт http://arbat.sebastopol.ua – это чтобы всем интересующимся была видна проблема явно и сразу.
2. как приклеить footer к низу странички?
3.Самый важный вопрос, есть ли где то в WordPress редактор html?Хорошо знаю html/css но не знаю почти php, не пойму например как мне подправить что то где то, к примеру вот на выше указанном сайте есть в сайдбаре номера телефонов, так вот ни в одном файле темы (footer.php/sidebar.php/comments.php/боковая панель.php и т.д.) пересмотрев внимательно весь код не нашел этих надписей-НЕ Я создатель сайта, но мне приходится теперь его администрировать и наполнять, в html-быстро бы все нашел и сделал, или тут только ПХП и все?
4.Видите как залезли кнопочки read more и как они прыгают? опять же пхп, какой модуль этим управляет, и как сделать чтобы они были все на одной горизонтали?
5.Как найти редактируемую главную страницу, вот в редакторе страниц есть все кроме главной…?
6.видел есть интересные плагины, как их загружать?вот скачался zip-файл, внутри плагин, устанавливать ftp на комп и загружать в указанный путь архив а потом уже ловить его в панели управления?
Большое всем спасибо за ответы… очень их жду

Возможно было, но я искал, честно!!!

смысл в чем :

сайт – www.shtar.ru
шаблон – http://blogstyle.ru/1213
проблема – вот там меню, оно по левому краю ровняется, всю голову сломал чтобы сделать по центру, проблема еще в чем там есть, ссылки во вторую строчку переходят , т.е. как будто барьер у сайдбар2 (правая колонка) как исправить и сделать меню по центру???

выручаем плиЗ))

Помогайте все плывет(

Сам как ни химичил – так ничего и не получилось сделать. вот сам глюк : http://henzo.org/kartinki/dab665e76affd6ece6524a6b42dc012ad.png http://henzo.org/kartinki/437eff971f704fb434707dba7627b633.png
глючит преимущественно в опере. Ссылка на css : http://henzo.org/wp-content/themes/deMar/style.css
может подскажите чего?

Где исправлять ошибки?

Подскажите пожалуйста где (в каких файлах index.php или другой) нужно исправлять ошибки, найденные валидатором "validator.w3.org"
Например такая:
Line 9, Column 87: end tag for "link" omitted, but OMITTAG NO was specified
…el="stylesheet" href="http://popularly.ru/wp-content/themes/Sublime/style.css">(именно знак больше подчёркнут)

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
очень надо! помогите!

перенести меню в шапке с права на лево

добрый день!
сайт http://design-vsego.dp.ua

не могу пенести меню в шапке в правый угол – так как тема свестрана не совсем мне понятно!
используются z-index и я пока в этом ничего не понимаю.

куча текста – и что здесь отвечает за положение менюшки – не могу понять!

помогите пожалуйста!

/* begin Menu */
/* menu structure */

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  width: 982px;
  height: 23px;
  z-index: 100;
}

.artmenu
{
  padding: 0px 0px 0px 0px;
}


.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 23px;
}

.nav .l
{
  left: 0;
  right: 0px;
}


.nav .r
{
  right: 0;
  width: 0px;
}


.nav .r div
{
  width: 982px;
  right: 0;
}


.nav .l, .nav .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 23px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 0px;
  margin-left: 0px;

}
.artmenu a span span
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  color: #CDF1F9;
  padding: 0 12px;
  margin: 0 0px;
  line-height: 23px;
  text-align: center;
  background-image: url('images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;

}




.artmenu a:hover span span
{
  color: #FCEFEE;
  background-position: left -23px;
}

.artmenu li:hover a span span
{
  color: #FCEFEE;
  background-position: left -23px;
}


/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
  display: block;
  width: 1px;
  height: 23px;
  background-image: url('images/item-separator.png');
}

/* end MenuSeparator */

/* begin MenuSubItem */
.artmenu ul a
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 23px;
  width: 180px;
  overflow:hidden;
  line-height: 23px;
  margin-right: auto;


  background-image: url('images/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 1px;
  border-style: solid;
  border-color: #B5B0A1;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 23px;
  color: #0C4C5A;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}

.artmenu ul ul a
{
  margin-left: auto;
}

.artmenu ul li a:hover
{
  color: #000000;
  border-color: #A19A87;
  background-position: 0 -23px;
}

.artmenu ul li:hover>a
{
  color: #000000;
  border-color: #A19A87;
  background-position: 0 -23px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
  color: #000000;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #000000;
}


/* end MenuSubItem */

Новости на главной!

Здравствуйте!
У меня возникла проблема!
Есть сайт – http://bee.lviv.ua/
Так на нем на главной там где должна быть статьи выводяться категории!
Как зделать чтоб вместо категорий выводились статьи?

Header.php + jquery = Слайдшоу, как?

Доброго времени суток!

Есть у меня тема с изображением в шапке banner.gif, который прописан в header.php как

<div id="banner"></div>

а в style.css как

#banner { background: transparent url(images/banner.gif) no-repeat; width: 936px; height: 209px; margin-bottom: 20px; position: relative; top: 7px; left: 8px;}

Возникло желание заменить изображение в шапке на красивое слайдшоу. Полазил по форумам, посоветовали воспользоваться jquery, но как его прикрутить к моей теме я немогу додуматся, методом тыка мутил-мутил, безрезультатно.

Нашел на руселлере плагин к jquery с нужным эффектом (fade) http://ruseller.com/lessons.php?rub=32&id=400
но не могу никак прикрутить его, помогите 🙂

Нужна помощь за деньги

Помогите пожалуйста решить.
Есть код, который выводит содержимое рубрики. У нас есть записи, которые принадлежат к 2 рубрикам. Тут возникает проблема.
Этот код привязывает запись к одной из двух рубрик, и только там ее выводит. А в другой рубрике код не выводит название записи.
Например как тут: http://antioxbio.ru/category/for-life-bad/kardio-for-life-bad/
В рубрике "Кардио" опубликованых статей: 4 – а выводит только две!

Может ли кто-нибудь помочь решить это? Мы готовы заплатить.
Спасибо.

Галерея на новом хосте

Прошу подсказать, может кто сталкивался с такой проблемой.
Приобрел отдельно хостинг именно для хранения файлов (jpg). Теперь проблема: как настроить некст ген галерею, что-бы она использовала файлы которые собираюсь хранить на новом хосте?

выравнивание sidebar’oв

добавил второй сайдбар, но не могу выровнять его на странице
тема – default
прописал через "div" свойства

#sidebar
{
    border-left: solid 1px #ddd; 
    padding: 20px 0 20px 0;
    margin-left: 520px;
    width: 190px;
    padding-left: 10px; 
    border: 1px solid red;
    
    }

#sidebar form {
    margin: 0;
    }

#sidebar1
{
    border-left: solid 1px #ddd;
    padding: 0;
    margin-top: 0;
    margin-left: 730px;
    width: 190px;
    padding-left: 10px; 
    border: 1px solid red;
    }

http://picasaweb.google.com/lh/photo/9V-LIEVCk_3QZ9G4GiPouA?authkey=Gv1sRgCMewrKjfqYva3QE&feat=directlink

спасибо

Как растянуть поле для контента?

Люди добрые, помогите кто чем может! 🙂 Не могу решить задачку. Надо растянуть до низа поле для контента. Для наглядности привожу код (из файла стилей) и прикладываю скрин темы.

/** BEGIN content **/
#content {
    width: 560px;
        background: #ffffff;
    float: left;
    padding: 10px 10px 0px 10px;
}
    #content .latest {
        padding: 0px 0px 0px 10px;
    }
        #content .latest h2 {
            margin-bottom: 0px;
            font-size: 1.5em;
        }
            #content .latest h2 a {
                color: #2d2d2d;
            }        
            #content .latest h2 a:hover {
               color: #000;
            }
        #content .latest .details {
            font-family: Verdana,Arial,Helvetica,sans-serif;
            font-size: 0.9em;
            color: #000;
        }
            #content .latest .details a {
                color: #2d2d2d;
            }
            #content .latest .details a:hover {
                color: #000;
                text-decoration: none;
            }
        #content .latest p {
         text-align: justify;
        }        
    #content p {
        line-height: 1.3em;
        margin-bottom: 10px;
    }
    #content ul {
        margin: 0 0 10px 16px;
    }
    #content ol {
        margin: 0 0 10px 18px;
    }
    #content li {
        line-height: 1.3em;
        padding: 2px 0;
    }
    #content h3 {
        font-size: 1.5em;
        font-weight: normal;
    }
    #content blockquote {
        padding: 10px 10px 0;
        border: 1px solid #cccccc;
        background-color: #eeeeee;
        font-weight: bold;
        margin-bottom: 10px;
    }
/** END content **/

Заголовок заметки

Как сделать, чтобы первая буква заголовка была определенным цветом?

Как сменить цвет заголовка новости?

В теме Arthemia? Не понимаю через какой тег это сделать. В Div-ах ничего толком не нашла. Подскажите плиз.

Вопрос о wp-pagenavi

Приветствую. Как сделать, чтобы страницы, созданные с помощью wp-pagenavi отображались примерно так: 1, 2, 3 …. 9, 10.
А не 1,2,3,4,5,6,7,8,9,10

Помогите доработать тему для WordPress

Здравствуйте!

Создаю блог на WordPress через связку Apache 2.2.13 + PHP 5.3 + MySQL 5.1.39 + phpMyAdmin
(не Денвер). Изменяю тему Blue Sky Beach Theme под себя. Изначально в ней было 2 сайдбара, которые располагались справа от контента. С помощью другой темы DIYTheme я распределил сайдбары по краям блога с помощью функций

<?php include(TEMPLATEPATH."/l_sidebar.php");?>

и

<?php include(TEMPLATEPATH."/r_sidebar.php");?>

Создал файлы с этими именами и скопировал в них участки кода, которые отвечают за отображение конкретного сайдбара. Функцию get_sidebar() удалил. После этого обновил блог и стал подгонять положение сайдбаров и контента, чтобы они синхронно встали. Мне это удалось! Но каким же было мое удивление, когда, зайдя на другие страницы, я увидел необъяснимое… Область контента отобразилась в левом углу, а сайдбары оказались сверху него и недалеко друг от друга… С чего бы такое?… :unsure: Плюс я решил немножко изменить меню. Меню у меня горизонтальное и у одного пункта имеется подменю со списком страниц, реализованного через функцию:

<?php wp_list_pages('title_li=&depth=-1'); ?>

Я решил немножко изменить меню, расформировал страницы по разным пунктам меню и страницу "О блоге" вынес в отдельное меню, а также значение главной страницы. Раньше у меня на главной странице выводились последние записи блога, а теперь за главную страницу отвечает конкретная страница: "О блоге". Для вывода последних записей я создал пустую страницу "Новое на блоге". Теперь у меня проблемы с меню начались. Активные пунты меню не подсвечиваются, т.е. при наведении на пункт меню он подсвечивается, но подсветка не остается для активной страницы… Класс current_page_item я не трогал… Вот он:

#header #header-menu ul li.current_page_item a{             
color: #0062c0;             
background: url("images/header_menu_hover.gif") no-repeat;                  
}

Рисунок на месте, все должно работать. Условие на активность меню описано. Но вот какая штука. Когда заходишь на страницу "Новое на блоге", подсвечивается кнопка "Главная", как будто я на ней, а на самом деле нет… Другие же кнопки не подсвечиваются, когда я щелкаю по ним, т.е. активность не фиксируют, класс current_page_item не обрабатывается… Вот описание одного из пункта меню:

<?php if ( is_single() ) { ?>                 
<li class="current_page_item"><a href="http://localhost/localblog/novoe-na-bloge">Новое на блоге</a>
</li>                 
<?php } else { ?>                 
<li><a href="http://localhost/localblog/novoe-na-bloge">Новое на блоге</a></li>                 
<?php } ?>

Т.е. есть условие, что если пункт меню активный, то добавлять класс current_page_item. В противном случае кнопка обычная…

В моей же ситуации подсвечивается только кнопка "Главная", если я перехожу на страницу "Новое о блоге", хотя этого быть никак не должно… Помогите мне, пожалуйста, разобраться в этой проблеме…

Пробовал отключать все плагины – не помогло…

Если Вам нужны какие-то материаллы, скажите и я вышлю…

P.S. Да уж… Хочешь быть программистом – имей железные нервы…=)))

С уважением, Сергей.

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