Leaderboard

А что, нельзя более оригинальным путем пойти? Как свадебный салон, так все сразу виньетки и деко используют. Включайте воображение. Развиваем фантазию дальше - бросаем на плоскость снятое во время первой брачной ночи свадебное платье, подвязку, лифчик от Calzedonia (например). Получаем на выходе оригинальный, запоминающийся образ сайта.

Полезные книги по дизайну, видео и обработке фотографий. http://adobe-education.ru/materials/teaching_materials_adobe_in_russian.php Сами книги держал в руках, оставляют очень приятное впечатление. По ссылке представлены их цифровые копии, они бесплатны для скачивания, написаны на хорошем русском языке и содержат оригинальный подход к обучению, который у нас в школах не практикуется. Если коротко, то это проектная работа, направленная на создание портфолио.

Могу выложить музыкальную подборку под которую работаю

Тьфу ты непереношу всплывающие окна в любом формате от них у меня noscript

мне очень помогает с аяксом и JS вообще вот эта книга. Если немного знакомы с этим языком, то там быстро найдёте решения своих задач. Кстати, всем рекомендую данный сайт как источник любой компьютерной литературы. Любые технологии там представлены. Сорри

Пример Пример 2 - кроссбраузерный.

меню с лева не айс. если бы списки вложенные раскрывались динамически, без перехода по страницам, было бы круче. не выделен текущий пункт (местонахождение). Может стоит покороче названия категорий? а то хлебная крошка совсем не крошка, буханка какая-то. пункт меню разделить попробовать горизонтальными линиями, а то и вправду сливается, как уже было сказано до меня. Ещё несколько долго страницы грузятся. Возможно это субъективное ощущение, от осознания того что это битрикс ОФФтоп: девушек бы по-милее, старушку нафик, отпугивает. хотя ЦА сайта не мужская, очевидно, им надо показывать их самих. консультантка в окулярах тоже отпугивает. ещё подметил баг или фичу: кремы в кремах.

На JS можно автоматом картинку в бакраунд засовывать, а саму её прятать.

