Поиск по сайту
Результаты поиска по тегам 'верстка'.
Найдено 342 результата
-
Сидя на парах по экономике или правоведению(когда сам ты математик), лучшее средство от уныния - рисование. Нарисовав две коробки, понял, что получится неплохо, если они будут с чем-то ассоциироваться, тем более ранее уже была идея сайта ассоциаций(если кому-то интересно, могу рассказать), поэтому обрисовал коробки каёмкой монитора и решил сделать сайт. Тем более нужна практика по вёрстке. Вот что получилось: wiic.ru - сам сайт. На определённую страницу, можно перейти добавив "?post_id=" и номер "статьи". Получается, что это блог. Я написал пару записей тестовых, чтобы хоть как-то отобразить идею. Увы, я не дизайнер, рисую только на бумаге хорошо, поэтому такое слабое разнообразие коробок. Карандашом же нарисована порядка 30 видов, включая мини-исполина, который держит коробку над собой, который сам, по сути, является коробкой =) И ещё, занимаюсь благотворительностью - делаю сайт для местного детского дома, так же с листочка wiic.ru/wn7/ - пока готова главная страничка, знаю, что пустовато, но в тетрадке смотрелось красиво, старался изо всех сил, может кто подскажет как заполнить пространство по бокам? Ожидаю критики, откровенной, чтобы стыдно стало за ошибки, которые скорее всего найдуться.
-
Требуется напарник для совместной работы - web-программист Проектов много, каждый оговаривается отдельно, в зависимости от сложности задуманного! Я выполняю роль менеджера (ищу заказы, работаю с клиентом, рисую прототип/дизайн) Работы под спойлером; От кандидатов хотел бы услышать: - Средняя стоимость создания сайта под ключ ( визитка) - Разработанные работающие сайты - Географическое расположение ( хочется найти человека из Нижнего Новгорода, но удаленка так-же приветствуется!) - Контакты для связи: социальные сети/скайп С уважением Дмитрий!
-
d
-
Здравствуйте! Оцените пожалуйста мою вёрстку, не скажу что первую, но выставляю на всеобщее обозрение первый раз. Верстал из бесплатной psd'шки. Сначала верстал пиксель в пиксель(установлен плагин pixLayout), но потом понял, что некоторые размеры в шаблоне какие-то не правильные(там, где казалось бы должны быть одинаковые отступы в psd они были разными ) и я забил на это дело. Буду рад критике. http://zondart.koding.com
-
Ребята подскажите пожалуйста. Есть див контент со своим набором стилей в том числе опасити 0.5, в него грузится .load карусель, и принимает стили этого контейнера, помогите исправить http://kseniarain.ru/about.html# раздел личные фото спасибо
-
Здравствуйте, уважаемые форумчане. В процессе верстки пвстал следующий вопрос. Делается сайт, верстка div`ами и отчасти табличная. На компьютере все нормально, а вот при проверке на планшете размеры блоков не совпадают, все идет наперекосяк. Допустим, блок у меня в CSS-файле имеет параметр width: 800px. На ноутбуке текст укладывается в одну строку, как и нужно, а на планшете переходит на следующую строчку. Понятно, что размеры экранов и разрешение разнятся, но как с этим бороться? То же самое касается и размера шрифта. Есть некая надпись, под ней кнопки с текстом. font size="4" выдает совсем разную ширину на ноуте и планшете, на последнем текст вылезает за пределы кнопок. Прошу помощи в вопросе, как с этим бороться. Заранее спасибо.
-
Народ, кто сталкивался такой задачей, пожалуйста поделитесь опытом. Какой должен быть доктайп? Как писать стили? Есть ли требования конкретных устройств? Буду рада любой валидной информации.
-
Добрый вечер, я в данный момент изучаю верстку, пока просто из PSD в HTML, но надо ведь еще научится под движки верстать (сейчас уже, наверное, под обычный HTML и не верстают). Хотел вас спросить - есть ли какая-нибудь качественная литература, или может статьи какие нибудь, где четко написано как верстать так и так, а то как Google зайдешь смотреть, столько лишнего и ничего толкового по этим темам я не нашел. Может кто по личному опыту что нибудь читал и даст ссылку - буду очень благодарен. Пока интересуют только Joomla и WordPress. Заранее спасибо!
-
Ребят подскажите пожалуйста. У меня центральная картинка и ее же блок перекрывает нижние эконки с ссылками, так же слева макета есть ховер на текст , также слегка перекрываемый картинкой, следовательно та часть которая перекрыта не срабатывает вот стили блока и изображения #main { width: 600px; min-width: 600px; height: 100%; min-height: 600px; position: absolute; z-index: 0; left: 0; right: 0; margin: auto; top: 20px; } .centerpic { position: absolute; left: -50px; right: 0; bottom: 10px; margin: auto; top: 0; z-index: 1; } стиль эконок в подвале .block { width: 30px; height: 30px; position:relative; float:left; margin-left:-2px; left: 565px; bottom: -35px; z-index: 13; }
-
Добрый день.Планирую стать верстальщиком. Перечитал сайт htmlbook.ru все вроде понятно. И в плотную подошел к вопросу верстки первого какого-нибудь сайта (из макетов на форуме). Знаю что табличная верстка намного проще, блочная сложнее. Прошу совета у знатоков форума: как лучше начинать верстать , табличной версткой( дабы понять принцип верстки и "набить немного руку", или выбрать путь посложнее - блочную верстку. И сложно ли потом переходить с табличной верстки на блочную , если выбрать табличную верстку? Заранее благодарен за советы.
-
Всем доброго времени суток.Вплотную подошел к верстке первого сайта.Верстать буду блоками. Хотелось бы какой-нибудь не сложный макет для начинающих( может у кого есть).Заранее благодарен. И еще пару вопросов: 1. Верстать планирую в Dreamweaver CS5 ? плохо ли это?(просто некоторые ругают эту программу). 2. При верстке макета можно пользоваться сайтом http://csstemplater.com/? или лучше самому продумывать и прописывать? Заранее извиняюсь за кривизну заданных вопросов.
-
http://sitemakers.lo...l/html/comment/ зайдите на эту страницу в IE: тут-то и появились проблемы во всех остальных браузерах - нормально HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="/0.css" rel="stylesheet" type="text/css" /> <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" /> </head> <body> <div id="layoutblock"> <div id="headerblock"><h1 align="center">Сайт и сайтостроение</h1></div> <div id="contentblock"> Контент </div> <div id="rightblock"><?php include($_SERVER['DOCUMENT_ROOT']."/menu.php"); ?></div> <div id="footerblock">© 2013-<?php echo date('Y') ?>. Все права защищены.</div> </div> <?php include($_SERVER['DOCUMENT_ROOT']."/xdata.php") ?> </body> </html> CSS: @charset "utf-8"; /* MAIN STYLE */ body { background: url(http://sitemakers.lordhosting.ru/template/sitebg.jpg) fixed; margin: 0; } #layoutblock { background-color: #FFFFFF; width: 960px; margin: auto; border-radius: 50px; zoom: 1; } #rightblock, #contentblock {float: left;} #headerblock, #footerblock {clear: both;} #rightblock { width: 240px; background-color: #FBE8E1; zoom: 1; } #headerblock { width: 960px; background-color: #561D09; color: #FFFFFF; height: 50px; line-height: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; zoom: 1; } #headerblock h1 {margin: 0;} #contentblock { width: 704px; background-color: #FFFFFF; padding: 8px; zoom: 1; } #footerblock { width: 960px; /*background-color: #FFFFFF;*/ padding-left: 50px; padding-right: 50px; zoom: 1; } /* SITE MENU */ .sitemenu {list-style-type: none; padding: 0;} .sitemenu li.item {} .sitemenu a {color: #000000; text-decoration: none;} .sitemenu li.subitem {padding-left: 10px;} .sitemenu li.subitem2 {padding-left: 20px;} .sitemenu li.selected {} .sitemenu li.subsel {} .sitemenu li.subsel2 {} /* CODE */ .insertedcode { color: #000; background-color: #D6D6D6; font-family: "Courier New", Courier, monospace; font-size: 9pt; padding: 5px; white-space: pre-wrap; } .insertedcode span.comment { color: #999999; } .insertedcode .tag { font-weight: bold; color: #006699; } .insertedcode .doctype { color: #006699; } .insertedcode .attribute { font-weight: normal; color: #B61039; } .insertedcode .attrval { color: #39892F; font-weight: normal; } .insertedcode .live { background-color: #666666; } /* DOWNLOAD BUTTON */ .buttondownload:link, .buttondownload:visited, .buttondownload:hover { display: block; border-radius: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#008000', gradientType=0); background-image: -o-linear-gradient(top, #00ff00, #008000); background-image: -moz-linear-gradient(top, #00ff00, #008000); background-image: -webkit-linear-gradient(top, #00ff00, #008000); background-image: -ms-linear-gradient(top, #00ff00, #008000); background-image: linear-gradient(top, #00ff00, #008000); text-decoration: none; color: #FFFFFF; height: 100px; line-height: 100px; text-align: center; font-size: 100px; } .buttondownload:active { display: block; border-radius: 50px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008000', endColorstr='#00ff00', gradientType=0); background-image: -o-linear-gradient(top, #008000, #00ff00); background-image: -moz-linear-gradient(top, #008000, #00ff00); background-image: -webkit-linear-gradient(top, #008000, #00ff00); background-image: -ms-linear-gradient(top, #008000, #00ff00); background-image: linear-gradient(top, #008000, #00ff00); text-decoration: none; color: #FFFFFF; height: 100px; font-size: 100px; }
-
Доброго времени суток уважаемые форумчане. Выставляю на ваш суд свой первый сайт, который чего греха таить от большинства здешних сайтов отличается своей простотой если не сказать примитивностью. Возможно, оправданием мне послужит тот факт что это мой первый полноценный сайт который я делал с абсолютного нуля не беря в руки всяких-разных шаблонов. Помимо этого я больше программист, чем верстальщик и больше пользователь ПК, чем программист. Сайт более-менее нормально смотрится только в Firefox. Как я сейчас понимаю в верстке очень много подводных камней и обилие браузеров проклятие верстальщика. Как будто с гидрой сражаешься, ты ей в одном браузере одну голову отрубил, а в другом в это время две выросли. У меня просьба, не обращайте очень пристального внимания на цвет я все таки склоняюсь к черно-бело-серому варианту и в конечном итоге хотелось бы чтобы сайт выглядел как рукописный труд алхимика или мага, как чертеж Леонардо да Винчи (не могу сформулировать точнее). Хотелось бы чего-то такого очень простого но в то же время очень эргономичного и не знаю оригинального. Может вы знаете какой нить ресурс на котором я мог бы преисполниться вдохновением и скачать шаблон или макет. Заранее всем признателен за критику и советы. Как улучшить кроссбраузерность? Ну и замечания по коду. Собственно сайт http://numerology.16mb.com
-
Прошу оценить верстку шаблона-визитки. Что не так сделал и что можно сделать. Сам шаблон - http://parrot.zencoder.ru/ P.S. Рано радовался. В Firefox v.20 - все ОК. А вот в Google Chrome v.26 - вот такой косяк - http://itmag.es/10JS4 Почему, подскажите. И кстати, научите, какими true-инструментами пользоваться для проверки кроссбраузерности шаблона.
-
Подскажите. Есть такой psd-оригинал - http://itmages.ru/im...008545/e461f274 И есть такой код (на footer обращать внимания не стоит - он еще не доработан) - http://jsfiddle.net/...tPCz8CJv/4gUbp/ Результат получается такой - http://itmag.es/4zOKi Как мне исправить ситуацию, чтобы фоновое изображение не перекрывалось блоком header? И еще есть вопрос по поводу применения p в блоке logo. Является ли это правильным решением? Может, более правильно будет заменить p на h1, с точки зрения SEO?
-
Есть верстка - http://angela.zencoder.ru/index.html Прошу оценить качество. Указать на ошибки, недочеты. Как можно сделать лучше. Критика не просто приветствуется, а нужна как воздух! Главное - чтобы по теме была. Шаблон совсем простой, но выбран мною специально. Можно сказать, это мой первый шаблон, сверстанный самостоятельно и до конца. Есть один недочет, который так и не смог решить - http://itmag.es/31vLs С горизонтальными кончиками - вообще не знаю, что делать и как их убрать.
-
Издательский дом Axel Springer ищет верстальщика на сайт Forbes.ru на постоянную работу. Резюме можете присылать сюда: [email protected] Обязанности: * Разработка и доработка темы оформления сайта. * Умение профессионально, корректно верстать (HTML-верстка) и писать на java-script с использованием jQuery. * Разработка и доработка модулей. Требования: * Опыт верстки от 2 лет. * Опыт работы с CMS Drupal (разработка модулей и тем оформления, понимание API Друпала). * Технический английский (на уровне чтения документации). Условия: * Офис: м. Ботанический сад. * Медицинское страхование.
-
помогите сверстать правильно этот элемент
-
Добрый день. Хочется услышать мнение опытных верстальщиков - можно ли отдавать такую работу условному заказчику? Есть ли грубые ляпы? Пора уже брать реальные заказы, или пока еще потренироваться на кошках? Верстал интернет-магазин с бесплатного макета: в архиве http://gfile.ru/atIs на сайте http://www.freepsd.w...zina-elwau.html HTML: http://popugaev38.ru/index.html http://popugaev38.ru/object.html http://popugaev38.ru/catalog.html http://popugaev38.ru/contacts.html CSS: http://popugaev38.ru/css/style.css JS: http://popugaev38.ru/js/main.js
-
Добрый день, есть меню, в меню настроенны активные ссылки, т.е если я на главной, главная в меню активна, нужно сделать так, когда юзер наводим мышку на другие категории меню, активность сбрасывается, убирает мышку, опять появляется. Возможно ли реализовать на чистом CSS??? Если нет, подскажите куда копать... Всем спасибо.
-
Доброго времени суток! Макет Результат
-
Подскажите, как вырезать логотип (два кружочка и надпись Creative Studio), чтобы сохранить полупрозрачность желтого круга. Слой с текстом я могу убрать, конечно, в этом трудности нет никакой. А вот с полупрозрачностью - проблема. Не могу понять, как это сделать? Макет такой: https://www.dropbox....dio-minimal.psd И попутный вопрос. Хочу уточнить для себя. Для правильной, грамотной верстки текст на логотипе, центральной картинке - должен оформляться через код. Это касается не только этого макета, но и в общем. Я правильно понимаю?
-
Всем добрый день. Есть сайт на wordpress http://otkatka-spb.ru/. На него установлен шаблон Priimo. Никак не могу изменить ширину темы. По-идее, это должен быть wrapper в style.css, но никаких атрибутов width у него нет. Так же анализировал верстку через "проинспектировать элемент", все цифры ширины, которые я вылавливал не встречаются в css файлах темы (искал посиком через total commander на ftp). Помогите пожалуйста, заранее спасибо. СP.S. Я извиняюсь, но появилась копия этого сообщения в теме для новичков. Поскольку там активность больше, просьба эту тему удалить.
-
Ребят, помогите плиз! У меня при изменении масштаба(или просто за компом с другим расширением экрана), всё куда то сползает, то куда то вверх, то вниз, ну В общем куда угодно тока не фиксируется там где нужно! Что мне делать?
-
Есть такой макет - https://www.dropbox....9ksny/index.psd Замучился вырезать значок (в виде кружков) в навигационном меню. Подскажите, как мне его вырезать правильно? Почему-то получается значок в виде двух изображений (половинок) в результате. И точно также дело обстоит с центральной картинкой. До этого в Photoshop с таким не сталкивался, не знаю, что делать.
