Блог Интернет Технологий http://bitby.net ..web-разработка | дизайн | программирование.. Mon, 22 Jun 2009 10:11:56 +0000 http://wordpress.org/?v=2.7.1 en hourly 1 http://feeds.feedburner.com/bitby?format=skin5231http://creativecommons.org/licenses/by/2.0/http://creativecommons.org/licenses/by/2.0/http://creativecommons.org/images/public/somerights20.gifSome Rights Reservedbitbyhttp://feedburner.google.comSubscribe with My Yahoo!Subscribe with NewsGatorSubscribe with My AOLSubscribe with BloglinesSubscribe with NetvibesSubscribe with GoogleSubscribe with PageflakesSubscribe with PlusmoSubscribe with Live.comSubscribe with Excite MIX?????? ? ??????.?????Subscribe with Podcast ReadySubscribe with fwickiBlog Internet Technology Обстоятельство дел, в жизне блогов http://feedproxy.google.com/~r/bitby/~3/RaIeoVGm_gs/ http://bitby.net/life/blog/obstoyatelstvo-del-v-zhizne-blogov/#comments Mon, 22 Jun 2009 10:11:56 +0000 vanoID http://bitby.net/?p=1561 d0b1d0b5d0b7d0b8d0bcd0b5d0bdd0b8-1Что хочу сказать, друзья. Блоги — это сакс. Я имею в виду случай, когда человек заводит несколько блогов в надежде все их раскрутить и поднять «чертову кучу денег».
Куда все смотрят, когда начинают делать блог? Ага, на крутых перцев, у которых под 4к подписчиков, которые, судя по всему, гребут миллионы на рекламе (хотя никто этого точно не знает, а они не говорят, но делают загадочный вид — отсюда и подобные слухи).

А на деле? Например, те из моих читателей, у которых 5 подписчиков, читают меня мега-монстром. Я раньше тоже так считал. Думал примерно так: «Мне бы хоть до 200 дойти, а потом я всем жопу-то порву». Но… Сейчас мое мнение изменилось на 180 градусов. И дело вот в чем.
Есть у нас тут «звезды» блогосферы (манимейкерской). Пальцем показывать не буду, ибо устал уже. Так вот у этих «звезд» покупают рекламу не за показатели их блогов. *рать рекламодатели хотели с высокой башни. Они покупают там рекламу конкретно из-за этих людей. То есть сначала нужно стать очень крутым и знаменитым, а потом уже можно будет грести хорошие деньги.
Причем «крутым и знаменитым» — это действительно крутым и знаменитым. Пока я искал рекламу, мне было довольно сложно доказать, что мой блог не *овно, а я не баран. Зато создай Маул, например, нулевой блог и объяви, что этого второй блог — к нему сразу кинутся рекламодатели в очередь.
Ну и понятно, что крутые и знаменитые в один отрезок времени (ближайшая жизнь) будут только одни. Можно пробиться, да сложно. А если кто-то пробился, то следующему будет еще тяжелее.
Недавно я болел такой сухопутной болезнью: хотел сделать 10 крутых белых блогов, раскрутить их и поднимать с каждого по паре «белых» тысяч рубле (на рекламе, например). И на днях этим переболел. Если у кого-то есть такая идея в голове, я сейчас объясню почему это плохо и глупо.
Самое главное, наверняка вы специалист в какой-то одной области. Нельзя быть крутым в манимейкинге, игре на гитаре, финансах и программировании, например. Я вот действительно крут только в программировании. В сео уже на троечку (если не двоечку с плюсом), в манимейкинге на троечку-четверочку (из пяти). Но ведь чтобы раскрутиться нужно казаться профессионалом в своей области! А чтобы казаться, нужно им быть — рерайт чужих статей тут не поможет.
То есть, ни у кого не хватит свежих мыслей на 10 блогов. Зато вас точно заметят, если в одно блоге будет 10 свежих мыслей.
Дальше. Само «обеливание». Это как происходит (для тех, кто не знает)? Создали блог, решили, что он достаточно крут, пошли искать рекламодателя. Тыкаемся в разные фирмы и попрошайничаем: а не хотите ли разместить баннерок?... «Не хотим», как правило. Некоторые вообще не отвечают. Плюс цены придумываются на ходу. Например на этот блог у меня за баннер сначала было 60$ (при 200 подписчиках), потом 40, потом 50, потом 30, сейчас опять 50. Это при том, что показатели-то постоянно росли. Я «рос» вместе с блогом и понимал, что немного нагло просить такие деньги за такой блог, цены менялись, потом я опять жадничал и т.п.
Найти рекламодателей на 20 баннеров — это надо быть Буддой или курить травку — слишком уж нервное дело, да и вообще никто не говорит, что получится. Например, один парень полгода размещал у меня баннер, а потом отказался. Я тогда, помню, как раз очень надеялся на денюжку от него (нужно было оплачивать хостинги, вебмани были по нулям), он отказался и я забегал, как говорится, кругами.
Для себя я сделал вывод: один хороший и крутой блог лучше, чем 10 блогов в 10 раз хуже. А поднять все 10 до состояния «крутого» точно не получится (я попытался и понял, что если начну писать в другой блог, я заброшу этот, мне просто нечего будет писать сюда).

]]> http://bitby.net/life/blog/obstoyatelstvo-del-v-zhizne-blogov/feed/ http://bitby.net/life/blog/obstoyatelstvo-del-v-zhizne-blogov/ Структура документа. Часть 2. Практика http://feedproxy.google.com/~r/bitby/~3/SdG7OgfXwg4/ http://bitby.net/web/html-c-nulya/struktura-dokumenta-chast-2-praktika/#comments Mon, 08 Jun 2009 07:31:23 +0000 WebMast http://bitby.net/?p=1545 Структура документа. Часть 2. Практика
В предыдущей статье я писал о основных тегах, которые обязательны на html странице. Сегодня мы закрепим эти знания на практике.

Все html документы начиются с одного и того же тега. И это, конечно, <html>.

<html>
</html>

То что мы объявили нашу страницу html страницей, не значит что все самое главное уже сделано. Нам еще предстоит много работы...

Сразу за тегом html следует head и body. Для начала разберемся с head. Так как html у нас тег-родитель, то head мы помещаем внутрь его. Вот, как это будет выглядеть:

<html>
<head>
</head>
</html>

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

<html>
<head>
</head>
<body>
</body>
</html>

Если вам все понятно, то вы молодец ; ). Если вам еще трудно понять, не растраивайтесь...

Ну, раз основной каркас сделан, стоит его наполнить.
Вот вам, в помощь, статья, в которой описаны все вспомогательные теги.

Разбираемся с тегом head. Прежде чем что-то делать, стоит объявить кодировку страницы, которую браузер будет выбирать для вашей страницы. В этом нам поможет тег meta

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> — Устанавливаем кодировку.
<meta name="author" content="WebMast (aka Жлобо Евгений)"> — Устанавливаем автора документа. Не обязательно.
Так же у параметра name есть аргументы description, keywords. Они предназначены в основном для SEO.

Теперь, нам нужно вставить на страницу тег meta, внутрь родителя. Однако это уже не html... Для тега meta, родителем является head. Вот, как все должно выглядеть:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
</body>
</html>

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

<title>Добро пожаловать на мою первую страницу</title>

Для этого тега, родителем является head, следовательно title (заголовок), слудет помещать внутрь head'a. Но после кодировки. Вот:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Добро пожаловать на мою первую страницу</title>
</head>
<body>
</body>
</html>

Еще все понятно? Вы просто супер =). Конечно, тег head, может содержать внутри себя еще много разных тегов. Но то что я привел вам сегодня, вам хватит.

Теперь, нужно чтобы на странице был виден какой-либо текст. Body, в дословном переводе означает «тело». Поэтому, все содержимое будет оставлять внутри этого тега. Можем написать туда просто текст и он будет показан на станице.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Добро пожаловать на мою первую страницу</title>
</head>
<body>
Привет всем!
</body>
</html>

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

]]> http://bitby.net/web/html-c-nulya/struktura-dokumenta-chast-2-praktika/feed/ http://bitby.net/web/html-c-nulya/struktura-dokumenta-chast-2-praktika/ Верстаете ли вы под IE6 http://feedproxy.google.com/~r/bitby/~3/S8zhWNJzeto/ http://bitby.net/life/verstaete-li-vy-pod-ie6/#comments Thu, 04 Jun 2009 10:29:52 +0000 WebMast http://bitby.net/?p=1543 Доброго время суток уважаемые посетители нашего блога. В последнее время, наш блог испытывал творческий кризис. Будем исправляться.

Процент использования IE6 упал, но хватает ли этого, чтобы не исправлять баги в верстке для этого браузера?

Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.

Спасибо за внимание!

]]> http://bitby.net/life/verstaete-li-vy-pod-ie6/feed/ http://bitby.net/life/verstaete-li-vy-pod-ie6/ Таймер «Самоконтроль» http://feedproxy.google.com/~r/bitby/~3/mQlZEp4KftA/ http://bitby.net/news/tajmer-samokontrol/#comments Tue, 26 May 2009 21:17:21 +0000 vanoID http://bitby.net/?p=1540 Недавно случайно наткнулся где-то на одно классное изобретение софтверной продукции. Что-то вроде аналога шахматных часов (и правда, как оказалось, сделано по их подобию).

Это таймер, который может показать Вам — сколько Вы работали, а сколько отдыхали. Кликаем на «безделье», и тикает «время отдыха». Кликаем на «работа» и тикает «время работы». Как замерять, понятно сразу — пошли пить кофе, нажали на «безделье», открыли HTML-редактор — нажали на «работа», открыли игрушку — нажали на «безделье», анализируете ключевики в Яндексе — нажали на «работа».
Если действительно нажимать на «безделье» всегда, когда Вы делаете не-работу, то к концу дня показатели часов могут Вас неприятно удивить.
Отличная идея и приятная реализация. Кстати, подсказываю. Перетащить таймер можно, зажав на нем среднюю кнопку мышки или колесико (я сначала очень ругался, что он посередине экрана).
Скачать его можно здесь. (внимание параноикам! сейчас буду усиливать вашу паранойю в три-четыре, а может и пять раз! оказалось, что таймер «долбится» на один из инет-адресов; по заверениями автора (из комментариев) это для того, чтобы отслеживать популярность программы; я тут ни при чем, если что)
Теперь о контроле. Сразу скажу — я этим не пользовался, но идея в целом неплохая. Нужно, чтобы время отдыха не было больше, чем половина времени работы. Например проработали 6 часов, отдохнули 3. Проработали 9 часов, отдохнули 4 (вообще это «обычный» график на обычной работе — с 9 до 6 и потом отдых).
Еще этот таймер просто хорошо ездит по мозгам и когда время «безделья» начинает казаться каким-то очень уж большим (как правило 2+ часа), не получается спокойно сидеть на попе. Особо стойкие, конечно, продолжат ;-)

]]> http://bitby.net/news/tajmer-samokontrol/feed/ http://bitby.net/news/tajmer-samokontrol/ Иконки от Смешн Мэгэзин http://feedproxy.google.com/~r/bitby/~3/Y2WHOdMF3Ho/ http://bitby.net/design/icons/ikonki-ot-smeshn-megezin/#comments Wed, 20 May 2009 08:24:39 +0000 WebMast http://bitby.net/?p=1535 smashing

