-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Медведь, тут был? http://forum.htmlbook.ru/index.php?s=&...st&p=123229
-
Проблема с фоном и осветлением вокруг элемента
psywalker replied to themailz's question in HTML Coding
Есть решение, дать подзатыльник дизайнеру, за то что он тебе всю тему запорол своим косяком, причём такую подлянку сделал неприятную я бы сказал, теперь думать будешь 10 лет, как исправить -
Проблема с фоном и осветлением вокруг элемента
psywalker replied to themailz's question in HTML Coding
в фотошопе открываешь верхний фон - слои - дальше справа в меню должна быть галочка "Непрозрачный"(типа того) и ставишь такую, которая тебе нужна -
А вот теперь медведь ты обязан сдаться http://psywalker.ru/Forum/Column/main6.html
-
Clayton Да чтобы такого добиться, нужно сидеть не покладая рук над этим сайтом, наверное всё время только ему и посвящать. rus Я понимаю дружище, просто и правда раньше такого даже в голову не приходило, и соответственно опыта ровно 0. А вообще идею чувствую нужно воплощать в жизнь Иван Шумов Есть сэр! Отдельно хочу сказать мужикам: Правда запарили уже, хватит мериться письками, у меня всё равно длиннее B)
-
Такой тебе пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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: 0; margin: 0;} body{background:url('/n.gif') fixed no-repeat;} /* Нужно что-бы блок <div class="fixed"> был: 1. Всегда прижат к правому верху даже при прокрутке 2. position: fixed даже при прокрутке 3. Вобщем точно так же, как и в Файрфоксе, так же должно быть и в ИЕ6 */ html, body { height: 100%;} div.fixed { position: fixed; top: 0; right: 0; background: red; /*width: 200px;*/ width: 100%; height: 100px; _position: absolute; _top: expression(document.getElementsByTagName('html')[0].scrollTop+'px'); } div.fixed2 { position: fixed; left: 0; top: 100px; /*_top: expression(document.getElementsByTagName('html')[0].scrollTop+100+'px');*/ /*_height: expression(document.getElementsByTagName('html')[0].clientHeight-100-100+'px');*/ _top: expression(document.getElementsByTagName('html')[0].scrollTop+200+'px'); _height: expression(document.getElementsByTagName('html')[0].clientHeight-20-200+'px'); bottom: 100px; width: 200px; background: red; _position: absolute; z-index: 2; } div.wrap { margin-right: 250px;} </style> </head> <body> <div class="fixed2">FIXED</div> <div class="fixed">FIXED</div> <div class="wrap"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> </body> </html>
-
sigma77 Ну и отлично, главное сверстай как сможешь, это уже хорошо
-
Тоесть если это отнести к моей теме, то можно сказать, что я могу дать дорогу другим людям(как бы ученикам), а сам остаться на месте?
-
Нет, это просто я постоянно туплю, как обычно, тыж меня знаешь медведь А я вот кстати наоборот люблю минимальные высоты, и считаю это более правильным подходом
-
Проблема с фоном и осветлением вокруг элемента
psywalker replied to themailz's question in HTML Coding
а нельзя сделать чуть по прозрачнее верхний градиент, что бы через него просвечивался узорчатый фон? -
Проблема с фоном и осветлением вокруг элемента
psywalker replied to themailz's question in HTML Coding
Я вот одного не пойму, к чему такие трудности, ведь верхний слой полупрозрачный,а значит через него полюбому будет просвечиваться фон, почему так не устраивает? Если я правильно понял, ты хочешь чтобы Общий фон(сиреневый, узорчатый) накладывался НА верхний градиентный полупрозрачный фон, а НЕ наоборот? -
Я к сожалению не владею JS, а так бы помог с удовольствием
-
Иван Шумов подробнее прости некуда Понял Вань, спасибо Lionel Отлично, ты ещё один человек, который верит в меня, спасибо AMD Вот насчёт времени не знаю, как бы оно не резиновое, но я подумываю пополнять блок не каждый день например, а время от времени, может когда именно будет время. А насчёт того, что люблю ли я помогать новичкам, думаю тебе ответят люди на этом форуме и мои 3000 постов sigma77 Спасибо, рад слышать, что люди так обо мне отзываются, значит я не зря стараюсь
-
при печати кажется надо pt использовать, но можно и пиксели вроде, странно что есть проблемы
-
Тоесть ты не любишь ставить на боди минимальную ширину? Но ведь в этом примере она так и так будет минимальной того размера, который центральный контейнер wrap?
-
ну так нас никто не торопит, правда ведь
-
Поясни пожалуйста Вань и ты тоже плиз можешь поподробнее
-
Да,но с мин-виф значит всё в порядке, но всё же обилие релатива и экспрешана не катит, да Мих,нужно искать чтото более приятное, вот у тебя кстати мне нравиться вариант правда
-
Смотри, сделал мин-виф и футер на месте http://psywalker.ru/Forum/Column/main5.html А вообще ты наверн прав, релативов навалом, и этот экспрешн ещё не в кассу блин.. но каркас стоит..хе-хе.. Ладненько, пока не сдаюсь p.s. - Ты написал, что кудато подевался бг при сужении экрана? Что ты имеешь ввиду?
-
Нет, нет, нет, так дело не пойдёт, этот подход в корне не верный. Во первых вот это убери, вообще оно тут не причём, это уже вчерашний день))) margin-bottom:-30000px; padding-bottom:30030px; Во вторых даю подсказку: В деле принимают участие: Абсолют, релатив и флоат
-
Хорошо Игорёк, спасибо, если что обращусь в общем к тебе за помощью А пока ещё нужно мнения послушать, интересно
-
Хорошо, а если он тупо её переделает под себя, тоесть весть текст перелопатит, а только смысл оставит, то ведь это уже не копирование считается?
-
А вот смотри, например ситуация: Я разместил у себя контент, какой нибудь трюк либо статью, и тут бац, ко мне просто в наглую зашёл другой блогер, скопировал его и поставил себе. И что я смогу сделать, в результате он и дальше будет подниматься, а я тупо топтаться на месте?
-
Ну ок, я уже сам думаю в сторону "Делать", но вот как быть с Дизом, Rss, и т. д.?