botyaslonim
User-
Posts
240 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Calendar
Store
Everything posted by botyaslonim
-
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
Кстати, да. У меня со смартфона та же шняга выводится. Что не так сделал? Код посмотрите, если не трудно. Вроде UTF-8 указал. -
Исправил.
-
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
Супер! Спасибо! -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
Ок. А назвать своё имя - чем плохо? Или приветствие какое. -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
Veseloff, спасибо за развёрнутый ответ! Вопрос по скриншоту: это какой браузер и какое разрешение? И ещё вопрос: что плохого в том, чтобы поздороваться-представиться на заглавной странице своего персонального сайта? Почему это очень плохо? -
Всё готово, смотрите результат http://www.maksimslepov.ru/oskolki.html upd. В IE не работает
-
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
Благодарю! Сайт из резюме снёс. Буду работать в более правильном направлении. -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
А, кстати, зачем модальное окно на JS, а не простой линк? В чём смысл? -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
Предполагается, что на сайт работодатель заходит после просмотра резюме, так как ссылка на сайте - в теле резюме, которые, в свою очередь, размещены на сайтах по поиску работы. Цель сайта - показать, что я владею некоторым арсеналом верстальщика. Отсюда - перегруженность и излишняя размазанность. -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
А что, можно и так попробовать. -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
Спасибо большое за примеры! Насколько уместно будет пользоваться чужими шаблонами, если претендуешь на должность верстальщика? Получается, просто копипастишь чужую работу? -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
По делу можно? Что значит "не получается?" Применительно к вёрстке хотелось бы услышать. Дизайн не трогаем, я не претендую. Блоки разъезжаются? При изменении разрешения экрана всё рассыпается? Ссылок не видно? Курсор-поинтер не работает? Спрайт не получился? Валидацию не проходит? Что конкретно? Мне всего меньше хотелось бы слышать рассуждения про мою судьбу, мне это вряд ли интересно Поскольку ресурс тематический, хотелось бы услышать мнение о технической стороне. -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
Вообще, есть обычное резюме, на том же hh.ru А работодателю предлагается ознакомиться с этим сайтом для того, чтобы работодатель понял, как у меня получается делать сайты. Часто просят показать примеры своих работ. Сайт является приложением к резюме. Отсюда и всякие финтифлюшки навроде спрайтов или a:hover. Ещё по делу можно? position:absolute - чем вредно? И ещё по делу: в каком браузере комментарии и портфолио не закрываются? А смысл? Устраиваться верстальщиком и при этом просить кого-то сделать за себя сайт? -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
А по делу? -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
Ну ладно, если правила не нарушаю, то вот: http://www.maksimslepov.ru Под мегакосяком я имею ввиду не только ошибки вёрстки, но и смысловые, культурные и т.д. В общем, поэтому и интересует в первую очередь мнение людей, которые берут других на работу. -
А Есть На Форуме Работодатели (вёрстка, Контент)?
botyaslonim replied to botyaslonim's topic in Discussion of works
Есть личный сайт-визитка. Сделал специально для будущих работодателей. Рассылаю предложения ознакомиться. Работодатели заходят (на hh.ru есть такая опция, можно отследить), но после ознакомления молчат. Причём даже те работодатели, которым должно по профилю должности за глаза хватить моих навыков. Поэтому у меня родилось подозрение, что, может быть, на сайте какой-то мегакосяк есть, который я не вижу, а другие - видят. Есть небольшие недоработки + в IE6 плохо отображается. Но в целом, на мой скромный взгляд, более-менее прилично... Адрес в личку отправил. Буду рад, если жёстко покритикуете. Лучше сразу хорошо сделать, чем получать отказ за отказом. -
Это авторский код, я просто margin не трогал. Впрочем, оно и не нужно.
-
delete, разобрался
-
Я хочу, чтобы одна картинка при наводке на неё курсора разлеталась на части, а потом снова собиралась. Это уже можно сделать при помощи большого количества картинок (один осколок == одна картинка), но хочется уменьшить число обращений к серверу, то есть разбабахать одну картинку спрайтом.
-
Ну вроде получилось. Не могу только сообразить, как CSS-спрайт прикрутить. Поможете? <!doctype html> <html> <head> <title>test</title> <script type="text/javascript" src="prototype.js"></script> </head> <body> <div id=lga> <style> body{ overflow:hidden } #hplogo { position:relative; width:1000px; margin:30 30; left:200px; top:200px; height:400px; } .particle { position:absolute; z-index:-1 } .circle { -moz-border-radius:160px; -webkit-border-radius:160px; -khtml-border-radius:160px; border-radius:160px } #cpf,#sbl,#fctr { background:transparent } p {font-family:tahoma;font-size:40px;} </style> <div id=hplogo></div> </div> <script> (function() { try { doodle={}; var a=200,g=-200,j=-200,k,l,m,n=0,o=0,p=0,q=35,r,ballz=[],container,isie,inited; doodle.init=function(cont) { if(!inited) { inited=true; if(container=document.getElementById(cont)) { start_observe(); create_ballz(); } } }; var start_observe=function() { document.observe("mousemove",mouse_move_process) } , mouse_move_process=function(event) { a=200; g=event.clientX-container.offsetLeft; j=event.clientY-container.offsetTop } , position=function() { return[isie?window.screenLeft:window.screenX,isie?window.screenTop:window.screenY,document.body.clientWidth] } , create_ballz=function() { isie=false;//!(!Prototype.Browser.IE || (Prototype.Browser.IE&& parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5)) == 9)); ballz=[ newball(0,0,50,"url('http://www2.hiren.info/desktopwallpapers/thumb/green-farm-and-blue-sky.jpg')"), newball(0,100,50,"url('http://www2.hiren.info/desktopwallpapers/thumb/green-farm-and-blue-sky.jpg')"), newball(0,200,50,"url('http://www2.hiren.info/desktopwallpapers/thumb/green-farm-and-blue-sky.jpg')"), newball(0,300,50,"url('http://www2.hiren.info/desktopwallpapers/thumb/green-farm-and-blue-sky.jpg')"), newball(0,400,50,"url('http://www2.hiren.info/desktopwallpapers/thumb/green-farm-and-blue-sky.jpg')"), newball(100,100,50,"url('http://www2.hiren.info/desktopwallpapers/thumb/green-farm-and-blue-sky.jpg')"), ]; var b=position(); k=b[0]; l=b[1]; m=b[2]; update() } , update=function() { var b=position(),c=b[0],d=b[1]; b=b[2]; n=c-k; o=d-l; p=b-m; k=c; l=d; m=b; a=Math.max(0,a-2); c=true; for(d=0;b=ballz[d++];) { b.update(); if(c)c=b.i } q= c?250:35; r=window.setTimeout(update,q) } , newball=function(b,c,d,h) { return new ball(b,c,d,h) } , ball=function(b,c,d,h) { this.x=this.o=b; this.y=this.p=c; this.k=this.h=d; b=15; this.a=b*(Math.random()-0.5); this.c=b*(Math.random()-5); this.l=3+Math.random()*98; this.r=0.1+Math.random()*1.2; this.e=0; this.g=1; this.i=false; this.d=document.createElement('div'); this.d.className='particle'; this.style=this.d.style; if(isie) { this.d.innerHTML="!"; this.style.fontFamily="Monospace"; this.style.backgroundImage=h; this.style.fontSize="100px"; this.style.lineHeight=0; this.style.cursor="default" } else { //this.d.className+=" circle"; this.style.backgroundImage=h } container.appendChild(this.d); this.remove=function() { container.removeChild(this.d) }; this.update=function() { this.x+=this.a; this.y+=this.c; this.a=Math.min(50,Math.max(-50,(this.a+(n+p)/this.h)*0.92)); this.c=Math.min(50,Math.max(-50,(this.c+o/this.h)*0.92)); var e=g-this.x,f=j-this.y,i=Math.sqrt(e*e+f*f); e/=i; f/=i; if(i< a) { this.a-=e*this.l; this.c-=f*this.l; this.e+=(0.005-this.e)*0.4; this.g=Math.max(0,this.g*0.9- 0.01); this.a*=1-this.g; this.c*=1-this.g } else { this.e+=(this.r-this.e)*0.005; this.g=Math.min(1,this.g+0.03) } e=this.o-this.x; f=this.p-this.y; i=Math.sqrt(e*e+f*f); this.a+=e*this.e; this.c+=f*this.e; this.k=this.h+i/8; this.i=i< 0.3&&this.a< 0.3&&this.c< 0.3; if(!this.i) { if(this.k) { if(!isie) this.style.width=this.style.height=this.k*2+"px"; this.style.left=this.x-(isie?20:0)+"px"; this.style.top=this.y+"px" } } } } } catch(exc){ alert(exc); }; })(); doodle.init("hplogo"); </script> <p> УРА! </p> </body> </html>
-
Нужно задать пару вопросов. На работу не прошусь, если что
-
Очень маленькие буквы в колонках. Должно быть какое-то равновесие между картинками и словами, а тут перекос, имхо.
-
А можно показать, где там дивы? В смысле, там генерятся эти шарики. У каждого свои координаты, согласен. Но прописать координаты - час-два работы. Я вчера для одного проекта переделал пример из первого поста так, чтобы было слово "УРА!". Заняло как раз два часа очень неспешного труда Меня просто интересует вполне конкретная вещь: как вместо массива ballz подставить другой массив, скажем, pics, в котором будут указаны координаты кусков картинки и, ессно, src (который можно выполнить спрайтом).
-
Да везде Делаю сайт, там нужна более-менее неожиданная анимация.
-
В вышеприведённом примере достаточно несложно реализовано. Правда, там подключён prototype.js, в котором я не шарю. Я вот думаю, можно ли просто подпихнуть вместо массива ballz массив picts или что-то вроде, где в атрибутах указывать (left,top,widht,height,src) ?