Вроде таблицы/ячейки не могут лишь быть точкой отсчета для позиционирования (что порой реально бесит, а так абсолютному потомку без разницы, что в его предках числится таблица — он всё равно позиционируется от ближайшего позиционированного предка (или от body, как повезет). Поэтому проблем быть не должно, если только не потребуется позиционировать весь список (тогда нужна дополнительная обертка). Единственный нюанс — ширина, display:table по умолчанию не растягивается на доступное пространство, так что может понадобиться еще width:100% (а при наличии бордеров/паддингов — box-sizing: border-box c нужными префиксами вдобавок). Если ошибаюсь — прошу меня поправить.

Вооо, откопал свою старинную вёрстку. Когда ещё на емах верстал. Будет желание, зацени http://psywalker.ru/SAITS/Himik/main-page.html

em это такая единица измерения в CSS.

1. Да, так. Судя по всему, баг вебкита (достаточно давний). 2. Судя по всему, аналогично . Багом бага убиваем. Возможно, при display:table движок воспринимает строку блоков внутри как "что-то вроде table-cell", в каких-то FF до 3.6, если я ничего не путаю, был похожий баг. 3. Похоже, нет. Letter-spacing, как выясняется, по большому счету тут вообще не при делах. за межсловные (и, соответственно, межэлементные) пробелы отвечает word-spacing, но он, увы, не фурычит в вебкитах (см. п. 1). Во всём остальном, включая старые IE, похоже, работает. А для вебкитов есть два выхода — либо (inline-)table для контейнера (плюс 100% ширины, если надо), либо этот самый letter-spacing (впридачу к word-spacing-у)... В общем, резюмируя: word-spacing: -.25em работает во всех браузерах (с подавляющим большинством шрифтов) для display:inline и во всех, кроме вебкитов — для display:inline-block (но есть лазейки, как вебкитов "укротить").

Не обойтись. Вот простой скриптик, украденный у самизнаетекого. <span onclick="document.getElementById('block').style.display=document.getElementById('block').style.display=='none'?'block':'none'">Текст, который будет скрывать/открывать</span> <div id="block" style="display: none;"> Содержимое блока </div> Если с jQuery, то можно попроще и поизящнее: <span onclick="$('#block').toggle('')">Текст, который будет скрывать/открывать</span> <div id="block" style="display: none;"> Содержимое блока </div> display: none елси вы об этом. Про выпадающее меню знаю, но про подобное нет о_О

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

Добрый всем день. Сделал сайт, сделал с помощью Smartresponder.ru скрипт для всплывающего окна с рассылкой. Все разместил все работает все супер. НО!!! Проблема в следующем не могу сделать так, что бы это всплывающее окно отображалось только на главной странице. Гуглил, читал пытался но ничего не помогло. Подскажите кто что знает, как люди выходят с такой ситуации???? Спасибо за любую помощь. Вот сайт http://milanakutsenko.ru/ если вдруг нужно. Вот сам скрипт который размещен перед закрывающем тегом </body>: <!-- SmartResponder.ru PopOver code (begin) --> <script language="javascript" type="text/javascript" src="popover.js"></script><div id="SR_PopOverModalBackground" style="display: none; background-color:#000; filter: alpha(opacity=0); height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0;"></div><span style="margin: 0; padding: 0; width: 700; height: 300; position: absolute; left: 100; right: 0; display: none;" id="SR_PopOver"><table cellspacing="0" cellpadding="0" width="700" height="300"><tr><td rowspan="2" colspan="2" width="693" height="293" style="border: 1px solid #0000cc"><table cellspacing="0" cellpadding="3" width="100%" height="100%" bgcolor="#873a5f"> <tr valign="middle" bgcolor="#cc0033"><td onMouseDown="popover_drag_start(event, this, 'SR_PopOver')" width="100%" align="left" style="font-family: Verdana; font-size: 14pt; color: #ffffff; font-style: italic;">ПОДПИШИТЕСЬ НА БЕСПЛАТНЫЙ КУРС "Притяни К Себе Удачу!"</td><td align="right"><table cellspacing="0"><tr><td style="padding: 0 3 0 3; background-color: #cc0033; font-family: Verdana; font-size: 10pt; color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 2px solid #696969; border-right: 2px solid #696969;" onClick="popover_close2('SR_PopOver')" onMouseOver="this.style.cursor='pointer'" onMouseOut="this.style.cursor='default'">X</td></tr></table></td></tr><tr><td colspan="2" style="font-family: Verdana; font-size: 10pt; color: #000000;" align="center" valign="middle" height="100%"><!-- SmartResponder.ru subscribe form code (begin) --><script language="javascript" type="text/javascript"> function SR_IsListSelected(el) { for (var i = 0; i < el.length; i ++) if (el[i].selected || el[i].checked) return i; return -1; } function SR_trim(f) { return f.toString().replace(/^[ ]+/, '').replace(/[ ]+$/, ''); } function SR_submit(f) { f["field_name_first"].value = SR_trim(f["field_name_first"].value); f["field_email"].value = SR_trim(f["field_email"].value); if ((SR_focus = f["field_name_first"]) && f["field_name_first"].value.replace(/^[ ]+/, '').replace(/[ ]+$/, '').length < 1 || (SR_focus = f["field_email"]) && f["field_email"].value.replace(/^[ ]+/, '').replace(/[ ]+$/, '').length < 1) { alert("Укажите значения всех обязательных для заполнения полей (помечены звездочкой)"); SR_focus.focus(); return false; } if (!f["field_email"].value.match(/^[\+A-Za-z0-9][\+A-Za-z0-9\._-]*[\+A-Za-z0-9_]*@([A-Za-z0-9]+([A-Za-z0-9-]*[A-Za-z0-9]+)*\.)+[A-Za-z]+$/)) { alert("Некорректный синтаксис email-адреса!"); f["field_email"].focus(); return false; } return true; } </script> <form style="margin: 0; padding: 0;" name="SR_form" target="_blank" action="http://smartresponder.ru/subscribe.html" method="post" onsubmit="return SR_submit(this)"><input type=hidden name=version value="1"><input type=hidden name=tid value="0"><input type=hidden name=uid value="99293"><input type=hidden name=lang value="ru"> <table width="240"> <tr><td style="padding: 5px; border: 1px solid #873a5f;background-color: #873a5f;" align=center><table cellspacing=1 cellpadding=2 align=center> <tr><td><input type=hidden name="did[]" value="96128"></td></tr> <tr><td style="font-family: Verdana; font-size: 14pt; color: #ffffff;" align="right">Ваше имя: <font color="#ff0000"><b>*</b></font></td></tr> <tr><td align="right"><input type=text size="20" style="font-family: Verdana; font-size: 14pt; color: #000000; background-color: #ffffff; " name="field_name_first" value=""></td></tr> <tr><td style="font-family: Verdana; font-size: 14pt; color: #ffffff;" align="right">Ваш e-mail: <font color="#ff0000"><b>*</b></font></td></tr> <tr><td align="right"><input type=text size="20" style="font-family: Verdana; font-size: 14pt; color: #000000; background-color: #ffffff; " name="field_email" value=""></td></tr> <tr><td align="center"><input name="SR_submitButton" type=submit style="font-family: Verdana; font-size: 14pt; color: #ffffff; background-color: #cc0033;" value="ПОЛУЧИТЬ КУРС"></td></tr> </table></td></tr></table></form><!-- SmartResponder.ru subscribe form code (end) --></td></tr></table></td><td width="7" height="7"></td></tr><tr><td bgcolor="#cccccc" height="286"></td></tr><tr><td width="7" height="7"></td><td width="686" bgcolor="#cccccc"></td><td bgcolor="#cccccc"></td></tr></table></span><script language="javascript" type="text/javascript"> function SR_startPopOver() { popover_set_margins(5, 5, 5, 5);popover_slide('SR_PopOver', 'centerUp', 'centerCenter', 200, 1, '#000000');} function onloadFunction(){window.setTimeout(SR_startPopOver, 1000);}window.onload = onloadFunction;document.body.onload = onloadFunction;document.onload = onloadFunction;</script> <!-- SmartResponder.ru PopOver code (end) -->