Smashing Magazine вновь порадовал всех. Вышла замечательная подборка, спасибо им...

Количество: 34.
Размер: 512×512.
Файлы: .png, .ico, .icns.

Часть лицензия:

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

Скачать с нашего сайта | Источник

Спасибо!

]]> http://bitby.net/design/icons/ikonki-ot-smeshn-megezin/feed/ http://bitby.net/design/icons/ikonki-ot-smeshn-megezin/ Динамическое вертикальное меню http://feedproxy.google.com/~r/bitby/~3/BWISikLWnj4/ http://bitby.net/programming/java/dinamicheskoe-vertikalnoe-menyu/#comments Sat, 09 May 2009 07:53:49 +0000 vanoID http://bitby.net/?p=1531 Динамическое вертикальное менюЭто простой урок, расскажет Вам, как с помощью минимальных знаний в области CSS и HTML а так же JavaScript, можно создать вертикальное меню, с вложенными разделами.

Итак, для создания меню нам понадобиться:

1. Изображение

right

2. CSS и JavaScript код

CSS

<style type="text/css">
/*Credits: Динамическое Вертикальное Меню */
/*URL: http://bitby.net/ */
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}

.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>

JavaScript

<script type="text/javascript">
//By : http://bitby.net/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>

Теперь html кодом выводим меню

<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="http://bitby.net/">Пункт 1</a></li>
<li><a href="#">Пункт 2</a></li>
<li><a href="#">Папка 1</a>
<ul>
<li><a href="#">Подпункт 1.1</a></li>
<li><a href="http://bitby.net/">Подпункт 1.2</a></li>
</ul>
</li>
<li><a href="#">Пункт 3</a></li>

<li><a href="#">Папка 2</a>
<ul>
<li><a href="#">Подпункт 2.1</a></li>
<li><a href="#">Папка 2.1</a>
<ul>
<li><a href="#">Подпункт 2.1.1</a></li>
<li><a href="#">Подпункт 2.1.2</a></li>
<li><a href="#">Подпункт 2.1.3</a></li>
<li><a href="#">Подпункт 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Пункт 4</a></li>
</ul>
</div>

Демо

Вертикальное Меню

P.S.

Затем, можно все взять в какой-нибудь красивый блок с закругленными краями, но это уже будет как говориться совсем другая история ;-)

]]> http://bitby.net/programming/java/dinamicheskoe-vertikalnoe-menyu/feed/ http://bitby.net/programming/java/dinamicheskoe-vertikalnoe-menyu/ Декодирование php кода, методом ROT13 http://feedproxy.google.com/~r/bitby/~3/qcXom_msy6M/ http://bitby.net/life/blog/ubiraem-kopirajt-v-futere-shablona-wordpress/#comments Tue, 28 Apr 2009 09:43:22 +0000 vanoID http://bitby.net/?p=1523 Декодирование php кода, методом ROT13Из-за большого количества разногласий, которы Вы написали мне в ICQ и на E-mail я немного перефразирую суть данной статьи.
Если Вам нужно раскодировать какой-либо кусок кода, который зашифрован при помощи ROT13 [преобразование ROT13 заключается в простом сдвиге каждой латинской буквы на 13 позиций в алфавите, остальные символы не изменяются] так же, это пособие подойдет для тех, кто хочет закодировать свой кусок кода от несанкционированного изменения авторских прав.

В качестве примера, декодирования кода, я буду использовать шаблон для WordPress, после чего, я все удалю и авторские права остануться защищены, а буду делать лишь это в качестве своего удовольствия. :)

Итак, файл footer.php -который и содержит наш злополучный код с ссылками. Если просто удалить его, получаем вот это:

This theme is released under creative commons licence, all links in the footer should remain intact

Да... очень не приятно.

В этом файле меняем текст на нужный нам. Я ограничился своим доменным именем.

Открываем файл functions.php.

Видим там, например вот это:

eval(str_rot13('shapgvba purpx_sbbgre(){$y=\'uers="uggc://serrjbeqcerffgurzrf.eh/" gvgyr="\';$s=qveanzr(__SVYR__).\'/sbbgre.cuc\';$sq=sbcra($s,\'e\');$p=sernq($sq,svyrfvmr($s));spybfr($sq);vs(fgecbf($p,$y)==0){rpub \'Guvf gurzr vf eryrnfrq haqre perngvir pbzzbaf yvprapr, nyy yvaxf va gur sbbgre fubhyq erznva vagnpg\';qvr;}}purpx_sbbgre();'));
eval(str_rot13('shapgvba purpx_urnqre(){vs(!(shapgvba_rkvfgf(«purpx_shapgvbaf»)&&shapgvba_rkvfgf(«purpx_s_sbbgre»))){rpub(\'Guvf gurzr vf eryrnfrq haqre perngvir pbzzbaf yvprapr, nyy yvaxf va gur sbbgre fubhyq erznva vagnpg\');qvr;}}'));

Обратное преобразование выполняется той же функцией.

<?
function rotate($string, $n) {
$length = strlen($string);
$result = '';
for($i = 0; $i < $length; $i++) {
$ascii = ord($string{$i});
$rotated = $ascii;
if ($ascii > 64 && $ascii < 91) {
$rotated += $n;
$rotated > 90 && $rotated += −90 + 64;
$rotated < 65 && $rotated += -64 + 90;
} elseif ($ascii > 96 && $ascii < 123) {
$rotated += $n;
$rotated > 122 && $rotated += −122 + 96;
$rotated < 97 && $rotated += -96 + 122;
}
$result .= chr($rotated);
}
return $result;
}
$enc = rotate('shapgvba purpx_sbbgre(){$y=\'uers="uggc://serrjbeqcerffgurzrf.eh/" gvgyr="\';$s=qveanzr(__SVYR__).\'/sbbgre.cuc\';$sq=sbcra($s,\'e\');$p=sernq($sq,svyrfvmr($s));spybfr($sq);vs(fgecbf($p,$y)==0){rpub \'Guvf gurzr vf eryrnfrq haqre perngvir pbzzbaf yvprapr, nyy yvaxf va gur sbbgre fubhyq erznva vagnpg\';qvr;}}purpx_sbbgre();', 13);
echo "Encoded: $enc
\n";
echo 'Decoded: ' . rotate($enc, -13);
?>

На выходе в итоге получаем примерно следующее:

Encoded: function check_footer(){$l='href="http://freewordpressthemes.ru/" title="';$f=dirname(__FILE__).'/footer.php';$fd=fopen($f,'r');$c=fread($fd,filesize($f));fclose($fd);if(strpos($c,$l)==0){echo 'This theme is released under creative commons licence, all links in the footer should remain intact';die;}}check_footer();
Decoded: shapgvba purpx_sbbgre(){$y='uers="uggc://serrjbeqcerffgurzrf.eh/" gvgyr="';$s=qveanzr(__SVYR__).'/sbbgre.cuc';$sq=sbcra($s,'e');$p=sernq($sq,svyrfvmr($s));spybfr($sq);vs(fgecbf($p,$y)==0){rpub 'Guvf gurzr vf eryrnfrq haqre perngvir pbzzbaf yvprapr, nyy yvaxf va gur sbbgre fubhyq erznva vagnpg';qvr;}}purpx_sbbgre();

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

if(strpos($c,$l)==0)
{echo 'This theme is released under creative commons licence, all links in the footer should remain intact'; die;}

Теперь все.

]]> http://bitby.net/life/blog/ubiraem-kopirajt-v-futere-shablona-wordpress/feed/ http://bitby.net/life/blog/ubiraem-kopirajt-v-futere-shablona-wordpress/ Векторные иконки On-Stage http://feedproxy.google.com/~r/bitby/~3/-BV2kb9AWDs/ http://bitby.net/design/icons/vektornye-ikonki-on-stage/#comments Wed, 22 Apr 2009 17:00:01 +0000 WebMast http://bitby.net/?p=1511 Векторные иконки On-Stage

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

Количество: 49.
Размер: 128×128.
Файлы: .png, .psd.

Как видите, предоставлен еще и PSD формат. Что дает вам возможность исправлять их под свои нужды.

Кстати, распространяются они полностью бесплатно.
Скачать с нашего сайта | Зеркало

]]> http://bitby.net/design/icons/vektornye-ikonki-on-stage/feed/ http://bitby.net/design/icons/vektornye-ikonki-on-stage/ [drupal] модификация модуля book http://feedproxy.google.com/~r/bitby/~3/6dy1oc7z2YY/ http://bitby.net/programming/php/drupal-modifikaciya-modulya-book/#comments Mon, 20 Apr 2009 12:20:22 +0000 vanoID http://bitby.net/?p=1497 Модификация модуля BOOKСейчас делаю еще один сайт на Drupal. Для организации каталога статей я решил в этот раз использовать модуль Book, т.е. он проще для понимания (наполнять буду не я один). И все там классно-расчудесно, кроме того, что в главном меню при клике на один из пунктов подшивки открывается вложенный список прямо в меню. А если статей 200, то и меню на сайте сразу получится из 200 пунктов.

Как это убрать? В админке я ничего не нашел, поэтому полез в код.

Редактируем файл book.module. Строка 196:

$book_menus[$book_id] = menu_tree_output(menu_tree_all_data($node->book['menu_name'], $node->book));

Меняем на:

$book['in_active_trail'] = FALSE;
$pseudo_tree[0]['link'] = $book;
$book_menus[$book_id] = menu_tree_output($pseudo_tree);

Готово.

]]> http://bitby.net/programming/php/drupal-modifikaciya-modulya-book/feed/ http://bitby.net/programming/php/drupal-modifikaciya-modulya-book/ План «Заработать Деньги» http://feedproxy.google.com/~r/bitby/~3/YgrI0BukjSQ/ http://bitby.net/life/idea/plan-zarabotat-dengi/#comments Sun, 12 Apr 2009 07:05:37 +0000 vanoID http://bitby.net/?p=1484 Статьи, про идеи которые помогут заработать денегиНемного введения

