Search the Community
Showing results for tags 'верстка'.
-
Подскажите, с помощью какого плагина реализовать такой эффект выдвижения?
-
Привет форумчане! Раньше работал один и бед не знал в этом плане, но теперь попал в небольшую фирму, где каждый работает сам по себе, нет единого рабочего процесса. Я привык работать через Prepros, он многофункционален и требует минимальных знаний в "компиляторстве". Так вот, я хотел бы продолжить работать с препроцессором вместо чистого CSS, но проблема в том, что стили проекта могут также править и другие мои коллеги, и если они через какой нибудь фтп клиент внесут изменения в файл со стилями на сервере, то я потом не смогу с ним дальше работать, т.к. затру все их изменения. Можно ли как-то выйти из этой ситуации? Как вариант, можно мониторить изменения в файле стилей перед началом работы, но здесь есть риск ,что я однажды попросту забуду это сделать. Также, слыхал о возможности компиляции прямо на сервере. Прошу помочь в этом вопросе.
-
Подскажите, как сверстать такой блок с использованием Bootstrap?
-
Здравствуйте, посмотрите пожалуйста качество вёрстки http://proba-verstki.xyz/ буду очень благодарен за конструктивную критику. Сайт не адаптивный, но я постарался сделать его кроссбраузерным. P.S. Наверно раздел не тот, но в "обсуждении работ" надо 30 сообщений, которых у меня нет, поэтому решил запостить тут.
-
Нужно ли верстальщику знать шаблонизаторы, типа smarty? Кроме smarty, на какие еще ништяки обратить внимание?
- 8 replies
-
- шаблонизатор
- верстка
-
(and 1 more)
Tagged with:
-
Добрый вечер. Не так давно начал изучать верстку. Вот моя первая страница. Легкая, конечно, но уверен и в ней есть немало ошибок. Прошу строгую, но адекватную критику. https://alex2033.github.io/
-
Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна
-
Занимаюсь версткой 1 месяц. Без наставника, просто просматривая обучающие ролики и читая источники по этой теме. Скачал psd-макет от HTML ACADEMY. Это моя первая верстка, просьба ее оценить. Похвалить и наругать. https://schamil74.github.io/Gllacy_CSS_Slider Страница с каталогом в выпадающем меню пункт Сливочное Не могу подгрузить jpg из psd, так что вот ссылка на них https://drive.google.com/drive/folders/0B0OXgcufMZgwNVZGMUtJaXNETk0?usp=sharing
-
Возник вопрос у тех, кто пользуется данным редактором: хочу установить плагин не из Package Control, а вручную. И тут сам главный вопрос: сам плагин мне достатачно вставить в папку где он должен храниться, или по совместительству его придётся ещё подключать как-то в редакторе?
-
Нарооооод я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке вот демка сайта которую копировал http://www.woweb.ru/td1/048/ а вот собственно мои файлы жду так сказать критику что нуб и тд хех ну вродь выглядит неплохо на всех браузерах завтра буду делать что посложнее index.html style.css
-
Ищется верстальщик/фронтенд разработчик (HTML, CSS, JS) на новый проект. Работа сдельная. Необходимые навыки: - верстка адаптивного и отзывчивого дизайна (HTML5, CSS3, JS); - установка и настройка стандартных jQuery (1.11+) плагинов; - разработка JS при отсутствии подходящих плагинов (не обязательно, можем сделать сами). Работа удаленная. Связь Skype, WhatsApp, Telegram. Ориентировочный бюджет: до 50 000 рублей за проект. Обязанности: сверстать frontend на основе шаблона в PSD и прототипа в Axure. Важно соблюдать указанные Вами сроки (либо заблаговременно предупреждать об их изменениях) и точность верстки. Не пропадать. График работы: свободный график. Писать на почту post@clubok.ru или Skype: autonet.ru, Всеволод.
-
Здравствуйте. На вашем сайте я новый, как и в веб-разработке. Здесь находится мой сайт. Сайт будущего интернет-магазина. Частично не доделан (не работает блок выбора сортировки и типа отображения товаров, и не работают кнопки "купить"). Это первый сайт, который я сделал. Начал с нуля полтора месяца назад. Обучался сначала по видеокурсам (html, css, js). Смотрел курсы Евгения Попова, прошел его javascript+jquery. Сейчас изучаю книгу "Новая большая книга CSS" от издательства o'reilly. Дизайном занимался другой человек, который так же начал с нуля изучать веб-дизайн. Прошу опытных разработчиков взглянуть на мою работу и дать мне советы, указать на ошибки в дизайне, верстке, идеях. Я был бы признателен. Так же, я не знаю, в каком направлении двигаться дальше. Кажется, все уперлось в то, что надо изучать язык php, чтоб сделать сайт динамичным (не использовать по .html файлу на каждый товар). Еще, мне хотелось бы реализовать несколько вещей, но я не знаю, какие нужно изучить технологии. Например, в index.html есть кнопки "Перейти в раздел". а в index4.html есть список со всеми этими разделами. И мне нужно как то сделать так, чтоб нажав определенную кнопку в главной странице, открылся соответствующий раздел в index4.html. Нужно как то передать инфу с одной страницы на другую.. Вторая вещь связана примерно с этим же. при нажатии кнопки "купить" нужно как то перейти на страницу формы, и вставить туда текст с нужным артикулом. Ибо вариант с корзиной наверное совсем сложный. В общем, если у кого найдется время посмотреть на это, буду благодарен.
-
Мне нужна помощь, как создать иерархуию изображений, чтобы одно накладывалось на другое ( у меня получается обычно наоборот, так же в коде я менял позиции ). Так же еще один вопорос, как на это изображение налепить текст, который был бы кликабелен?
- 3 replies
-
- css
- изображение
-
(and 3 more)
Tagged with:
-
В данном коде неправильно отображается текст, который я пытаюсь перенести в левый нижний угол. Помогите исправить ошибку!!! Заранее спасибо! <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> h3 {display: inline; background: black; /* Цвет фона под заголовком */ color: green; /* Цвет текста */ padding: 2px; /* Поля вокруг текста */ font-size: 12px; } #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #sidebar { /* ПРаваЯ колонка */ float: right; /* Обтекание справа */ border: 0px solid #333; /* Параметры рамки вокруг */ width: 40%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступов */ color: #ffffff; } h1 { font-size: 36px; /* Размер шрифта */ margin: 0; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ position: relative; top: -10px; } </style> </head> <body bgcolor="#001646"> <div id="header"><h1>ИС-41521</h1></div> <div id="sidebar"> <p>В США первые колледжи возникли в XVII веке (по образцу английских) как высшие учебные заведения, готовившие священнослужителей и государственных служащих. На основе наиболее крупных колледжей путём присоединения к ним медицинских, юридических, богословских школ (или факультетов) в первой половине XIX века были созданы первые университеты. В настоящее время в США «колледж» и «университет» являются взаимозаменяемыми понятиями. Оба термина означают высшее учебное заведение в котором можно получить диплом бакалавра или магистра, хотя обычно колледжи меньше по размеру[5]. В США также существуют двухгодичные колледжи, которые после обучения выдают степень кандидата в бакалавры (англ. Associate degree), сравнимую со средним профессиональным образованием в странах СНГ.</p> Это: <ul> <p><li>общественные колледжи (англ. community college);</p> <p><li>начальные колледжи (англ. junior college);</p> <p><li>технические колледжи (англ. technical college);</p> <p><li>городские колледжи (англ. city college).</p> </ul> </div> <font face='Arial'> <table border="0" width='570' align="left"> <tr> <td><img src='new 1/Без имени-1.jpg' width=200px height=200px alt="*"></img></td> <td> <table border='5'> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Главная</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Новости</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">О группе</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Здание</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Контакты</button></center></td></tr> </table> </td> <td align="justify" bgcolor="#001646"><font color="#ffffff">Я устал...Но вроде бы и в силах. Для построения идеальной таблицы, я вырвал кусок кода и начал с ним химичить. В итоге я понял кое-какие фичи с таблицами и что с ними можно делать.</font></td> </tr> </table> <div><h3>Каплан Владислав(с), 2017</h3></div> <!-- вот здесь и ошибка как-раз! --> </font> </body> </html>
-
Сверстаю сайт по вашему макету недорого. Ответственно и с учетом всех инструкций и пожеланий. Помимо статичной верстки, умею работать с медиа запросами, придавать "резиновость" страницам. Необходимый базовый уровень JS, работа в системах контроля версий прилагаются. Пример статики: http://waxom.comuf.com/waxom.html
-
Помогите пожалуйста расположить картинки таким образом как на фото - или хоть укажите в какую сторону двигаться. Я уже намучалась Только чтобы они были именно в одном div. Div width=100%. очень срочно нужно - уже кучу времени потеряла
-
Хочу вам предложить товарищи веб мастера сайт где можно верстать мышкой, высокий уровень визуализации. devdesire.ru Это конструктор верстки по вашему макету без мусора! Практически нет разницы делать в нем или писать верстку вручную, мышкой даже быстрее получается)
-
Привет!.Я начинающий верстальщик,который стремиться в будущем стать Front-end разработчиком и создавать интерактивные и динамичные сайты. Сейчас я занимаюсь версткой landing page и одностраничных сайтов-визиток на HTML5 и CSS3.Для дальнейшего развития ,я ищу заказы на верстку за символическую плату. Мои навыки и умения: Html/HTML5-верстка сайтов и интерфейсов на основе макетов PSD; CSS; Базовые знания PHP и JavaScript. Элементарные знания в AJAX, jquery, OpenServer, Wordpress, bootstrap, юзабилити, настройка контекстной рекламной кампании в поисковых системах. Adobe Photoshop (базовые навыки). С меня -быстрота обратной связи,исполнительность и кроссбраузерность ,с вас-PSD макет и реалистичный взгляд. Для ясности напомню-я новичок,который хочет получить опыт и создать портфолио.Поэтому работу буду выполнять качественно и не так быстро,как ,возможно,вам бы хотелось. Все подробности можете узнать у меня лично: 1)https://www.facebook.com/tatiana.kondratyeva.125 2)Tatiana89252514982@yandex.ru
-
- волонтерствостажировка
- верстка
-
(and 2 more)
Tagged with:
-
В ступоре. Очень прошу помощи. Дело такое. Верхняя шапка сайта (фиолетовая) не хочет адаптироваться под телефоны, причём всё остальное работает, кроме самой шапки и футера. Так же замечена очень интересный баг: при проверки адаптивности сайта ресайзом окна или масштабированием в google chrome для десткопа или даже проверке с помощью специальных ресурсов - всё работает как надо. Вы можете сами проверить по адресу flixthebro.com При этом заходя на сайт с любого мобильного устройства (тестировал на 3-х) выдаёт почему то другой результат. Ещё несколько забавных примечаний: допустим установил я размер текста в шапке 32px и в контенте 32px. На телефоне размер шрифта в шапке никак не сопоставим с размером шрифта в контенте и намного мельче. То же самое и с футером. / Так же я эксперементрировал и пробовал убирать разные строки из css и ничего не получалось. Чем же эти два фиолетовых блока провинились? Почему они такие "особенные"? Ах да ещё надо бы сказать, что сайдбар сделан только для того, чтобы в случае надобности начать его использовать активировать легко и просто, сейчас он абсолютно не нужен, но в отличие от этих двух работает отлично. Я отчаялся и совсем перестал хоть каплю иметь соображения из-за чего это может быть. Прошу помощи от вас, господа формучане.
- 2 replies
-
- вёрстка
- адаптивный дизайн
-
(and 1 more)
Tagged with:
-
Нужно сделать так как в приложенном файле. Знаю что можно сделать тремя блоками, но проблема в том что нужно растянуть на всю ширину экрана. По ссылке код как удалось реализовать, но одна проблема когда маленький текст то появляются лишнеи линии http://codepen.io/anon/pen/edqOPP#anon-login Спасибо за помощь!
-
Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.
-
Всем доброго времени суток, пожалуйста посмотрите на код(небольшой кусочек работы) и оцените, хотелось бы услышать что правильно что нет, что можно было бы по другому, как можно детальней и дотошнней, семантика пространство имен и прочее прочее, в общем чем больше критики(желательно конструктивной и обоснованной) тем лучше, я специально выкладываю маленький кусок что бы, было не напряжно его изучить! http://codepen.io/Kamzed/pen/rrqJJz Заранее благодарю всех добрых людей которые согласятся помочь.
-
Вот два макета, как называется дизайн в котором они выполнены?. И какое слово вообще тут уместно? Верстка?Стиль?Дизайн?
-
Здравствуйте, я начинающий верстальщик. Хочу развиваться как специалист в данном направлении и во front-end'е в целом. Ищу стажировку или постоянную работу за небольшую плату. Готов: Своевременно и аккуратно выполнять поставленные задачи Сперва искать решения проблем самостоятельно, а не докучать вопросами работодателя (наставника) Работать над любыми, в том числе и рутинными задачами Качественно выполнять свою работу Впитывать новые знания Имею навыки: HTML. Умею делать валидную и семантически правильную верстку. CSS. Имею хорошие знания CSS-свойств, блочной и каскадной модели, позиционирования. Знаю техники адаптивной верстки. SVG. Имею небольшой опыт работы с SVG. С SVG-свойствами, изменением SVG из CSS. Adobe Photoshop. Имею необходимые для верстальщика знания photoshop. Умею работать со слоями, экспортом и нарезкой графики, текстом и размерами элементов. JS/JQuery. Знаю JS на начальном уровне. Ознакомлен с материалом сайта learn.javascript.ru Могу заставить работать кнопки, делать анимации, работать с DOM и AJAX. GIT. Умею работать с системой контроля версий. Делать коммиты и работать с branch'ами. Знаком с GitHub. Linux. Владею основами работы в консоли, и даже смогу написать bash-скрипт. Также имеются небольшие знания бекэнда: PHP и MySQL. На данный момент прошел обучение на базовом курсе HTML Academy. Пример выполненной работы: Главная, Каталог. Готов работать удаленно. Если же вы из Минска, то я готов на работу в офисе. Надеюсь на сотрудничество. Спасибо, что потратили свое время на прочтение.
- 1 reply
-
- верстка
- адаптивная верстка
-
(and 2 more)
Tagged with:
-
Здравствуйте! Имеется картинка для заднего фона и ещё 2 файла, которые надо разместить поверх самого фона Хотелось бы узнать как можно разместить ipad и iphone на фоне, уменьшить их размер (сами они очень большиеа) и сделать растягивающийся фон Могу также оставить ссылку на psd если надо. Заранее благодарю
-
- верстка
- background
-
(and 1 more)
Tagged with: