Поиск по сайту
Результаты поиска по тегам 'верстка'.
Найдено 342 результата
-
Добрый вечер. Не так давно начал изучать верстку. Вот моя первая страница. Легкая, конечно, но уверен и в ней есть немало ошибок. Прошу строгую, но адекватную критику. https://alex2033.github.io/
-
Занимаюсь версткой 1 месяц. Без наставника, просто просматривая обучающие ролики и читая источники по этой теме. Скачал psd-макет от HTML ACADEMY. Это моя первая верстка, просьба ее оценить. Похвалить и наругать. https://schamil74.github.io/Gllacy_CSS_Slider Страница с каталогом в выпадающем меню пункт Сливочное Не могу подгрузить jpg из psd, так что вот ссылка на них https://drive.google.com/drive/folders/0B0OXgcufMZgwNVZGMUtJaXNETk0?usp=sharing
-
Нарооооод я В общем освоил html+css на начальном уровне и вот сварганил первый сайт на дивной верстке вот демка сайта которую копировал http://www.woweb.ru/td1/048/ а вот собственно мои файлы жду так сказать критику что нуб и тд хех ну вродь выглядит неплохо на всех браузерах завтра буду делать что посложнее index.html style.css
-
Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна
-
Здравствуйте. Предлагаю свои услуги по верстке PSD макетов в HTML5/CSS3 с использованием несложных скриптов jQuery на основе bootstrap. Чистый, структурированный код. Внедрение различных jQuery плагинов и скриптов. Цена для каждого проекта индивидуальна и зависит от сложности макета и необходимого функционала. По цене со мной всегда можно договориться. Оплата: - WebMoney Интересует долгосрочное сотрудничество. Контакты: email: [email protected] Skype: скидываю в л/с Примеры верстки:
-
Возник вопрос у тех, кто пользуется данным редактором: хочу установить плагин не из Package Control, а вручную. И тут сам главный вопрос: сам плагин мне достатачно вставить в папку где он должен храниться, или по совместительству его придётся ещё подключать как-то в редакторе?
-
Здравствуйте. На вашем сайте я новый, как и в веб-разработке. Здесь находится мой сайт. Сайт будущего интернет-магазина. Частично не доделан (не работает блок выбора сортировки и типа отображения товаров, и не работают кнопки "купить"). Это первый сайт, который я сделал. Начал с нуля полтора месяца назад. Обучался сначала по видеокурсам (html, css, js). Смотрел курсы Евгения Попова, прошел его javascript+jquery. Сейчас изучаю книгу "Новая большая книга CSS" от издательства o'reilly. Дизайном занимался другой человек, который так же начал с нуля изучать веб-дизайн. Прошу опытных разработчиков взглянуть на мою работу и дать мне советы, указать на ошибки в дизайне, верстке, идеях. Я был бы признателен. Так же, я не знаю, в каком направлении двигаться дальше. Кажется, все уперлось в то, что надо изучать язык php, чтоб сделать сайт динамичным (не использовать по .html файлу на каждый товар). Еще, мне хотелось бы реализовать несколько вещей, но я не знаю, какие нужно изучить технологии. Например, в index.html есть кнопки "Перейти в раздел". а в index4.html есть список со всеми этими разделами. И мне нужно как то сделать так, чтоб нажав определенную кнопку в главной странице, открылся соответствующий раздел в index4.html. Нужно как то передать инфу с одной страницы на другую.. Вторая вещь связана примерно с этим же. при нажатии кнопки "купить" нужно как то перейти на страницу формы, и вставить туда текст с нужным артикулом. Ибо вариант с корзиной наверное совсем сложный. В общем, если у кого найдется время посмотреть на это, буду благодарен.
-
В данном коде неправильно отображается текст, который я пытаюсь перенести в левый нижний угол. Помогите исправить ошибку!!! Заранее спасибо! <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%. очень срочно нужно - уже кучу времени потеряла
-
Добрый день! Мы строительная компания. Занимаемся строительством трансформаторных подстанций, модернизацией, обслуживанием и сопутствующими работами. Нам нужен сайт. Сайт всего из 5-страниц: Главная, Контакты, Партнеры, Портфолио, Услуги. Сайт на двух языках. Фирменный цвет, сочетание цветов… тёмно-красный, белый, светло-серый. Тематика изображений на главной странице – трансформаторы, трансформаторные подстанции, воздушные электрические линии. Содержание страниц: Главная - блок текста про компанию, блок для видео ролика(у нас 2 рекламных ролика), кнопки на навигации по страницам. Партнеры - Список всех наших партнеров с которыми мы работаем.(10-12компаний) Портфолио - таблица или список всех объектов где мы работали и какие работы мы выполняли. С возможностью постоянно обновлять список и добавлять перечень оказанных услуг и фотографии с места работы. Услуги - перечень услуг которые мы оказываем. Сертификаты - Страница с разрешительными документами, грамотами, благодарностями и т.д... Сайты которые нам нравятся в плане дизайна: electrum.pl – дизайн внешний. Кнопки страниц, слайд, простота, большие картинки. Очень хотелось бы похожий по дизайну. electrical-engineering-portal.com – Шрифты, текст, информация не сливается в одно пятно, удобно читать… ztr.com.ua простота, цвета, контент и фотографии оборудования которое мы используем. esg.com.ua простота, цвета. Можно узнать цену на такую работу, сроки и что Вам еще необходимо для реализации проекта? Прошу всех, кому интересно к обсуждению… Вопросы цены в личные сообщения. Благодарю, за внимание.
-
Хочу вам предложить товарищи веб мастера сайт где можно верстать мышкой, высокий уровень визуализации. 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)[email protected]
-
Нужно сделать так как в приложенном файле. Знаю что можно сделать тремя блоками, но проблема в том что нужно растянуть на всю ширину экрана. По ссылке код как удалось реализовать, но одна проблема когда маленький текст то появляются лишнеи линии http://codepen.io/anon/pen/edqOPP#anon-login Спасибо за помощь!
-
В ступоре. Очень прошу помощи. Дело такое. Верхняя шапка сайта (фиолетовая) не хочет адаптироваться под телефоны, причём всё остальное работает, кроме самой шапки и футера. Так же замечена очень интересный баг: при проверки адаптивности сайта ресайзом окна или масштабированием в google chrome для десткопа или даже проверке с помощью специальных ресурсов - всё работает как надо. Вы можете сами проверить по адресу flixthebro.com При этом заходя на сайт с любого мобильного устройства (тестировал на 3-х) выдаёт почему то другой результат. Ещё несколько забавных примечаний: допустим установил я размер текста в шапке 32px и в контенте 32px. На телефоне размер шрифта в шапке никак не сопоставим с размером шрифта в контенте и намного мельче. То же самое и с футером. / Так же я эксперементрировал и пробовал убирать разные строки из css и ничего не получалось. Чем же эти два фиолетовых блока провинились? Почему они такие "особенные"? Ах да ещё надо бы сказать, что сайдбар сделан только для того, чтобы в случае надобности начать его использовать активировать легко и просто, сейчас он абсолютно не нужен, но в отличие от этих двух работает отлично. Я отчаялся и совсем перестал хоть каплю иметь соображения из-за чего это может быть. Прошу помощи от вас, господа формучане.
-
Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.
-
Всем доброго времени суток, пожалуйста посмотрите на код(небольшой кусочек работы) и оцените, хотелось бы услышать что правильно что нет, что можно было бы по другому, как можно детальней и дотошнней, семантика пространство имен и прочее прочее, в общем чем больше критики(желательно конструктивной и обоснованной) тем лучше, я специально выкладываю маленький кусок что бы, было не напряжно его изучить! http://codepen.io/Kamzed/pen/rrqJJz Заранее благодарю всех добрых людей которые согласятся помочь.
-
Обратил внимание, что в браузере internet explorer (edge) все номера телефонов выглядят как ссылки, т.е. подчеркнутые и синим цветом, что совсем не подходит для дизайна сайта. Телефон заключен в теги <p></p>. К тому же даже прописывание text-decoration:none не помогает. Можно ли как-то решить данную проблему? Вот пример страницы: http://t61588bl.bget.ru/demo/1.html
-
Привет всем форумчанам, я верстаю сайты разной сложности. Стандартную верстку буду делать за 300 рублей, а если у вас сложный, пишите договоримся! Еще делаю натяжку шаблона на DLE. Спасибо за внимание!
-
Вот два макета, как называется дизайн в котором они выполнены?. И какое слово вообще тут уместно? Верстка?Стиль?Дизайн?
-
Здравствуйте, я начинающий верстальщик. Хочу развиваться как специалист в данном направлении и во 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. Пример выполненной работы: Главная, Каталог. Готов работать удаленно. Если же вы из Минска, то я готов на работу в офисе. Надеюсь на сотрудничество. Спасибо, что потратили свое время на прочтение.
-
Здравствуйте! Имеется картинка для заднего фона и ещё 2 файла, которые надо разместить поверх самого фона Хотелось бы узнать как можно разместить ipad и iphone на фоне, уменьшить их размер (сами они очень большиеа) и сделать растягивающийся фон Могу также оставить ссылку на psd если надо. Заранее благодарю
-
макет вёрстка (адаптивная до 320px) Использовал: jade+sass+gulp. Требуется критика вёрстки, любые пожелания, указание на ошибки/недочёты, также приветствуются. От себя несколько вопросов: 1) Google page speed даёт низкую оценку скорости: Как это исправить?? скрин 2) Валидатор постоянно ругается на подключённые через гугл шрифты, можно ли это как-то исправить? скрин ошибки
-
Всем привет! Столкнулся с проблемой: необходимо вывести фоном картинку, но ничего не получается. Саму проблему можно посмотреть здесь http://test.kvada.ru В файле css прописываю путь к картинке для background-image. Она появляется. Но когда начинаю добавлять дополнительные свойства типа запрета повторения и позиционирования, то картинка исчезает. В чем может быть дело? Подскажите, если сможете разобраться. Буду очень признателен. Для ясности добавлю фрагменты кода. HTML: <section id="problems"> <div class="container"> <div class="row"> <div class="col col-md-8 col-sm-12 col-xs-12"> <div> <h1>Вам это знакомо?</h1> <ul> <li>Постоянный недосып и усталость</li> <li>Переодическая головная боль</li> </ul> </div> </div> </div> </div> </section> CSS: #problems { background-image: url(../images/problems_1.jpg) no-repeat center top; width: auto; height: auto; }