Все время задавался вопросом, чтобы такое сделать, чтобы оно тихо и мирно самостоятельно существовало, но в тоже время приносило постоянную прибыль. Пообщавшись с некоторыми моими знакомыми маркетологами, знал что неплохо можно подзаработать при создании саттелитов. Поясню, для тех кто не знает: Саттелит — это сайт создаваемый специально для заработка на биржах ссылок/баннерных системах/контекстной рекламе. Т.е. это сайты зачастую создаваемые для индексации поисковиков (Y&G) и как показывает практика они узко специализированные, например сайт ремонта двигателей VW Passat и т.д.

В чем заключается мой план?

Итак, я собираюсь создать для пробы сеть саттелитов порядка 10−20, с уникальным контентом и заточенную под Сапу, создать порядка 10−15 страниц для первой индексации, потом обновлять примерно 2−3 раз в неделю, чтобы поисковики видели, что это не мертвый сайт, а вполне обновляемый ресурс. Вы, наверное, спросите и сколько же на начальном этапе, я буду получать от одного такого сайта? По моим подсчетам, если сайт (даже нулевой, т.е. ТиЦ и PR=0) с индексом страниц = 30−40 будет получать от 0.5−1$, теперь простая математика 20*0,7=14$ это самая минимальная сумма в сутки, а если потом нарастить пузомерку (т.е. показатели сайта) и т.д. вполне приличная сумма получается.

Первые шаги

Первый Саттелит сделан и поставлен на один российский сервак, он полностью написан на html, и оптимизирован под поисковики, имеет узкую специализацию и набит уникальными статьями. Собираюсь дождаться индесации сайта и подать заявку в sape, по мере продвижение дел буду Вас информировать.

]]> http://bitby.net/life/idea/plan-zarabotat-dengi/feed/ http://bitby.net/life/idea/plan-zarabotat-dengi/ Тень у резинового блока средствами CSS, HTML http://feedproxy.google.com/~r/bitby/~3/BSEt9y0Tz6A/ http://bitby.net/design/web-design-design/ten-u-rezinovogo-bloka-sredstvami-css-html/#comments Fri, 10 Apr 2009 05:33:18 +0000 WebMast http://bitby.net/?p=1443 css_html_block

Недавно задался вопросом, как сделать тень у резинового блока. Думаете все просто? Нарисовал картиноки все? Нет. Блок резиновый, значит тень тоже резиновая.

Все что мне пригодилось, это photoshop, редактор, браузер, руки и голова. Надеюсь у вас это все есть...

Так как я верстальщик, а не дизайнер, я не рисовал тень. Мне пришлось ее нарезать. Стал еще один вопрос, как верстать? Заказчик говорит дивами... Ну я и начал делать. Сейчас покажу вам все свои варианты.

1. Слоями.

Вам пригодятся следующие картинки.
1, 2, 3, 4

.roundbox-tr {
margin:15px auto;
padding:0;
background:url(«roundbox_tr.gif») no-repeat right top;
width: 90%;
}/* top-left corner and left side */
.roundbox-tl {
margin:0;
padding:0;
background: url(«roundbox_tl.gif») no-repeat left top;
}

/* bottom-right corner and bottom side */
.roundbox-br {
margin:0;
padding:0;
background: url(«roundbox_br.gif») no-repeat right bottom;
}

/* bottom-left corner */
.roundbox-bl {
margin:0;
padding:0;
background: url(«roundbox_bl.gif») no-repeat left bottom;
}

/* content div, it could be omitted (the content going into «roundbox-bl» but I felt that alinging the content was easier
with «roundbox-content» in place */
.roundbox-content {
margin:0;
padding:2.5em 3.5em;
}

.roundbox-content p {
margin:0;
padding:0;
line-height:1.6;
}
/* roundbox CSS ends here */

<div class="roundbox-tr">
<div class="roundbox-tl">
<div class="roundbox-br">
<div class="roundbox-bl">
<div class="roundbox-content">
<p>Текст внутри блока</p>
</div>
</div>
</div>
</div>
</div>

Вот пример. В примере вы не увидите теней, однако картинки можно заменить на другие, с тенями.

У этого варианта есть недостатки. Грузить придется большие картинки. Либо устанавливать максимальную ширину и высоту. Не считаю этот метод идеальным...

2. Слоями с абсолютным позитионированием.

Здесь понадобится 8 картинок. Следовательно много кода. Это большой минус...
1, 2, 3, 4, 5, 6, 7, 8

#block{
position:relative;
margin:auto;
width:50%;
}
.t-l{
height:5px;width:5px;
position:absolute;left:0;top:0;
background:url('t-l.png') no-repeat top left;
}
.t-r{
height:5px;width:5px;
position:absolute;right:0;top:0;
background:url('t-r.png') no-repeat top right;
}
.b-l{
height:5px;width:5px;
position:absolute;left:0;bottom:0;
background:url('b-l.png') no-repeat bottom left;
}
.b-r{
height:5px;width:5px;
position:absolute;right:0;bottom:0;
background:url('b-r.png') no-repeat bottom right;
}
.top{
background:url('bg-t.png') repeat-x top;
}
.top{
background:url('bg-t.png') repeat-x top;
}
.top{
background:url('bg-t.png') repeat-x top;
}
.bottom{
background:url('bg-b.png') repeat-x bottom;
}
.left{
background:url('bg-l.png') repeat-y left top;
}
.right{
background:url('bg-r.png') repeat-y right top;
padding:8px;
}
<div id="block">
<div class="t-l"></div>
<div class="t-r"></div>
<div class="b-l"></div>
<div class="b-r"></div>
<div class="top">
<div class="bottom">
<div class="left">
<div class="right">
Текст внутри блока!
</div>
</div>
</div>
</div>
</div>

Кода много. Самый главный минус. Еще, при некоторых случаях, код некорректно отображается в IE.
Смотреть пример.

3. Таблица.

Таблицы. На таблицах можно смело делать, они всегда будут правильно передавать изображение блока во всех браузерах.

Начнем. При таблицном вариант также придется использовать 8 картинок.

#block{
margin:auto;
width:50%;
}
.t-l{
height:5px;width:5px;
background:url('t-l.png') no-repeat top left;
}
.t-r{
height:5px;width:5px;
background:url('t-r.png') no-repeat top right;
}
.b-l{
height:5px;width:5px;
background:url('b-l.png') no-repeat bottom left;
}
.b-r{
height:5px;width:5px;
background:url('b-r.png') no-repeat bottom right;
}
.top{
background:url('bg-t.png') repeat-x;
}
.bottom{
background:url('bg-b.png') repeat-x;
}
.left{
background:url('bg-l.png') repeat-y;
}
.right{
background:url('bg-r.png') repeat-y;
}
.text{
padding:8px;
}
<table id="block" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="t-l"></td>
<td class="top"></td>
<td class="t-r"></td>
</tr>
<tr>
<td class="left"></td>
<td class="text">
Текст внутри блока.
</td>
<td class="right"></td>
</tr>
<tr>
<td class="b-l"></td>
<td class="bottom"></td>
<td class="b-r"></td>
</tr>
</table>

Таблицами кода получилось немного меньше. И этот вариант работает во всех браузерах...
Посмотреть пример.

Каким примером пользоваться решаете вы сами. Существует много вариантов решения таких проблем. Но каждый для своего случая. Спасибо за внимание...

]]> http://bitby.net/design/web-design-design/ten-u-rezinovogo-bloka-sredstvami-css-html/feed/ http://bitby.net/design/web-design-design/ten-u-rezinovogo-bloka-sredstvami-css-html/ Скрипт времени/часов на JavaScript http://feedproxy.google.com/~r/bitby/~3/Raju19GUmag/ http://bitby.net/web/skript-vremenichasov-na-javascript/#comments Wed, 08 Apr 2009 19:38:38 +0000 vanoID http://bitby.net/?p=1451 9) ? "« + Value : „0“ + Value; } function StartClock24() { [...]]]> javascript_clock_bitbynet

Выполняя заказ, заказчику нужно было сделать вывод системного времени (время из ОС, причем не только Windows) на страницы сайта.

Скрипт написан на Java, выводится через input, итак — поехали :)

Сам скрипт, который помещается между <head>...</head>:

<script type="text/javascript"><!--
function showFilled(Value) {
return (Value > 9) ? "« + Value : „0“ + Value;
}
function StartClock24() {
TheTime = new Date;
document.clock.showTime.value = showFilled(TheTime.getHours()) + „:“ + showFilled(TheTime.getMinutes()) + „:“ + showFilled(TheTime.getSeconds());
setTimeout(„StartClock24()“,1000)
}
// --></script>

Стиль, для инпута (input), который можно вписать либо в таблицу стилей (если она используется) либо, просто между тегами ...:

.input {
border-style: none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:8pt
}

Выводим форму часов:

<span style=»text-decoration: underline;"><span style="font-family: Arial, sans-serif; font-size: medium;">Простой Java скрипт часов</span></span>

<form enctype="application/x-www-form-urlencoded" method="get">
<input class="input" name="showTime" size="8" type="text" />

Смотрим, что получилось. Кстати, приглашаем Вас на нами созданный форум для web-разработчиков, на котором вы можите получить любую консультацию по разработке сайтов, дизайне, продвижению и просто поделится опытом!

]]> http://bitby.net/web/skript-vremenichasov-na-javascript/feed/ http://bitby.net/web/skript-vremenichasov-na-javascript/ [опрос]: Каким браузером вы пользуетесь? http://feedproxy.google.com/~r/bitby/~3/JUu9Es7L_wk/ http://bitby.net/news/opros-kakim-brauzerom-vy-polzuetes/#comments Thu, 02 Apr 2009 16:50:45 +0000 WebMast http://bitby.net/?p=1440 Вот мне интересно, каим же всетаки браузером вы пользуетесь?

Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.

Оставьте комментарий о своем браузере, пожалуйста.

]]> http://bitby.net/news/opros-kakim-brauzerom-vy-polzuetes/feed/ http://bitby.net/news/opros-kakim-brauzerom-vy-polzuetes/ Блог для стартапа http://feedproxy.google.com/~r/bitby/~3/payz2a7dGVE/ http://bitby.net/startup/blog-dlya-startapa/#comments Wed, 25 Mar 2009 17:31:45 +0000 vanoID http://bitby.net/?p=1430 Блог для стартапа

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

