Блог Stafox'a http://stafox.ru О программировании и создании сайтов Wed, 18 Apr 2012 08:00:42 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Меняющийся фон на PHP http://stafox.ru/menyayushhijsya-fon-na-php/ http://stafox.ru/menyayushhijsya-fon-na-php/#comments Fri, 02 Mar 2012 18:33:05 +0000 Stafox http://stafox.ru/?p=1553
А вы хотели бы, чтобы на Вашем сайте фон периодически изменялся? Я вот недавно столкнулся с необходимостью реализовать такое счастье, и теперь хочу поделиться с Вами способом реализации данной задачи на PHP.
Функция довольно проста и имеет всего два агрумента, первый — это тип файлов, второй — месторасположения папки с изображениями. Вот собственно код функции:

function change_bg($IMAGE_TYPE, $PATH_IMG) {
 $IMAGE_TYPE = '.'.$IMAGE_TYPE;
 $IMGS = array();
 $dir=opendir($PATH_IMG);
 while($imgName = readdir($dir))
   if($imgName != "." && $imgName != "..")
     if(strtolower(strrchr($imgName,'.'))==$IMAGE_TYPE) $IMGS[] = $PATH_IMG.$imgName;
 closedir($dir);
 $num = count($IMGS);
 $day = date("s"); // s - секунды; i - минуты; H -  часы; d - дни; m - месяцы; Y - годы;
 if ($day{0} == '0') $day = $day{1};
 while ($day >= $num) $day -= $num;
 $style = 'style="background:url('.$IMGS[$day].');"';
 return $style;
}

Функция возвращает CSS-свойство background. Для наглядности, фоновое изображение меняется каждую секунду, и строка 

$day = date("s");

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

$day = date("i");

Как применить это к Вашему сайту? Да очень просто! Стиль можно применять к любому тегу. Например к тегу body:

<body <?php echo change_bg('jpg', 'image/');?>>

Ну и небольшой демо-пример для наглядности.

Не пропустите, это тоже интересно!

7 коммент.]]> http://stafox.ru/menyayushhijsya-fon-na-php/feed/ 7 Как сделать древовидные комментарии без плагина http://stafox.ru/kak-sdelat-drevovidnye-kommentarii-bez-plagina/ http://stafox.ru/kak-sdelat-drevovidnye-kommentarii-bez-plagina/#comments Fri, 10 Feb 2012 18:19:12 +0000 Stafox http://stafox.ru/?p=1508
Часто вижу, что некоторые начинающие блоггеры, да и не только начинающие, используют плагин, который позволяет выводить древовидные комментарии на блоге. Пример древовидных комментариев Вы можете увидеть на моём блоге. Так вот, для того, чтобы комментарии отображались в виде дерева, совсем не обязательно ставить плагин.

Всё можно сделать самостоятельно, немного подправив тему блога. Вы ещё не задали себе вопрос «Ну и зачем это»? Дело в том, что любой плагин обращается к базе данных, тем самым создавая дополнительную нагрузку. При большом количестве плагинов, Ваш блог станет медленно загружаться, и может попросту не выдержать и «упасть».

И так, закасаем повыше рукава, чтобы не запачкаться, и приступим к делу. Добавим в файл header.php строку кода:

if (is_singular() AND comments_open() AND (get_option('thread_comments') == 1)) wp_enqueue_script('comment-reply');

Вставляем этот кусочек кода перед строкой

wp_head();

Далее в файл 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->comment_author_email, 64); ?>
         <?php printf(__('<cite class="fn">%s</cite> <span class="says">пишет:</span>'), get_comment_author_link()) ?>
      </div>
      <?php if ($comment->comment_approved == '0') : ?>
         <em><?php _e('Ваш комментарий появится после проверки') ?></em>
         <br />
      <?php endif; ?>
      <div class="comment-meta commentmetadata"><?php printf(__('<small>%1$s в %2$s</small>'), get_comment_date(),  get_comment_time()) ?><?php edit_comment_link(__('<div class="entry-edit"></div>'),'  ','') ?></div>
	  <div class="comment-text">
      <?php comment_text() ?>
	  </div>
      <div class="reply">
         <?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
      </div>
     </div>
<?php } ?>

Замечательно! Теперь открываем файл comments.php и заменяем всё, что хранится между тегами <ul class=»commentlist»> и </ul>на

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

