Форум русскоязычного сообщества Ubuntu


Считаете, что Ubuntu недостаточно дружелюбна к новичкам?
Помогите создать новое Руководство для новичков!

Автор Тема: Создание формы... Qt, CSS  (Прочитано 1723 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн RazrFalcon

  • Автор темы
  • O_o
  • Старожил
  • *
  • Сообщений: 3129
  • Zombie Mod
    • Просмотр профиля
    • Я на GitHub
Создание формы... Qt, CSS
« : 24 Октября 2011, 15:25:26 »
Как сделать такую же формочку как на: https://gitorious.org/sessions
Я про:


Интересует:
1) Как это вообще сделано, на этом сайте?
2) Можно ли это сделать с помощью css?
3) Как повторить в Qt/QML? Сделать SVG и впихнуть его на форму или самому нарисовать через CSS?

Gentoo + KDE, Official Windows Hater
Хотите помочь нашей вики: https://help.ubuntu.ru/wiki/fixme

Оффлайн xeon_greg

  • Активист
  • *
  • Сообщений: 981
    • Просмотр профиля
Re: Создание формы... Qt, CSS
« Ответ #1 : 25 Октября 2011, 16:53:42 »
Цитировать
1) Как это вообще сделано, на этом сайте?
2) Можно ли это сделать с помощью css?
хм, а ты думаешь на чем это написано?
HTML+CSS. отключи основной стиль страницы в браузере и увидишь скелет этой формы.

Оффлайн RazrFalcon

  • Автор темы
  • O_o
  • Старожил
  • *
  • Сообщений: 3129
  • Zombie Mod
    • Просмотр профиля
    • Я на GitHub
Re: Создание формы... Qt, CSS
« Ответ #2 : 25 Октября 2011, 17:33:21 »
отключи основной стиль страницы в браузере и увидишь скелет этой формы.
Как это сделать?
Gentoo + KDE, Official Windows Hater
Хотите помочь нашей вики: https://help.ubuntu.ru/wiki/fixme

Оффлайн xeon_greg

  • Активист
  • *
  • Сообщений: 981
    • Просмотр профиля
Re: Создание формы... Qt, CSS
« Ответ #3 : 25 Октября 2011, 17:48:20 »
в firefox  - вид - стиль страницы - без стиля. проще отследить код и используемый им CSS в firebug, такая классная примочка для firefox, находу можно редактировать стили , дом , и много еще чего..

Оффлайн RazrFalcon

  • Автор темы
  • O_o
  • Старожил
  • *
  • Сообщений: 3129
  • Zombie Mod
    • Просмотр профиля
    • Я на GitHub
Re: Создание формы... Qt, CSS
« Ответ #4 : 25 Октября 2011, 18:34:33 »
в firefox  - вид - стиль страницы - без стиля
Страница превратилась в УГ и все  :)
проще отследить код и используемый им CSS в firebug, такая классная примочка для firefox, находу можно редактировать стили , дом , и много еще чего..
В хроме тож такое есть, только я не пойму где именно смотреть.
Я так понимаю что сразу со страницы нельзя в кьют впихнуть?
Gentoo + KDE, Official Windows Hater
Хотите помочь нашей вики: https://help.ubuntu.ru/wiki/fixme

Оффлайн xeon_greg

  • Активист
  • *
  • Сообщений: 981
    • Просмотр профиля
Re: Создание формы... Qt, CSS
« Ответ #5 : 25 Октября 2011, 18:50:32 »
да в принципе похожий инструмент, но баг-  для меня привычней,сути не меняет.развернуть дерево тэгов, когда по ним перемещаешься - блоки на странице подсвечиваются, сразу найдешь интересующий тебя блок,есть функция визуального определения нужного блока, когда прям мышью тыкаешь на блок - и тебе сразу в дереве показывает его. справа - стиль выделенного блока. про QT не скажу - не юзал, особенностей не знаю,

Оффлайн abr_ubuntu

  • Участник
  • *
  • Сообщений: 102
    • Просмотр профиля
Re: Создание формы... Qt, CSS
« Ответ #6 : 27 Октября 2011, 13:24:40 »
Я так понимаю что сразу со страницы нельзя в кьют впихнуть?
Есть инструмент QWebBrowser - просто берёш и страницу туда впихиваеш. Как оттуда данные доставать - google.com и qt.nokia.com тебе в помощ.
Помимо QWebBrowser щё какой-то компонент есть, что-то наподобие QTextDocument. Тока я не помню, поискать надо. Он тоже html принимает и показывает как в браузере

 

Страница сгенерирована за 0.016 секунд. Запросов: 20.