Большинство блогов для разработки стартапа создается на WordPress, созданный на поддомене того же сайта. К примеру blog.site.ru или startup.site.ru. Реже бывает, что такой блог располагается на другом домене или на бесплатной блоггерской платформе.
Я хочу рассказать о некоторых плюсах подобных блогов.
1. Сам по себе такой блог, если его вели с начала разработок, может стать пособием по созданию стартапа. Конечно, если в нем все подробно описано. Такая «литература» бесценна для разработчиков, сеошников, манимейкеров — для всех, кто делает сайты.
2. Позволяет установить более дружеский и тесный контакт с пользователями.
3. Если написано в юмористическом ключе, то такой блог может быть интересен пользователю сам по себе.
4. То, что пользователи могут учавствовать в развитии сайта и выбирать его следующие улучшения очень круто: если сам проект хоть сколько-то интересен пользователю, он останется с ним (и из-за того, что сможет как бы приложить руку к его развитию тоже).
5. Блог, собственно, все равно становится самостоятельным сайтом, а значит с него тоже может быть доход, на него тоже могут быть ссылки и т.п.
6. Исходя из пункта 5: он помогает пиарить сам ресурс.
7. Для создателей стартапа: мотивирует их работать над ресурсом. Пообещали что-то в блоге? Нельзя сорвать сроки.

]]> http://bitby.net/startup/blog-dlya-startapa/feed/ http://bitby.net/startup/blog-dlya-startapa/ Бесплатные векторные иконки от iconeden «Milky» http://feedproxy.google.com/~r/bitby/~3/ODcc9ihbtwU/ http://bitby.net/design/appearance/besplatnye-vektornye-ikonki-ot-iconeden-milky/#comments Tue, 24 Mar 2009 18:42:04 +0000 WebMast http://bitby.net/?p=1425 milky

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

Размер: 48×48, 64×64.

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

Все иконки остаются в собственности IconEden.com. Иконки могут быть использованы бесплатно по лицензии для любых личных или коммерческих проектов, включая веб-приложений, веб-дизайн, программное обеспечение, мобильные приложения, документы, презентации, компьютерные игры, реклама, кино, видео.

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

Лицензия не позволяет следующих применений:

1. Иконки не могут быть перепроданы.
2. Значки не могут быть размещены на любой электронной доске объявлений или загружаемом формате;

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

Все иконы файлы предоставляются «как есть». Вы согласны не проводить IconEden.com ответственность за любые убытки, которые могут возникнуть в результате использования или невозможности использования, иконки или изображения из IconEden.com.

Milky.zip (~2.4 МиБ)

Отзывы о иконках приветствуются.

]]> http://bitby.net/design/appearance/besplatnye-vektornye-ikonki-ot-iconeden-milky/feed/ http://bitby.net/design/appearance/besplatnye-vektornye-ikonki-ot-iconeden-milky/ Масштабируемая картинка на фоне сайта или резиновый фон http://feedproxy.google.com/~r/bitby/~3/2qlsUAqWwPo/ http://bitby.net/web/masshtabiruemaya-kartinka-na-fone-sajta-ili-rezinovyj-fon/#comments Sun, 22 Mar 2009 14:00:09 +0000 WebMast http://bitby.net/?p=1418 Масштабируемая картинка на фоне сайта или резиновый фон

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

Картинка на фоне должна сужаться и растягиваться по мере изменения окна браузера. Каркас из двух колонок. Минимальная ширина 1000px. Это все мы рассмотрим сегодня.

Задаем position absolute и картинке и самому контенту. Затем с помощью z-index помещает фон вниз, а все остальное наверх.

Делаем див, внутри которого будет лежать фоновая картинка.

<div id="fon">
<img src="fon.jpg" alt="« />
</div>
#fon{
height:100%;
width:100%;
z-index:1;
min-width:1000px;
max-width:1600px;
}
#fon img{
height:100%;
width:100%;
position:absolute;
}

Теперь див со всем остальным содержимым.

<div id=»page">
<div class="sid">
<div class="trans"></div>
<div class="text">
Боковая колонка (sidebar)
</div>
</div>
<div class="note">
<div class="trans"></div>
<div class="text">
Страница (page)
</div>
</div>
<ul id="menu">
<li><a href="#">Главная</a></li>
<li style="border:0 !important;"><a href="#">О компании</a></li>
</ul>
</div>
#page{
position:absolute;
top:0;bottom:0;right:0;left:0;
z-index:100;
}
.note{
border:1px solid #ddd;
margin:2% 7% 0 0px;
width:55%;
float:right;
min-height:500px;
height:auto !important;
height:500px;
position:relative;
}
.trans{
background:#fff;
opacity:0.4;
position:absolute;
height:100%;
width:100%;
}
.text{
position:relative;
padding:10px;
}
.sid{
border:1px solid #ddd;
margin:2% auto 0 7%;
width:23%;
float:left;
position:relative;
min-height:500px;
height:auto !important;
height:500px;
}
ul#menu{
position:absolute;
bottom:5%;
left:10%;
font-size:px;
}
#menu li{
float:left;
list-style:none;
width:200px;
text-align:center;
border-right:1px solid #333;
}
#menu li a{
text-decoration:none;
color:#fff;
border-bottom:1px dashed transparent;
}
#menu li a:hover{
text-decoration:none;
color:#fff;
border-bottom:1px dashed #ddd;
}

Вот... Что у нас вышло, можно посмотреть тут: size-fon.html.

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

За картинку спасибо: http://www.htmllancer.tu2.ru/.

]]> http://bitby.net/web/masshtabiruemaya-kartinka-na-fone-sajta-ili-rezinovyj-fon/feed/ http://bitby.net/web/masshtabiruemaya-kartinka-na-fone-sajta-ili-rezinovyj-fon/ Иконки для веб от команды Icojoy http://feedproxy.google.com/~r/bitby/~3/dhUEkXnJjIM/ http://bitby.net/design/appearance/ikonki-dlya-veb-ot-komandy-icojoy-2/#comments Mon, 16 Mar 2009 09:31:08 +0000 WebMast http://bitby.net/?p=1413 Меня осенила мысль. А что если собрать все иконки в один архив? Вот я и решил оставлять каждый новый обзор о той или иной коллекции.

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

