Удобен в настройках, минимум головняков с получением данных от сервера

имеем кнопку, внутри имеется текст с иконкой, в HTML будет выглядеть так:

<div class="button"><span>какой то текст</span></div>

для позиционирования текста внутри кнопки, лучше воспользоваться POSITION:

<style type="text/css">
.button {background: url() no-repeat 0 0; width: XXXpx; height: YYYpx;}
.button span {position: relative; top: 5px; left: 10px;}
</style>

это избавит вас от проблем в разных браузерах.

AddDefaultCharset utf-8
AddCharset utf-8 *
<IfModule mod_charset.c>
CharsetSourceEnc utf-8
CharsetDefault utf-8
</IfModule>

1. DD_belatedPNG fix от Drew Diller (ссылка)
2. Простой фикс для Джейквери, но можно использовать и без него, чуток переписав (ссылка)

1. DD_belatedPNG
работает только в ИЕ6, по этому делается проверка для его запуска:

if ($.browser.msie && $.browser.version=='6.0')
{
DD_belatedPNG.fix('.png_bg');
}

Сам фикс написан без использования jQuery , но вот, использовать его или нет мы определим с помощью jQuery (способ определения браузера можно найти в инете и без фреймворков)

2. Второй фикс использует джейквери:

$('.png').each(fixPngImage)

Примечание: рядом с классом PNG можно дописывать параметры фикса:  crop, image, scale для различных вариантов

Пример: <div class="myblockpng png crop"></div>

При использовании обоих, пишем так:

<SCRIPT type="text/JavaScript">
$(document).ready(function(){
	if ($.browser.msie && $.browser.version=='6.0')
		{
		DD_belatedPNG.fix('.skyitem');
		DD_belatedPNG.fix('.sky');
		$('.png2').each(fixPngImage);
		}
	});
</SCRIPT>

position: absolute

но, это не обязательно, можно указать

position: relative

при этом объект не будет выпадать из общего «списка» объектов страницы, не будет висеть как облако, при этом можно сделать футер

Оказывается, что бы размеры у объекта появились, надо просто дать ему свойство стиля

position: relative

И все, получается высоту или ширину теми же методами

удачи!

основные минусы которые я заметил:

1. Битрикс не для программистов, а для юзеров,по этому он такой сложный
2. Очень медленный, даже если учесть что часть работы происходит не с базой а с файлами
3. Слишком много всяких параметров у модулей, хотя это делает битрикс универсальной машиной

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

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

Имеются блоки, выделенные красной линией, их расположение (хотя бы части из них) можно задать просто координатами, т.е имеем HTML код (сразу скажу, что мой HTML код не будет совпадать с исходным кодом сайта примера):

<div class="logo"><A href="#"><img src="image" width="xxx" height="xxx" alt="«></a></div>

нам надо разместить данный блок как логотип, со смещением от начала верстки на 30 по ширине и 40 по высоте от начала верстки (верстка у нас статичная, и ширина сайта примерна 1000 пикселей) , делаем следующим образом:

div.logo {
position: absolute;
margin-left: 30px;
margin-top: 40px;
}

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

Если бы мы задали именно параметрами LEFT и TOP:

div.logo {
position: absolute;
left: 30px;
top: 40px;
}

наш логотип оказался бы на пустом фоне отдельно от всего дизайна, т.к. LEFT И TOP указывают координаты от левого-верхнего угла браузера его документа

таким образом, можно спозиционировать блок поиска:

div.search {
position: absolute;
margin-left: 650px;
top: 80px;
}

и другие блоки.

Но учтите, такой способ выбивает блоки из общего потока отображения блоков, т.е. задавая параметр POSITION: ABSOLUTE блок как бы начинает парить над всем остальным контентом, а все блоки, что были за ним в последовательности, просто напросто спрячутся под ним.

допустим есть у нас два блока в нашей левой колонке, которые мы сделали в уроке :

  <div class=»main">
	<div class="header"></div>
	<div class="left">
		<div class="block">привет</div>
		<div class="block"> пока </div>
	</div>
	<div class="right"></div>
	<div class="clear"></div>
	<div class="footer"></div>
  </div>

и код CSS

  .block {background: #fff; border: 1px solid black; margin: 20px; height: 150px}

видим что получилось:

блоки расположены друг за другом, но если добавить в первый блок стиль style="position: absolute", получим следующее:

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

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

Изменим наш предыдущий код на такой:

  <div class="main">
	<div class="header"></div>
	<div class="left"></div>
	<div class="right"></div>
	<div class="clear"></div>
	<div class="footer"></div>
  </div>

в этом коде у нас появился DIV «header» и DIV «footer»

добавим следующие классы в CSS:

.header {height: 150px; background: yellow}
.footer {background: black; height: 150px;}

вот и все, смотрим результат (я специально уменьшил высоту блока main до 500 пикселей что бы показать результат):

изменим наш HTML код до следующего вида:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.0 Transitional//EN»>
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <style type="text/css">
  body, html {width: 100%; height: 100%; margin:0px; padding:0px;}
  .main { width: 1000px; position: absolute; left: 50%; margin-left: −500px; height: 100%}
  .left {background: green;
  float: left;
  width: 240px;
  height: 100%;
  }
  .right {background: blue;
  float:right;
  width: 760px;
  height: 100%;
  }
  </style>
 </HEAD>
 <BODY>
  <div class="main">
	<div class="left"></div>
	<div class="right"></div>
  </div>
 </BODY>
</HTML>

Смотрим результат:

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

Так как у нас ширина сайта 1000 пикселей, мы четко можем задать размеры нашим колонкам, допустим, левая колонка у нас будет шириной 240 пикселей, ширина как уже всем известно задается параметром

width:240px

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

float: left — говорим блоку — прилипаем слева

далее указываем высоту блока, учтите, когда вы указываете высоту в процентах, автоматически браузером определяется высота в пикселях, но только при наличии высоты у родительского объекта, т.е. самого блока класса main

у нас получилось:

  .left {background: green;
  float: left;
  width: 240px;
  height: 100%;
  }

цвет фона — только для тестирования

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

float: right

получили описание блока:

.right {background: blue;
  float:right;
  width: 760px;
  height: 100%;
  }

вот и все

теперь у нас получились две колонки, которые отражены на скриншоте в начале статьи

у флоатов (float) есть такая «проблема», которая работает как магнит, вот мы описали float: left и float: right но теперь, что бы мы не добавили ниже этих блоков, например «подвал» (footer) он у нас не отобразится должным образом, для этого есть параметр:

clear:both — я обычно сразу со всех сторон очищаю «магнитизм», но в принципе можно указывать с какой стороны его убрать left|right

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

CSS:

.clear {clear:both}

HTML:

  <div class="main">
	<div class="left">left</div>
	<div class="right">right</div>
	<div class="clear"></div>
  </div>

т.е. мы добавляем линию 0 высоты дива классом «clear», которая очищает магнитизм, после чего мы с легкостью может добавить подвал

Задача:

Есть макет сайта, например:

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

Решение:

Для решения этой задачи сделаем в HTML следующий код:

<html>
<head>
<title>test</title>
</head>
<body>
<div class="main"></div>
</body>
</html>

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

Для того что бы изменить его ширину, просто указываем в CSS нужный параметр, я сразу же опишу все атрибуты стилей для данного блока, а потом каждый из них разберем, и так:

div.main {
width: 1000px;
position: absolute;
left: 50%;
margin-left: −500px;
top:0px;
/*debug*/
border: 1px solid red;
}

И так, рассмотрим что тут написано:

сразу же опущусь до последнего параметра «border: 1px solid red» — это DEBUG свойство, просто, что бы видеть результат

width: 1000px — это мы задали ширину блока, если делать поэтапно, используя DEBUG, мы увидим, что блок уменьшился до 1000 пикселей по ширине и примкнул к левому краю

position: absolute — даем блоку свободу движения

left: 50% — сдвигаем его на половину ширины экрана вправо, при этом блок у нас уйдет за экран на половину

margin-left: −500px — говорим блоку, сдвинуться на пол его ширины влево

top:0px — а это добавим,что бы блок был всегда приклеен к верху документа окна браузера.

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

function getIps()
{
$ips = isset($_SERVER['HTTP_X_FORWARDED_FOR']) ? $_SERVER['HTTP_X_FORWARDED_FOR'] : '';
preg_match_all('#(\d+\.\d+\.\d+\.\d+)#', $ips, $m);
$m[0][]=$_SERVER['REMOTE_ADDR'];
$ips = sizeof($m) ? implode(',',array_unique($m[0])) : '';
return $ips;
}

Сейчас эра безлимитных интернетов, по этому, закрытие сайтов для вас в принципе является не законной мерой, вы имеете право на информацию, в общем дерзайте

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

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

А еще пришлось юзать такую штуку как CUFON — это использование нестандартных шрифтов на сайте, механизм юзает CANVAS в браузерах. Штука интересная, но в принципе — бесполезная, да и нагружабельная сайт.

Еще пришлось трахаться, прости за выражение, с RoundCornerами, т.е. закругленными краями блоков, у мозилы все типтоп, для ИЕ юзается скрипт специальный, а для ОПЕРЫ ну ваще — SVG

В общем опыту поднабрался за последнюю халтуру — дофига)

package main
	{
	import flash.events.*;
	import flash.net.URLLoader;
	import flash.net.URLLoaderDataFormat;
	import flash.net.URLRequest;
	import flash.net.URLVariables;
	import flash.net.URLRequestMethod;
	import flash.system.Security;
	import com.adobe.serialization.json.JSON;
	public class api_loader
		{
		public var myXML:XML;
		private var defUrl:String = 'http://site.ru/api.php';
		private var req:URLRequest;
		private var loader:URLLoader;
		public var dataVars:XML;
		public var appParent;
		public const GET_GAME_DATA = 1;
		public const USER_LOGIN = 2;
		public const BUY_WORK = 3;
		public const CHECK_USER_BAN = 1000;
		private var myCallback:Function;
		function api_loader(owner)
			{
			this.appParent = owner;
			loader = new URLLoader();
			loader.addEventListener(Event.COMPLETE, completeHandler);
			}
		public function action(my_url:String, sendVars:URLVariables, callback:Function):Boolean
			{
			var url:String;
			if (my_url!='')
				{
				url = my_url;
				}
			else
				{
				url = defUrl;
				sendVars.rnd = Math.random();
				}
			req = new URLRequest(url);
			req.data=sendVars;
			req.method = URLRequestMethod.POST;
			trace('REQ: '+url);
			trace('VARS: '+sendVars);
			try
				{
				myCallback = callback;
				loader.load(req);
				}
			catch (error:Error)
				{
				trace("Unable to load URL: " + error);
				return false;
				}
			return true;
			}
		private function completeHandler(event:Event):void
			{
			var loader:URLLoader = URLLoader(event.target);
			var o:Object = JSON.decode(loader.data);
			trace(loader.data);
			this.myCallback(o);
			}
		}
	}

Использование:

var apiLoader = new api_loader();
var sendVars:URLVariables=new URLVariables();
sendVars.cmd = '_user';
apiLoader.action('',sendVars, function(data){
     trace('calback data '+data);
})

первый параметр — это не дефолтный урл, дефолтный указан в самом классе
второй — список параметров в формате URLVariables
третий — callback функция, которая выполнится после выполнения запроса

1. создать файл crossdomain.xml

2. содержимое файла:

<?xml version="1.0"?>
<cross-domain-policy>
<allow-access-from domain="*" />
</cross-domain-policy>

3. залить этот файл в корень сайта, к КОТОРОМУ обращается Flash приложение.

Этот файл, автоматически проверяется флеш приложением, если находится на удаленном, вызываемом сайте, читается, определяются правила, есть доступ или нет, и соответственно разрешает приложению работать с этим хостом.
Что-то на подобие htaccess Файла

Удачи

Процедура довольна простая:

Я — (ICQ# 496667)

1. Я (ICQ# 496667) занимаюсь поддержкой всей сети анонимайзеров;
2. Я (ICQ# 496667) занимаюсь устранением всех проблем с программным обеспечением и неполадками на арендованном мной сервере;
3. Плачу за этот сервер(dedicate);
4. Постоянно отслеживаю работоспособность всех скриптов;
5. Занимаюсь сменой IP адресов сети анонимайзеров, если какой-то из них будет кем-то ил ичем-то заблокирован;
6. Написал и разработал собственную биллинговую систему которая принимает к оплате исключительно SMS платежи, которая так же перейдёт к вам в пользование.

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

Смысл партнёрки такой, вы прицепляете в выданному мной через аську белому IP адресу свой существующий или только закупленный домен или под-домен и всё, более вам не надо ничего НИ ХОСТИНГА, НИ БЫТЬ ПОСТОЯННО В ОНЛАЙНЕ НИЧЕГО, ТО ТАКОГО, и главное НИКАКИХ ЗАТРАТ!

Дальше через пару минут у вас уже будет на сайте свой платный анонимайзер, готовый принимать и принимать деньги!

Сколько в сутки?

<200 посетителей в сутки по словам «анонимайзер вконтакте»,»бесплатный анонимайзер»,»лучший анонимайзер»,»новы анонимйзер» и т.п. будет нести вам 100рублей в сутки это как правильно и уже основано на моей собственной статистике! Чем больше народа вы загоняете на сайт по тематике анонимайзер вконтакте, тем больше приход у вас в сутки денег!

Что я (ICQ# 496667) буду с этого иметь? С этого иметь я буду 50% от всех SMS купленных через ваш сайт.

Вопрос: Не много ли тебе будет 50%?

Ответ: нет конечно не много, потому что если вы делаете это сами, то первое – платите ежемесячно 8000 рублей за дедикате сервер, второе – вообще пишите биллинговую систему и подрубаете SMS биллинг, настраиваете сервак, меняете постоянно IP на новые и т.п. сидите в онлайне 27/7

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

В любом случае на моей партнёрке можно оттестировать свой заработок и если он вдруг превысит 10000 то спокойно можно откупать своё, но тоже стоит ли? При 10000 в месяц 8000 вы отдаёте и получаете те же 2000р, так что тут надо задуматься, а всякие издержки на админов сервера?

Выплаты происходят 5 числа за прошедший месяц, то есть один раз в месяц.

Так что это на много круче сапы, ведь сапа не платит за трафик а тут как раз зависит всё от трафика, чем больше трафика идёт к вам на сайт тем больше вы получаете.

Моя партнёрка не претендует на какую то глобальную, но на ней можно заработать 100%.

Вот сайты которые уже подключены к данной партнёрка и у каждого сайта доход уже больше >1500 ежемесячно на руки!

http://anonymizer.gphp.ru
http://anonymizer.ekalady.ru

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

Так что, если уж точно хотите попасть на сайт, который не открывается — анономайзер в руки!