Задать вопрос
Все что сказано в "Кратко о себе"
Контакты

Достижения

Все достижения (6)

Наибольший вклад в теги

Все теги (19)

Лучшие ответы пользователя

Все ответы (51)
  • Как правильно сверстать макет?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Вообщем смотри) Представь ты работаешь на Компанию "А" и в неё приходит заказчик и решил сделать сайт. Они с менеджером идут к дизайнеру и там решаются самые страшные для тебя вещи. Вообщем они сделали макет и прислали тебе... И говорят хотим все так как в макете... И тут вопрос к тебе, ты сделаешь как в макете или все же свою ширину контейнера будешь выдумывать ? ( Лично я раз 3-5 пытался сделать так как лучше для сайта и брал ширину за основу сам...... Но тут б*я приходят жалобы, грозные письма что все не так....ширина больше или меньше нужной, выглядит все иначе...... Вообщем геморроя выше крыше.)
    Так значит с шириной мы разобрались...... идем дальше....

    Так у нас есть слайдер на 100% ширины.......в чем проблема берем bx-slider и ставим свой слайдер на 100%

    А так для тебя самое главное решить как ты будешь верстать блоки) к примеру

    1)Самый страшный возможно для тебя будет блок это с серым фоном.....с треугольником верх. Вопрос по средствам css или картинкой ? (верно с помощью css бордеров и псевдо классов)
    2)Каким образом будешь позиционировать блоки ? float или position . (Тут надо задуматься о будущем, если будешь переделывать в responsive то float, если же нет то можно и позиционировать, не особо страшно.)
    3)Подучить html5 и уже использовать html5 Тэги (Вообщем в чем надо разобраться в основном это где тэг article а где тэг aside.... остальные попроще).
    4) Минимизация и структура (
    а) Котировка UTF-8 без BOM
    б) Для связи с JS не использовать стилизующие классы. а использовать id, data- атрибуты или классы с приставкой js-
    в)Указать meta name="viewport".............
    г)Skype плагин не должен ломать верстку
    д)Единый css файл подключаемый в head и желательно минимизированный
    e) Единый js файл подключаемый перед /body тоже желательно минимизированный.)
    5) Изучай методологии Желательно БЭМ
    6) Изучаем автоматизацию Grunt либо Gulp (Gulp лучше)
    7) Верстаем с помощью Emmet (Экономим время)
    Это довольно все быстро освоить......Увы мне так не кто не подсказал и не написал раньше )
    Ответ написан
    2 комментария
  • Практика для начинающих. Есть ли те, кто готов взять зеленых под свое крыло?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    По верстке могу помочь, посмотреть саму верстку, указать недочёты, и подсказать где черпать информацию. Но обещать что ты будешь именно тот грамотный верстальщик )) не буду) т.к все развивается...появляются методологии и т.п) Skype Sadist071
    Ответ написан
    5 комментариев
  • Как убрать элемент с яндекс.карт?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Если честно странно при в данный момент не должно быть вообще не каких элементов.... Кроме той что вы создали var myPlacemark = new ymaps.Placemark([56.34820425, 41.30735193]........................
    и добавили moscow_map.geoObjects.add(myPlacemark);

    Вообщем попробуй переделать вызов карты по аналогу....
    <div class="img" id="YMapsID">
    					
    </div>

    <script src="http://api-maps.yandex.ru/1.1/index.xml" type="text/javascript"></script>
    	<script type="text/javascript">
    	    // Создает обработчик события window.onLoad
    	    YMaps.jQuery(function () {
    	        // Создает экземпляр карты и привязывает его к созданному контейнеру
    	        var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);
    	            
    	        // Устанавливает начальные параметры отображения карты: центр карты и коэффициент масштабирования
    	        map.setCenter(new YMaps.GeoPoint(30.349234, 59.940919), 15);
    
    
    	        // Создает стиль
    			var s = new YMaps.Style();
    
    			// Создает стиль значка метки
    			s.iconStyle = new YMaps.IconStyle();
    			s.iconStyle.href = "img/map.png";
    			s.iconStyle.size = new YMaps.Point(140, 139);
    			s.iconStyle.offset = new YMaps.Point(-140, -139);
    
    			// Создает метку 
    			var placemark = new YMaps.Placemark(new YMaps.GeoPoint(30.349234, 59.940919), {style: s});
    			var placemark2 = new YMaps.Placemark(new YMaps.GeoPoint(30.249336, 60.015226), {style: s});
    
    			// Устанавливает содержимое балуна
    			placemark.name = "Плов без слов";
    			placemark.description = "Литейный пр., 28";
    
    			placemark2.name = "Плов без слов";
    			placemark2.description = "Комендатский пр., 30";
    
    			// Создает группу меток
    
    			var group = new YMaps.GeoObjectCollection();
    	        group.add(placemark);
    	        group.add(placemark2);
    
    	        // Добавляет группу меток на карту
    			map.addOverlay(group);
    
    						// Действия при добавлении элемента на карту
    
    			function OfficeNavigator (offices) {
    
    			this.onAddToMap = function (map, position) {
    			        this.container = YMaps.jQuery("<ul></ul>")
    			        this.map = map;
    			        this.position = position || new YMaps.ControlPosition(YMaps.ControlPosition.TOP_RIGHT, new YMaps.Size(10, 10));
    
    			        // CSS-свойства, определяющие внешний вид элемента
    			        this.container.css({
    			            position: "absolute",
    			            zIndex: YMaps.ZIndex.CONTROL,
    			            listStyle: 'none',
    			            padding: '10px',
    			            margin: 0
    			        });
    			        
    			        // Формирует список офисов
    			        this._generateList();
    			        
    			        // Располагает элемент управления в верхнем правом углу карты
    			        this.position.apply(this.container);
    			        
    			        // Добавляет элемент управления на карту
    			        this.container.appendTo(this.map.getContainer());
    			}
    
    			// Обработчик удаления элемента управления с карты
    			this.onRemoveFromMap = function () {
    			    if (this.container.parent()) {
    			        this.container.remove();
    			        this.container = null;
    			    }
    			    this.map = null;
    			};
    
    
    							// Формирует выпадающий список офисов
    				this._generateList = function () {
    				    var _this = this;
    				    
    				    // Вызывает функцию-обработчик для каждого объекта
    				    offices.forEach(function (obj) {
    				        // Создает ссылку на объект
    				        var li = YMaps.jQuery("<li><a href=\"#\">" + obj.description + "</li>"),
    				            a = li.find("a"); 
    				        
    				        // Создает обработчик щелчка мыши по ссылке
    				        li.bind("click", function () {
    				            _this.map.panTo(obj.getGeoPoint(), {
    				                flying: 1,
    				                callback: function () {
    				                    size: "large";
    				                }
    				            });
    				            return false;
    				        });
    				        
    				        // Создает слушатели событий открытия и закрытия балуна объекта
    				        YMaps.Events.observe(obj, obj.Events.BalloonOpen, function () {
    				            a.css("text-decoration", "none");
    				        });
    				        
    				        YMaps.Events.observe(obj, obj.Events.BalloonClose, function () {
    				            a.css("text-decoration", "");
    				        });
    				        
    				        // Добавляет ссылку на объект в общий список
    				        li.appendTo(_this.container);
    				    });
    				};
    			}
    
    				// Создает элемент управления "Путеводитель по офисам"
    				map.addControl(new OfficeNavigator(group));
    
    			// Добавляет метку на карту
    			/*
    			map.addOverlay(placemark);
    			map.addOverlay(placemark2);
    			*/
    
    
    			// Создает элемент масштабирования
    			var smallZoomControl = new YMaps.SmallZoom();
    			map.addControl(smallZoomControl);
    
    
    
    
    		})
    	</script>


    Правда тебе нужна ток верхняя часть до момента группировки меток.
    Ответ написан
    1 комментарий
  • CSS фон на сайте, как создать?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    Берёшь вот это marisapassos.com/images/pattern.png сохраняешь.... потом берешь делаешь блок див, для него прописываешь позитион релатив.... потом берешь вставляешь свою картинку в этот блок и ту даже рядом вставляешь еще 1 блок див с позицией абсолюте и задаешь высоту 100% и ширину 100% , потом задаешь z-index 10 к примеру и последнее самое главное это вставить background с тем изображением что я скинул в сылке. вроде все.
    Ответ написан
    2 комментария
  • Как узнать ширину всех li?

    Sadist07
    @Sadist07
    Верстальщик, Недо дизайнер
    jQuery(document).ready(function($) {
    	var li = $('li');
    	li.each(function() {
    		var a = $(this).width();
    		alert(a);
    	});
    });
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (14)