Как видите из обзора, иконки очень замечательные. Всем веб-разработчикам советую... Они точно пригодятся.

Количество: 60
Размер: 24×24
Файлы: .png, .ico, .tif, .gif, .bmp
Цвета: цветные с тенью и без тени, с серым оттенком и полупрозрачные

Иконки в форматах .bmp и .gif оптимизированы под светлый фон.

Скачать с нашего сайта | Зеркало

]]> http://bitby.net/design/appearance/ikonki-dlya-veb-ot-komandy-icojoy-2/feed/ http://bitby.net/design/appearance/ikonki-dlya-veb-ot-komandy-icojoy-2/ Минимизация расходов на рекламу сайта http://feedproxy.google.com/~r/bitby/~3/IX6qbl6aLrk/ http://bitby.net/seo/minimizaciya-rasxodov-na-reklamu-sajta/#comments Sun, 15 Mar 2009 17:26:25 +0000 vanoID http://bitby.net/?p=1395 1223832015Вот уже порядка полу года весь Мир ощущает влияние кризиса, на увелечение безработицы, уменьшения зароботных плат и тому подобное.
С изменением мирового сообщества, нужно меняться и самому, максимально минимизировать затраты, которы вы тратили на раскрутку сайта, дабы получать максимальный КПД от сайта.

Анатолия Вивденко, написал доклад, в котором, он описывает приемы, которые помогут вам минимизировать расходы на рекламу своего сайта в интернете. Довольно любопытная тема, в докладе она хорошо и подробно раскрыта.

Содержание доклада:
Реклама в книгах
• Книги с возможностью добавления рекламных блоков
• Книги с возможностью вставки партнерских ссылок
• Книги с возможностью добавления своих отзывов
Реклама в блогах
• Публикация своих статей
• Комментарии в блогах
Реклама в рассылках
• Реклама в личных письмах
• Организация собственной рассылки
• Рассылка RSS-ленты сайта
Реклама на форумах
• Создание новых тем форума
• Участие в обсуждениях тем
Рекламная площадка
Сервис рекламы
RSS каналы сайтов
• Рассылка RSS-ленты сайта
• Каталоги RSS
• RSS-лента как источник информации
Реклама в каталогах статей
Реклама в каталогах сайтов
• Сервис 1PS.RU
• Сервис AutoReg
• Рекомендации по регистрации сайтов
Список сайтов
Об авторе

Скачать .pdf | Скачать .zip

]]> http://bitby.net/seo/minimizaciya-rasxodov-na-reklamu-sajta/feed/ http://bitby.net/seo/minimizaciya-rasxodov-na-reklamu-sajta/ ВКонтакте для продвинутых http://feedproxy.google.com/~r/bitby/~3/hDUUgLx95mc/ http://bitby.net/nash-blog/vkontakte-dlya-prodvinutyx/#comments Thu, 12 Mar 2009 17:26:52 +0000 WebMast http://bitby.net/?p=1367 vkontakteБолезнь вконтакта все больше и больше поражает мир. Другими словами ВКонтактоманы...

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

Note: There is a poll embedded within this post, please visit the site to participate in this post's poll.

«ВКонтакте» — одна из двух известных социальных Интернет-сетей в рунете. Этот сетевой проект помогает людям поддерживать связь с близкими людьми. «ВКонтакте» называют аналогом американской сети FaceBook. Сайт стал первым по посещаемости в России, обогнав Mail.ru, социальную сеть Odnoklassniki.ru, «Яндекс» и Rambler (по данным сервиса Alexa.com на начало 2008 года). А по итогам 2007 года проект «ВКонтакте» признан лидером народного голосования «Премии Рунета — 2007».

Если вы ВКонтактоман, вам будет очень полезна эта рубрика...

]]> http://bitby.net/nash-blog/vkontakte-dlya-prodvinutyx/feed/ http://bitby.net/nash-blog/vkontakte-dlya-prodvinutyx/ Именной емейл от namemail.ru http://feedproxy.google.com/~r/bitby/~3/Y-_u0XOpHv4/ http://bitby.net/news/imennoj-emejl-ot-namemailru/#comments Mon, 09 Mar 2009 08:00:41 +0000 Egoholic http://bitby.net/?p=1359 logoДавно я уже не писал на БитБай, но сегодня все-таки набрался смелости и решил написать.
В этом коротком посте, я хочу поведать вам об отличном сервисе namemail.ru, который позволяет:
1) Создать именной емейл типа: pupkinu@vadimu.ru
2) Вылаживать свои фотографии, получать на них комментарии и комментировать фото других пользователей.
3) Вести персональный блог.
Все эти сервисы предоставляются бесплатно, от чего на душе становится еще теплее, как говорится: «Что бесплатно — то приятно!».
Единственное, что портит малину — это ограниченное число именных емейлов, мне с моей популярной фамилией очень повезло, т.к. я зарегистрировался довольно рано. Если все-таки, интересующий вас именной емейл занят — вы можете создать обычный и пользоваться им на здоровье =)

О качестве емейла, могу сказать только хорошее, проблем с ним не возникало, спам не приходит и вообще, мне кажется, что наша с ним дружба на веки!
На этом все! Успехов!

Интересное в блогах:

Отличная статья на тему мобильный маркетинг, SMS — маркетинг, Bluetooth — маркетинг.

]]> http://bitby.net/news/imennoj-emejl-ot-namemailru/feed/ http://bitby.net/news/imennoj-emejl-ot-namemailru/