Jump to content

botyaslonim

User
  • Posts

    240
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by botyaslonim

  1. Кстати, да. У меня со смартфона та же шняга выводится. Что не так сделал? Код посмотрите, если не трудно. Вроде UTF-8 указал.
  2. Ок. А назвать своё имя - чем плохо? Или приветствие какое.
  3. Veseloff, спасибо за развёрнутый ответ! Вопрос по скриншоту: это какой браузер и какое разрешение? И ещё вопрос: что плохого в том, чтобы поздороваться-представиться на заглавной странице своего персонального сайта? Почему это очень плохо?
  4. Всё готово, смотрите результат http://www.maksimslepov.ru/oskolki.html upd. В IE не работает
  5. Благодарю! Сайт из резюме снёс. Буду работать в более правильном направлении.
  6. А, кстати, зачем модальное окно на JS, а не простой линк? В чём смысл?
  7. Предполагается, что на сайт работодатель заходит после просмотра резюме, так как ссылка на сайте - в теле резюме, которые, в свою очередь, размещены на сайтах по поиску работы. Цель сайта - показать, что я владею некоторым арсеналом верстальщика. Отсюда - перегруженность и излишняя размазанность.
  8. Спасибо большое за примеры! Насколько уместно будет пользоваться чужими шаблонами, если претендуешь на должность верстальщика? Получается, просто копипастишь чужую работу?
  9. По делу можно? Что значит "не получается?" Применительно к вёрстке хотелось бы услышать. Дизайн не трогаем, я не претендую. Блоки разъезжаются? При изменении разрешения экрана всё рассыпается? Ссылок не видно? Курсор-поинтер не работает? Спрайт не получился? Валидацию не проходит? Что конкретно? Мне всего меньше хотелось бы слышать рассуждения про мою судьбу, мне это вряд ли интересно Поскольку ресурс тематический, хотелось бы услышать мнение о технической стороне.
  10. Вообще, есть обычное резюме, на том же hh.ru А работодателю предлагается ознакомиться с этим сайтом для того, чтобы работодатель понял, как у меня получается делать сайты. Часто просят показать примеры своих работ. Сайт является приложением к резюме. Отсюда и всякие финтифлюшки навроде спрайтов или a:hover. Ещё по делу можно? position:absolute - чем вредно? И ещё по делу: в каком браузере комментарии и портфолио не закрываются? А смысл? Устраиваться верстальщиком и при этом просить кого-то сделать за себя сайт?
  11. Ну ладно, если правила не нарушаю, то вот: http://www.maksimslepov.ru Под мегакосяком я имею ввиду не только ошибки вёрстки, но и смысловые, культурные и т.д. В общем, поэтому и интересует в первую очередь мнение людей, которые берут других на работу.
  12. Есть личный сайт-визитка. Сделал специально для будущих работодателей. Рассылаю предложения ознакомиться. Работодатели заходят (на hh.ru есть такая опция, можно отследить), но после ознакомления молчат. Причём даже те работодатели, которым должно по профилю должности за глаза хватить моих навыков. Поэтому у меня родилось подозрение, что, может быть, на сайте какой-то мегакосяк есть, который я не вижу, а другие - видят. Есть небольшие недоработки + в IE6 плохо отображается. Но в целом, на мой скромный взгляд, более-менее прилично... Адрес в личку отправил. Буду рад, если жёстко покритикуете. Лучше сразу хорошо сделать, чем получать отказ за отказом.
  13. Это авторский код, я просто margin не трогал. Впрочем, оно и не нужно.
  14. Я хочу, чтобы одна картинка при наводке на неё курсора разлеталась на части, а потом снова собиралась. Это уже можно сделать при помощи большого количества картинок (один осколок == одна картинка), но хочется уменьшить число обращений к серверу, то есть разбабахать одну картинку спрайтом.
  15. Ну вроде получилось. Не могу только сообразить, как 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>
  16. Нужно задать пару вопросов. На работу не прошусь, если что
  17. Очень маленькие буквы в колонках. Должно быть какое-то равновесие между картинками и словами, а тут перекос, имхо.
  18. А можно показать, где там дивы? В смысле, там генерятся эти шарики. У каждого свои координаты, согласен. Но прописать координаты - час-два работы. Я вчера для одного проекта переделал пример из первого поста так, чтобы было слово "УРА!". Заняло как раз два часа очень неспешного труда Меня просто интересует вполне конкретная вещь: как вместо массива ballz подставить другой массив, скажем, pics, в котором будут указаны координаты кусков картинки и, ессно, src (который можно выполнить спрайтом).
  19. Да везде Делаю сайт, там нужна более-менее неожиданная анимация.
  20. В вышеприведённом примере достаточно несложно реализовано. Правда, там подключён prototype.js, в котором я не шарю. Я вот думаю, можно ли просто подпихнуть вместо массива ballz массив picts или что-то вроде, где в атрибутах указывать (left,top,widht,height,src) ?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy