Schamil74
-
Posts
116 -
Joined
-
Last visited
-
Days Won
8
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Schamil74
-
-
Всем привет!
Давно сам не просил помощи и сам не советовал. Но вот настал момент, когда я застрял на простой задаче.
Есть стандартная сетка бутстрап.
Верстка примерно такая https://codepen.io/Schamil74/pen/QqYEGY
Есть блок .text1(выделен цветом и подписан), который нужно растянуть за контейнер.
Как лучше сверстать ?
Сейчас куском за контейнером блок - .row_green -
Всем привет!
Не могу настроить работу дружественных ссылок!
1) .htaccess переименован в корне, в manager and core
2) ниже содержимое this файла
# MODX supports Friendly URLs via this .htaccess file. You must serve web # pages via Apache with mod_rewrite to use this functionality, and you must # change the file name from ht.access to .htaccess. # # Make sure RewriteBase points to the directory where you installed MODX. # E.g., "/modx" if your installation is in a "modx" subdirectory. # # You may choose to make your URLs non-case-sensitive by adding a NC directive # to your rule: RewriteRule ^(.*)$ index.php?q=$1 [L,QSA,NC] RewriteEngine On RewriteBase / # Rewrite www.domain.com -> domain.com -- used with SEO Strict URLs plugin #RewriteCond %{HTTP_HOST} . #RewriteCond %{HTTP_HOST} ^www.(.*)$ [NC] #RewriteRule ^(.*)$ http://%1/$1 [R=301,L] # # or for the opposite domain.com -> www.domain.com use the following # DO NOT USE BOTH # #RewriteCond %{HTTP_HOST} !^$ #RewriteCond %{HTTP_HOST} !^www\. [NC] #RewriteCond %{HTTP_HOST} (.+)$ #RewriteRule ^(.*)$ http://www.%1/$1 [R=301,L] . # Rewrite secure requests properly to prevent SSL cert warnings, e.g. prevent # https://www.domain.com when your cert only allows https://secure.domain.com #RewriteCond %{SERVER_PORT} !^443 #RewriteRule (.*) https://example-domain-please-change.com/$1 [R=301,L] # The Friendly URLs part RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php?q=$1 [L,QSA] # Make sure .htc files are served with the proper MIME type, which is critical # for XP SP2. Un-comment if your host allows htaccess MIME type overrides. #AddType text/x-component .htc # If your server is not already configured as such, the following directive # should be uncommented in order to set PHP's register_globals option to OFF. # This closes a major security hole that is abused by most XSS (cross-site # scripting) attacks. For more information: http://php.net/register_globals # # To verify that this option has been set to OFF, open the Manager and choose # Reports -> System Info and then click the phpinfo() link. Do a Find on Page # for "register_globals". The Local Value should be OFF. If the Master Value # is OFF then you do not need this directive here. # # IF REGISTER_GLOBALS DIRECTIVE CAUSES 500 INTERNAL SERVER ERRORS : # # Your server does not allow PHP directives to be set via .htaccess. In that # case you must make this change in your php.ini file instead. If you are # using a commercial web host, contact the administrators for assistance in # doing this. Not all servers allow local php.ini files, and they should # include all PHP configurations (not just this one), or you will effectively # reset everything to PHP defaults. Consult www.php.net for more detailed # information about setting PHP directives. #php_flag register_globals Off # For servers that support output compression, you should pick up a bit of # speed by un-commenting the following lines. #php_flag zlib.output_compression On #php_value zlib.output_compression_level 5 # The following directives stop screen flicker in IE on CSS rollovers. If # needed, un-comment the following rules. When they're in place, you may have # to do a force-refresh in order to see changes in your designs. #ExpiresActive On #ExpiresByType image/gif A2592000 #ExpiresByType image/jpeg A2592000 #ExpiresByType image/png A2592000 #BrowserMatch "MSIE" brokenvary=1 #BrowserMatch "Mozilla/4.[0-9]{2}" brokenvary=1 #BrowserMatch "Opera" !brokenvary #SetEnvIf brokenvary 1 force-no-vary
3) в настройках Friendly URL (19):
- FURL Alias Real-Time - YES,
- Use Friendly URLs -YES,
translite не устанавливал, т.к.title страницы писал на английском.
4) примеры скринов
http://savepic.net/9694730.htm
http://savepic.net/9675274.htm
-
-
В templates еще лежат pug файлы.
Инструменты:
- для браузера perfectpixel, colorzilla, pageruler и еще floc
- редактор st3
- локальный сервер lamp(у меня linux)
- для деплоя filezilla или gulp
- эмуляция IE и photoshop - virtualbox
- для разработки git, node, yarn, gulp, bower, terminal, pug, scss
- f.lux чтоб глазки не уставали
- онлайн сервисы can I use, favicon generator, jsFiddle
Что вспомнил)))
- 1
-
Привет, Света! Давно не виделись))
А можно и я свои 5 коп вставлю
http://savepic.ru/14844900.gif
Сборка в assets
- 1
-
Ничег не понял)))
-
-
Всем привет!
Помогите реализовать нормальную горизонтальную прокрутку
-
Здесь был странный текст
-
А вы все еще спорите)))
Лучше помогите правильно решить задачку
Нужно последнюю букву 't', сделать заглавной используя строковые функции без циклов. У меня хрень какая-то.
var str = 'lorem ipsum dolor sit amet.';
var letter = str.substr(-2,1).toUpperCase();
var find = str.lastIndexOf('t');
var result = str.replace(str[find], letter);
console.log(result); -
Буква D появилась. Спасибо. Ничего не мешает просто поставить через координаты)))
Но в IE11 все так же нет фона у .container.
У вас есть соображения как сделать fallback на hex с mask на тот случай, если фон не появится)))?
C clip-path понятно, я тоже видел что нет поддержки для IE на canIuse. Значит лучше SVG (ну, там еще есть парочка вариантов) для всех браузеров.
Fallback у меня на FF не работает. Стоит linux and ff53.03
-
Как решить вопрос с кроссбраузерностью таких вещей?
В firefox буквы "D" (маски) нету и clip-path не отрисовывается на сером блоке. А в IE - полная грусть.
А это разметка
-
Нужно было уточнить, сам виноват, что решение должно быть без функции и сложных махинаций, в рамках if-else-for-while.
Но все равно спасибо. Закидали ответами)))
-
До методов я еще не дошел
-
-
48 минут назад, andrey7287 сказал:
Не вставлять её в сетку.
все логично
-
Интересный ты человек)))
Может хотя бы для начала стоит ознакомиьтся с документацией bootstrap 3 или 4. Мануалов на русском куча.
Любая картинка влезет.
Почитай про сетку bootstrap и все поймешь.
-
Я же не знаю как ты разметил. И как стилизовал.
Покажи и посмотрим
ААА, так ты вообще еще ничего не делал)))))))
-
И новая задачка)))
Уже битый час сижу и не могу сложить два куска кода во единый. Или вообще неправильно мыслю?
Дан массив с числами. Числа могут быть положительными и отрицательными. Найдите сумму положительных элементов массива.
Выбирает положительные числа
var num = [4, -1, 2, 5, -8, -5, 9, -4];
for(var i = 0; i < num.length; i++) {
if (num > 0) {
var plus = num;
}
}Сумма положительных чисел
var sum = 0;
for (var j = 0; j < plus.length; j++) {
sum += plus[j];
}
console.log(sum); -
Код в студию
-
Лично мне из того, что ты сейчас показал ничего не понятно.
Предоставь информацию более понятно, нагляднее, исходники покажи.
Но прежде просто проверь пути к css файлу(файлам).
-
-
Это было так просто оказывается)))
-
А можно вопрос? У вас основное направление какое? Верстальщик, программист, ...?
Верстка, Мой первый code review
in Discussion of works
Posted · Edited by Schamil74
Если это первая верстка, то хорошо. У меня было хуже.
Замечания
1) Задавайте размеры, а от этого проблемы:
https://prnt.sc/iy5meu
https://prnt.sc/iy5nht
2) Че-то ругается https://validator.w3.org/nu/?doc=https%3A%2F%2Filyakash.github.io%2FBlitz%2Findex.html
3) слайдер в хедер, ну не знаю, я бы не стал.
Рекомендации, кратко:
Прочитайте про БЭМ.
Учитесь делать адаптив.
Переходите на препроцессор html и css (pug и scss, например)
Используйте сборщики.