Теперь всё красиво заворачиваем в CSS. Для этого в файл стилей style.css добавьте следующий код:

#author, #email, #url {
	margin:3px 10px 3px 0;
	float:left;
	height:25px;
	color:#555;
	padding:0 12px 0 12px;
	background-color:#dedede;
	font-size:16px;
	border:1px solid #bbb;
	border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	width:150px;
	box-shadow:0 1px 1px #fff;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	-o-box-shadow:0 1px 1px #fff;
	-ms-box-shadow:0 1px 1px #fff;
}
#comment {
	width:95%;
	color:#555;
	padding:12px;
	background-color:#dedede;
	border:1px solid #bbb;
	border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	box-shadow:0 1px 1px #fff;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	-o-box-shadow:0 1px 1px #fff;
	-ms-box-shadow:0 1px 1px #fff;
	margin:3px 0 3px 0;
	font-size:16px;
	font-family:Tahoma, Arial;
}
#author:focus, #email:focus, #url:focus, #comment:focus {
	box-shadow:0 0 5px #007efd;
	-moz-box-shadow:0 0 5px #007efd;
	-webkit-box-shadow:0 0 5px #007efd;
	-o-box-shadow:0 0 5px #007efd;
	-ms-box-shadow:0 0 5px #007efd;
	border:1px solid #777;
	color:#555;
}
ul.commentlist { font-size:14px;font-family:arial;list-style:none;padding:0;text-indent:0;margin-bottom:20px;}
ul.commentlist li {
	border:1px dashed #d3d3d3;
	background:#eee;
	padding:5px 5px 5px 5px;
	margin:5px 0 0 0;
	border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
}
ul.commentlist li.comment { padding:10px 10px 10px 10px; }
ul.commentlist li div.comment-author { font-weight: bold; }
ul.commentlist li div.vcard cite.fn a.url { text-decoration: none; }
ul.commentlist li div.vcard cite.fn a:hover.url { color: #313131; text-decoration: none; }
ul.commentlist li div.vcard img.avatar { border:1px solid #d6d6d6;width:50px;height:50px;float:left;padding:3px;background:#f4f4f4;margin-right:10px; }
ul.commentlist li div.comment-meta { font-family:arial;color:#818181;font-style:oblique;text-shadow:0 1px 0 #fff; }
ul.commentlist li p { color:#606060; clear:both;margin:20px 0 10px 0; }
ul.commentlist li ul { list-style:square; }
ul.commentlist li ul.children { list-style:none; text-indent:0; }
ul.commentlist li ul.children li.bypostauthor { background:#e3e3e3;border:1px dashed #aaa;}
ul.commentlist li.pingback { }
ul.commentlist li.bypostauthor { }
ul.commentlist li.thread-odd {
	border:1px dashed #d3d3d3;
	margin:5px 0 5px 0;
	border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
}
.comment-text {
	padding:5px 10px 0 0;
	display:block;
}
.comment-text p {
	padding:5px 10px 0 0;
	display:block;
	font-size:16px;
}
#respond input#submit {
	color:#444;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:5px 8px 5px 8px;
	border:1px solid #888;
	border-radius:12px;
	-o-border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	background: #c1c1c1; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #c1c1c1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#c1c1c1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#c1c1c1 100%); /* IE10+ */
	background: linear-gradient(top, #eeeeee 0%,#c1c1c1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
}
#respond input#submit:hover {
	color:#666;
	background: #e3e3e3; /* Old browsers */
	background: -moz-linear-gradient(top, #e3e3e3 0%, #ccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3e3e3 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e3e3e3 0%,#ccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e3e3e3 0%,#ccc 100%); /* IE10+ */
	background: linear-gradient(top, #e3e3e3 0%,#ccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

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

Не пропустите, это тоже интересно!

22 коммент.]]> http://stafox.ru/kak-sdelat-drevovidnye-kommentarii-bez-plagina/feed/ 22 Как продать ссылку в тегах WordPress http://stafox.ru/kak-prodat-ssylku-v-tegax-wordpress/ http://stafox.ru/kak-prodat-ssylku-v-tegax-wordpress/#comments Wed, 08 Feb 2012 12:49:27 +0000 Stafox http://stafox.ru/?p=1484
Прежде чем начать писать этот пост, я решил поискать нет ли чего похожего — вроде бы не нашёл, поэтому могу с радостью заявить, что в этом посте я «палю тему».

Вы наверняка уже знаете, что большинство блоггеров, зарабатывают на своих детищах, различными способами. Один из этих способов — продажа ссылок в статьях, которой я успешно пользуюсь. Я использую две биржи GoGetLinks и GetGoodLinks, цена ссылки на первой бирже зависит от тИЦ, на второй — от PR. За февраль я уже успел заработать $38. Но сейчас не об этом.

Речь пойдёт о второй бирже. Здесь у Вас есть шанс получить с молодого сайта до $10 за ссылку, т.к. PR каждой страницы разный. PR «морды» (главной страницы) обычно самый высокий. К примеру PR главной страницы моего блога уже 2 (снизился на 1 после апдейта), PR внутренних страниц от 0 до 2. Большая часть статей имеет PR равный 0 или 1, и только одна статья имеет PR=2. Но в WordPress есть страницы из облака тегов, PR которых почему-то в большей мере от 1 до 2, правда пользы от них никакой не было, до недавних пор. Мне на бирже предложили разместить ссылку на странице с PR=2 за $11. После этого я решил попробывать продать ссылку со страницы тега, и у меня всё получилось. Всё не так сложно, как может показаться на первый взгляд.

Первое, что нужно сделать — это добавить три функции, в файл functions.php Вашей темы.

function my_RegexpEscape($str)
{
return preg_quote($str, '/');
}
function my_getpageurl($url, $n) {
if ($url == '/') return $url;
else {
if ($_SERVER['QUERY_STRING']) $page = preg_replace(array('/^\//', '/\/?\?'.my_RegexpEscape($_SERVER['QUERY_STRING']).'$/'), array('',''), $url).'/';
else $page = preg_replace(array('/^\//', '/\/?\??$/'), array('',''), $url).'/';
$arr = explode('/', $page);
return $arr[$n-1];
}
}
function print_link($n, $tag, $link, $description, $page = 0) {
if((my_getpageurl($_SERVER["REQUEST_URI"], $n) == $tag) && ($page == 0) && ((my_getpageurl($_SERVER["REQUEST_URI"], $n+1) == ""))) printf('<div style="display:block;padding:10px;width:580px;">'.$description.'</div>', $link);
elseif (($page != 0) && (my_getpageurl($_SERVER["REQUEST_URI"], $n+2) == $page)) printf('<div style="display:block;padding:10px;width:580px;">'.$description.'</div>', $link);
}

Функция print_link имеет следующие входящие параметры: $n — уровень вложенности страницы, например страница http://stafox.ru/tag/css/ имеет уровень вложенности 2, а http://stafox.ru/contacts/ — 1. $tag — имя страницы. $link — html-ссылка. $decription — околоссылочный текст, место где нужно вставить ссылку указываем с помощью %s, $page — номер страницы, необязательный аргумент, по умолчанию равен 0, задаётся, если необходимо оставить ссылку, к примеру, на второй странице.
Второе — это создать файл links.php со следующим кодом:

<?php
$number++;
$link1='<a href="http://stafox.ru/tag/html/">лекции HTML</a>';
$description1='Вы решили выучить HTML? Сделать это быстро Вам помогут %s от Stafox\'a.';
if($number==1) print_link(2, "cpp", $link1, $description1);
?>

И поместить его в папку с темой.
Условие 

if($number==1)

указывает, что ссылка будет выводится перед первым постом.

Последнее что остаётся, это заменить в файле archive.php код

<?php
while (have_posts()) : the_post();
?>

на 

<?php
while (have_posts()) : the_post();
include("links.php");
?>

Теперь Вы можете продавать ссылки в категориях, в архивах и в тегах, как это делаю я на странице тега cpp.

Немного подправил функцию print_link(), теперь, можно разместить ссылку даже на второй странице тега или рубрики. В этом случае код будет выглядеть так:

$link="html-ссылка";
$description="текст слева от ссылки %s текст справа от ссылки";
if($number==1) print_link(2, "html", $link, $description, 2);

Не пропустите, это тоже интересно!

5 коммент.]]> http://stafox.ru/kak-prodat-ssylku-v-tegax-wordpress/feed/ 5