Перейти к содержимому

Фотография

Курсы web разаботка

Автор Jaga-Jaga, 06.02.2019, 11:46

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 27

#21
zavuch
Отправлено 19.04.2019, 13:39:49

zavuch
  • В доску свой
  • 1 821 сообщений

Lexx,

такой сайт

post-561090-0-08609000-1554555086_thumb.

 

можно сделать и без ЦСС, единственное, тень шэдоу-боксом конечно лучше накладывать, чем картинками, и фон масштабировать

а так внешне стиль сайтов разработки 90х годов получился..


  • 0

#22
T-800 Danya
Отправлено 19.04.2019, 15:03:46

T-800 Danya
  • Постоялец
  • 370 сообщений

можно сделать и без ЦСС, единственное, тень шэдоу-боксом конечно лучше накладывать, чем картинками, и фон масштабировать
а так внешне стиль сайтов разработки 90х годов получился..

 

ИМХО не 90х , 2000x :)

 

 

Скрытый текст

Сообщение отредактировал T-800 Danya: 19.04.2019, 15:04:10

  • 1

#23
zavuch
Отправлено 19.04.2019, 15:06:46

zavuch
  • В доску свой
  • 1 821 сообщений

Ооо какой раритет!!!  :bow:


  • 0

#24
lexx821
Отправлено 20.04.2019, 19:19:03

lexx821
  • Завсегдатай
  • 158 сообщений
шэдоу-боксом конечно лучше накладывать

я так и делаю

#content {
  background-color:white;
  box-shadow:0px 0px 26px 5px #0B2161;
}
 

 

 

фон масштабировать

 

я так и делаю 

 

body {
  margin:0;
  padding:0;
  font-family:sans-serif;
  background-color:#013ADF; 
  background-image:url('./bg/bg.jpg');
  background-size:cover;
}
 
#header {
  background-image:url('./bg/111_comp.jpg');
  background-size:cover;
}
 
И в меню не картинки а linear-gradient:
#menu {
  box-shadow:0px 0px 14px #013ADF; /*#999999;*/
  background: linear-gradient(#819FF7, #013ADF, #013ADF, #819FF7); 
  color:white;
}
 
#menu a.active { 
  background: linear-gradient(#FFF, #AAA, #AAA, #FFF);
  color:#013ADF; /*border:1px solid #013ADF;*/ border:0px;
}
 
 

 

стиль сайтов разработки 90х годов получился
У нас тут где я живу, все такие сайты, я специально прошёлся в гугл мэпс и посмотрел сайты всех фирм, он адаптивный, а сайт 90х не может быть адаптивным, и гугл сайту 90х дал бы мало очков моему сайту, а не 100%.
 
Адаптивный (на мобильном устройстве)
mobile02.jpg
 
На андроиде
mobile01.jpg

 

Для печати

print.jpg

 

Оценка моего сайта 100 (причём не десктопная версия, а мобильная)
result.jpg

 

 

 

разработки 90х годов получился
 

А это тоже из 90х? Там ведь тени, наверное тени это картинка, а не box-shadow !!! И кнопки наверное картинка а не linear-gradient! И полупрозрачность наверное не rgba а старый opacity, и анимация наверное на flash сделано, нет?

https://vse.kz/topic.../#entry35863388

 

Кстате я его изменил немного и добавил эффект размытости фона, наверное вы скажите что это тоже размытая картинка, нет?

lastresult.png

 

Я добавил класс blur

    .blur {
          filter:blur(5px);
    }

И изменил код javascript:

  function show_help() {
    document.getElementById('help_bg').setAttribute('class', 'show');
    setTimeout(function() { document.getElementById('content').setAttribute('class', 'blur'); }, 2000);
  }

  function hide_help() {
    document.getElementById('help_bg').setAttribute('class', 'hide');
    setTimeout(function() { document.getElementById('help_bg').setAttribute('class', 'hidden'); document.getElementById('content').setAttribute('class', ''); }, 4000);
  }

можно сделать и без ЦСС
 

Это как? Ввиде одной картинки? Хорошо уговорили сегодня или завтра постораюсь сделать без css, ввиде картинки посмотрим какую оценку даст гугл моему сайту.


Сообщение отредактировал lexx821: 20.04.2019, 19:52:10

  • 0

#25
lexx821
Отправлено 20.04.2019, 22:29:56

lexx821
  • Завсегдатай
  • 158 сообщений

можно сделать и без ЦСС

 

Я ошибался в себе, я оказывается нуб, который только и может делать "Hello Worldы"!

Вам большое спасибо zavuch!

Скрытый текст

 

Результат насколько высоко теперь оценивает гугл мой веб сайт, благодаря вашей инновативной идеи:

Скрытый текст
 
P.S. 
Скрытый текст

Сообщение отредактировал lexx821: 21.04.2019, 00:42:30

  • 0

#26
lexx821
Отправлено 21.04.2019, 03:27:08

lexx821
  • Завсегдатай
  • 158 сообщений

 

что хотели сказать-то?

 

[spoile]Может я  и ошибаюсь, но ОНИ ИМХО, возможно, хотели сказать, что ОСВОИЛИ очередной Hello World  на Joomla 1.5 по СУПЕР Видеокурсу на DVD N-дцатилетней давности на Немецком Языке ...  :)[/spoiler]

 

 

Спасибо большое вам за вашу критику!

Скрытый текст

Сообщение отредактировал lexx821: 21.04.2019, 04:05:42

  • 0

#27
lexx821
Отправлено 28.04.2019, 04:01:14

lexx821
  • Завсегдатай
  • 158 сообщений

Я понял в чём проблема, вся проблема вот в этом, я не понимаю это:

Скрытый текст

 

Если бы это я бы понял бы, я бы то возможно был бы классным веб-дизайнером! Почти все тэги html5, аттрибуты, css3 (правила, имена стилей, свойства и значения css),js выучил я наизусть, к jQuery я отношусь очень негативно. Вот что-то получилось, но мне не нравится мой новый дизайн:

Скрытый текст

 

P.S.:

Скрытый текст


Сообщение отредактировал lexx821: 28.04.2019, 04:15:04

  • 0

#28
zavuch
Отправлено 30.04.2019, 16:39:12

zavuch
  • В доску свой
  • 1 821 сообщений

Дизайн рассудком не понять, ещё там чем-то не измерить, дизайну можно только верить ))

Хрень всё эти "правила" дизайна, тут либо есть вкус, интуиция, либо нет. Выучить дизайн имхо невозможно, натренироваться на примере чужих сайтов типа вот так надо а так не надо... мммм... нельзя  :D

 

А так - да, только картинки, только хардкор!!  :lol:

 

Я был членом W3C. Не порадовало. Скидывают тонны черновых проектов на пицьсот страниц типа "а что вы думаете о новом сценарном языке blablascript а вот образец кода: ~!@#$%^&" и надо писать комментарии развёрнутее чем "КГАМ" и всё это за просто так...


  • 0
Обратно в WEB-mastering


Количество пользователей, читающих эту тему: 1

пользователей: 0, неизвестных прохожих: 1, скрытых пользователей: 0

  1. Все Вместе
  2. → Сети и информационные технологии
  3. → WEB-mastering

Размещение рекламы на сайте     Предложения о сотрудничестве     Служба поддержки пользователей

© 2011-2019 vse.kz. При любом использовании материалов Форума ссылка на vse.kz обязательна.