Бла бла бла
<!–nextpage–>
Бла бла бла
<!–nextpage–>
Бла бла бла

и у вас разделяется контент на несколько страниц.
Можно использовать много раз.

Для того чтобы показать ссылки навигации по этой разбивке используйте следующий код.

    <?php $args = array(
    'before'           => '<p>' . __('Страницы:'), // текст перед ссылками (или код)
    'after'            => '</p>', // текст после ссылок (или код)
    'link_before'      => '', // текст перед каждой ссылкой (или код)
    'link_after'       => '', // текст после каждой ссылки (или код)
    'next_or_number'   => 'number', // использовать ли нумерацию
    'nextpagelink'     => __('Вперед'), // текст для ссылки на следующую страницу
    'previouspagelink' => __('Назад'), // текст для ссылки на предыдущую страницу
    'pagelink'         => '%', //текста ссылки
    'more_file'        => '', // ссылка на страницу, по умолчанию текущая.
    'echo'             => 1 );  // выводить или нет
 wp_link_pages($args);  ?>

Этот код должен использоваться внутри цикла wordpress тоесть внутри

  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 
<?php endwhile; else: ?>

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

graphicriver.net

Всем тем кто тестирует в IE Tester – “Иногда он показывает баги, которых нет.”

Я решил установить Virtual Box и на нее поставить XP с ie6. Думаю что ie6 лучше всего тестировать на настоящем ie6.

Недавно опять пришлось возиться с png в IE6, установил опять старый добрый IE Tester, в нем все таки очень удобно тестировать.

Еще радует то, что в ie8 есть несколько режимов можно переключаться в ie7 и в quirks mode.

Еще наткнулся на способ который помогает справиться с багом прозрачности в IE6.
DD_belatedPNG – отличная штука, и не подвешивает ie6.

Все другие способы, кроме указания фильтра для png в CSS, очень сильно торвозят, к примеру pngfixer.

Cсылка на IE Tester

Добавляем следующий код в functions.php, который лежит внутри нашей темы.

<?php
   function mytheme_comment($comment, $args, $depth) {
   $GLOBALS['comment'] = $comment; ?>
   <li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
     <div id="comment-<?php comment_ID(); ?>">
      <div class="comment-author vcard">
         <?php echo get_avatar($comment,$size='48',$default='<path_to_url>' ); ?>
 
         <?php printf(__('<cite class="fn">%s</cite> <span class="says">says:</span>'), get_comment_author_link()) ?>
      </div>
      <?php if ($comment->comment_approved == '0') : ?>
         <em><?php _e('Your comment is awaiting moderation.') ?></em>
         <br />
      <?php endif; ?>
 
      <div class="comment-meta commentmetadata"><a href="<?php echo htmlspecialchars( get_comment_link( $comment->comment_ID ) ) ?>"><?php printf(__('%1$s at %2$s'), get_comment_date(),  get_comment_time()) ?></a><?php edit_comment_link(__('(Edit)'),'  ','') ?></div>
 
      <?php comment_text() ?>
 
      <div class="reply">
         <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
      </div>
     </div>
<?php
        }
?>

Если добавляете вверх или в самый низ файла, осторожно с пробелами. Если добавить пару пробелов после кода, то потом при logout будет выводиться ошибка.

Теперь меняем строку

<?php wp_list_comments(); ?>

в файле comments.php, который также лежит в папке с темой, на строку

<?php wp_list_comments('type=comment&callback=mytheme_comment'); ?>

Все, теперь в functions.php вы можете изменить внешний вид ваших комментариев.

Итак, чтобы добавить поддержку шрифта делаем следующее.

1) http://download.github.com/sorccu-cufon-2972b8b.zip качаем архив, заходим в папку generate и генерируем специальный js файл.
Выбираем шрифты, если вам нужен только простой текст создать, с помощью дополнительного шрифта, то можно выбрать просто Regular Typeface, а остальные типы шрифта не выбирать.

Например я хочу чтобы у меня была поддержка шрифтов нормального вида и курсива, я захожу на страницу http://cufon.shoqolate.com/generate/ – и выбираю там из моей папки со шрифтами LTe50269.ttf для обычного шрифта и LTe50270.ttf для курсива.
Это два файла со шрифтом Helvetica Neue Ultralight 25, один курсив второй обычный.

The EULAs of these fonts allow Web Embedding ставим галку.
I acknowledge and accept these terms ставим галку.

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

Жмем Let’s do it – получаем файл.

На этой странице вы можете почитать родной мануал http://wiki.github.com/sorccu/cufon/about если с английским все впорядке.

Includes the following glyphs выбираем ALL, можете выбрать другой, ALL выбирает все символы.
Security – впишите название вашего домена, чтобы другие люди не могли использовать ваш файл шрифта.

переименуйте его в font.js

2) Возьмите из папки js файл cufon.js и ваш font.js файл и поместите с вашим html документом.

3) Добавим в head следующий код.

                <script src="cufon.js" type="text/javascript"></script>
		<script src="font.js" type="text/javascript"></script>
 
		<script type="text/javascript">
			Cufon.replace('h1');
		</script>

Все, теперь ваши h1 – заголовки превратятся в красивые заголовки с новым шрифтом. Кстати если у вас doctype transitional, то будут проблемы с line-height атрибутом, если перейдете на strict, проблема исчезнет.

Также с помощью данной штуки можно добавить градиенты и тени для вашего текста и если у вас подключена какая-либо библиотека (mootools, Jquery и помоему Prototype), то в Cufon.replace(’h1′) можно применять селекторы этой библиотеки. Скрипт астоматом распознает библиотеку и начинает работать с ней.

Для того чтобы добавить градиенти тень, заменить соответствующие строки на:

<script type="text/javascript">
			Cufon.replace('h1', {
				color: '-linear-gradient(#ff9900,  #fff)',
				textShadow: '#000 2px 2px'
			});
		</script>

color: ‘-linear-gradient(#ff9900, #fff)’ создает переход от орандевого к белому, можно еще добавить цветов через запятые, например color: ‘-linear-gradient(#ff9900, #fff, #000)’
textShadow: ‘#000 2px 2px’ аналогично, создает тень с цветом #000 отступ 2px вниз, если придать отрицательное значение тень будет выше чем текст, можно также через запятую добавить несколько теней, например так: textShadow: ‘#000 2px 2px, #ff9900 4px 4px’

Удачи. Если что-то не получается пишите комменты помогу.

Напишите продавцу о том, как можно улучшить его сайт и предложите вариант – Вы улучшаете / создаете сайт, взамен получаете скидку на покупку либо целую вещь бесплатно.

Мне нужен был диван, денег особо не было. Я подумал “Попробую.” Попробовал – получилось.

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

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

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

Интерестно такие клиенты книги тоже пытаются руками растянуть? Сайт шириной в 1200px уже не куда растягивать, ну понятно раньше можно было думать об этом, когда куча мониторов была 800*600. И было разумно сдвинуть колонки, а на мониторах пошире раздвинуть (некоторые раздвигают на всю ширину, как такие сайты можно писать, а тем более читать, я не понимаю).

С длиной тут все понятно, это правильно когда блоки растягиваются вниз когда добавляется контент.
Когда блок растягивается в длину это правильно, да и делается без проблем.

Зачем пудрить мозги исполнителю, который в конце концов сделает вам резиновую ширину, чтобы получить говно?

Если она так и осталась вам нужна в интернете есть уже куча примеров, не чего выдумывать. А еще такой сайтик http://csstemplater.com.

Где то я читал, что в интернете 90% сайтов фигня и 90% из них резиновые :)
Смешное выражение, преувеличено, но в точку.

1) задаем диву ширину и высоту.
height:200px;
width:400px;
2) задаем диву position:absolute;
left:50%; top:50%;
3) устанавливаем margin-top с отрицательным значением равным половине высоты, для margin-left отрицательное значение равное половине ширины.
margin-top:-200px;
margin-left:-100px;

это все.

полный код варианта 1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
 * { padding:0px; margin:0px;}
 body { background:#000000;}
 #central { width:400px; height:200px; text-align:center; position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-100px; background:#fff;}
 #central p { line-height:200px; font-family:Tahoma,arial; font-size:20px; color:#666666;}
</style>
</head>
<body>
 <div id="central">
  <p>Хехе я тут!</p>
 </div>
</body>
</html>

Вариант c таблицой..
Высоту div можно будет не задавать.

1) задаем диву ширину и margin для центрирования, (кстати для центрирования дива можно это использовать и в первом примере).
width:400px; margin:0 auto;
2) вокруг div делаем таблицу.. с одной строкой и одним столбцом.
таблице делаем ширину и высоту 100%
width:100%;
height:100%;
столбцу делаем ширину 100%, а высоту 99%
width:100%;
height:99%;
vertical-align:middle;
3) устанавливаем body и html высоту 100%
height:100%;

пришлось добавить лишнюю таблицу, но высоту можно теперь не задавать.

полный код варианта 2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Вариант с таблицей</title>
<style type="text/css">
 * { padding:0px; margin:0px;}
 html { height:100%;}
 body { background:#000000; height:100%;}
 
 #verticaller { height:100%; width:100%; border-collapse:collapse;}
 #verticaller td { height:99%; width:100%; vertical-align:middle;}
 
 #central { width:400px; margin:0 auto; text-align:center;background:#fff;}
 #central p { line-height:50px; font-family:Tahoma,arial; font-size:20px; color:#666666;}
</style>
</head>
<body>
<table id="verticaller">
<tr>
 <td>
 <div id="central">
  <p>Хехе я тут!</p>
 </div>
 </td> 
</tr> 
</table> 
</body>
</html>

Скачать архив с примерами – centering-div