Найти на сайте
  2. Пользователи
  3. Львенок
  4. Форум
Львенок

Львенок

медленно, но верно...
+46
Репутация
14327
Рейтинг
#1 Чего не хватает в шаблонах 12 ноября 2011 в 22:11


Львенок, ну что Вы как маленький, ну на самом деле. Таблица стилей 960.css применяется только в в файле разметки шаблона template.php, стили для отображения элементов компонентов и модулей прописаны в styles.css

airy
Ну не надо меня совсем уж маленьким считать. Я все это прекрасно понимаю. 960.css — это всего лишь небольшой подводный камешек из многих, на который наступаешь при создании действительно "индивидуального" шаблона заточенного под собственные нужды. Это не только переработка стандартных стилей. Это и переработка шаблонов компонентов и модулей. Это и вопросы по Смарти… Ладно, не буду о больных мозолях…
0
#2 Чего не хватает в шаблонах 12 ноября 2011 в 21:26


Блин, это же из css-framework'a 960 Grid System

airy
совершенно верно

Fuze
Ну вот, уже кое-что проясняется… А вы говорите бесполезная…
0
#3 Чего не хватает в шаблонах 12 ноября 2011 в 21:23
Не так все просто. Что-то периодически сталкиваюсь с разными граблями… То одно нужное мне не получается, то другое… Начинаю вязнуть в обилии стилей, методов их присвоения и иерархии наследования. Пытаюсь разложить все по полочкам: где чего. Выстроить все логические схемы и цепочки в дизайне шаблонов. Поскольку делаю это нерегулярно, приходится эту информацию где-то сохранять. Ну и мне кажется, кому-то она тоже будет полезна.
0
#4 Чего не хватает в шаблонах 12 ноября 2011 в 20:26
Выложу файл 960.css для ознакомления. Надеюсь админы не обидятся. У меня есть подозрения, что эти стили созданы какой-то верстальной программой в автоматическом режиме.

  1. body{min-width:960px}
  2. .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}
  3. .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}
  4. .push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}
  5. .container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}
  6. .container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}
  7. .alpha{margin-left:0}
  8. .omega{margin-right:0}
  9. .container_12 .grid_1{width:60px}
  10. .container_12 .grid_2{width:140px}
  11. .container_12 .grid_4{width:300px}
  12. .container_12 .grid_5{width:380px}
  13. .container_12 .grid_7{width:540px}
  14. .container_12 .grid_8{width:620px}
  15. .container_12 .grid_10{width:780px}
  16. .container_12 .grid_11{width:860px}
  17. .container_16 .grid_1{width:40px}
  18. .container_16 .grid_2{width:100px}
  19. .container_16 .grid_3{width:160px}
  20. .container_16 .grid_5{width:280px}
  21. .container_16 .grid_6{width:340px}
  22. .container_16 .grid_7{width:400px}
  23. .container_16 .grid_9{width:520px}
  24. .container_16 .grid_10{width:580px}
  25. .container_16 .grid_11{width:640px}
  26. .container_16 .grid_13{width:760px}
  27. .container_16 .grid_14{width:820px}
  28. .container_16 .grid_15{width:880px}
  29. .container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}
  30. .container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}
  31. .container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}
  32. .container_12 .prefix_1{padding-left:80px}
  33. .container_12 .prefix_2{padding-left:160px}
  34. .container_12 .prefix_4{padding-left:320px}
  35. .container_12 .prefix_5{padding-left:400px}
  36. .container_12 .prefix_7{padding-left:560px}
  37. .container_12 .prefix_8{padding-left:640px}
  38. .container_12 .prefix_10{padding-left:800px}
  39. .container_12 .prefix_11{padding-left:880px}
  40. .container_16 .prefix_1{padding-left:60px}
  41. .container_16 .prefix_2{padding-left:120px}
  42. .container_16 .prefix_3{padding-left:180px}
  43. .container_16 .prefix_5{padding-left:300px}
  44. .container_16 .prefix_6{padding-left:360px}
  45. .container_16 .prefix_7{padding-left:420px}
  46. .container_16 .prefix_9{padding-left:540px}
  47. .container_16 .prefix_10{padding-left:600px}
  48. .container_16 .prefix_11{padding-left:660px}
  49. .container_16 .prefix_13{padding-left:780px}
  50. .container_16 .prefix_14{padding-left:840px}
  51. .container_16 .prefix_15{padding-left:900px}
  52. .container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}
  53. .container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}
  54. .container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}
  55. .container_12 .suffix_1{padding-right:80px}
  56. .container_12 .suffix_2{padding-right:160px}
  57. .container_12 .suffix_4{padding-right:320px}
  58. .container_12 .suffix_5{padding-right:400px}
  59. .container_12 .suffix_7{padding-right:560px}
  60. .container_12 .suffix_8{padding-right:640px}
  61. .container_12 .suffix_10{padding-right:800px}
  62. .container_12 .suffix_11{padding-right:880px}
  63. .container_16 .suffix_1{padding-right:60px}
  64. .container_16 .suffix_2{padding-right:120px}
  65. .container_16 .suffix_3{padding-right:180px}
  66. .container_16 .suffix_5{padding-right:300px}
  67. .container_16 .suffix_6{padding-right:360px}
  68. .container_16 .suffix_7{padding-right:420px}
  69. .container_16 .suffix_9{padding-right:540px}
  70. .container_16 .suffix_10{padding-right:600px}
  71. .container_16 .suffix_11{padding-right:660px}
  72. .container_16 .suffix_13{padding-right:780px}
  73. .container_16 .suffix_14{padding-right:840px}
  74. .container_16 .suffix_15{padding-right:900px}
  75. .container_12 .push_3,.container_16 .push_4{left:240px}
  76. .container_12 .push_6,.container_16 .push_8{left:480px}
  77. .container_12 .push_9,.container_16 .push_12{left:720px}
  78. .container_12 .push_1{left:80px}.container_12 .push_2{left:160px}
  79. .container_12 .push_4{left:320px}.container_12 .push_5{left:400px}
  80. .container_12 .push_7{left:560px}.container_12 .push_8{left:640px}
  81. .container_12 .push_10{left:800px}.container_12 .push_11{left:880px}
  82. .container_16 .push_1{left:60px}.container_16 .push_2{left:120px}
  83. .container_16 .push_3{left:180px}.container_16 .push_5{left:300px}
  84. .container_16 .push_6{left:360px}.container_16 .push_7{left:420px}
  85. .container_16 .push_9{left:540px}.container_16 .push_10{left:600px}
  86. .container_16 .push_11{left:660px}.container_16 .push_13{left:780px}
  87. .container_16 .push_14{left:840px}.container_16 .push_15{left:900px}
  88. .container_12 .pull_3,.container_16 .pull_4{left:-240px}
  89. .container_12 .pull_6,.container_16 .pull_8{left:-480px}
  90. .container_12 .pull_9,.container_16 .pull_12{left:-720px}
  91. .container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}
  92. .container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}
  93. .container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}
  94. .container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}
  95. .container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}
  96. .container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}
  97. .container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}
  98. .container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}
  99. .container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}
  100. .container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}
  101. .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
  102. .clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
  103. * html .clearfix,*:first-child+html .clearfix{zoom:1}
0
#5 Чего не хватает в шаблонах 12 ноября 2011 в 20:11
Немного информации о стилях в стандартном шаблоне Инстанта (у меня на 1.8).

Итак в "/templates/_default_/template.php" подключаются следующие css-файлы: reset.css, text.css, 960.css, styles.css

  1.     <link href="/templates/_default_/css/reset.css" rel="stylesheet" type="text/css" />
  2.     <link href="/templates/_default_/css/text.css" rel="stylesheet" type="text/css" />
  3.     <link href="/templates/_default_/css/960.css" rel="stylesheet" type="text/css" />
  4.     <link href="/templates/_default_/css/styles.css" rel="stylesheet" type="text/css" />
  5.  
Все они лежат в папочке "/templates/_default_/css/".

Кроме того, для администраторов там же подключаются еще 2 файла: modconfig.css, nyromodal.css
  1.     <?php if($inUser->is_admin){ ?>
  2.         <script src="/admin/js/modconfig.js" type="text/javascript"></script>
  3.         <script src="/templates/_default_/js/nyromodal.js" type="text/javascript"></script>
  4.         <link href="/templates/_default_/css/modconfig.css" rel="stylesheet" type="text/css" />
  5.         <link href="/templates/_default_/css/nyromodal.css" rel="stylesheet" type="text/css" />
  6.     <?php } ?>
  7.  
Файл reset.css сбрасывает и обнуляет все параметры всех стилей, чтобы вдруг не вылез какой-нибудь сохраненный или унаследованный откуда-то где-то стиль.

Файл text.css хранит информацию для следующих тегов:
  1. body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}
  2. a:focus{}
  3. hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
  4. h1{font-size:25px}
  5. h2{font-size:23px}
  6. h3{font-size:21px}
  7. h4{font-size:19px}
  8. h5{font-size:17px}
  9. h6{font-size:15px}
  10. ol{list-style:decimal}
  11. ul{list-style:disc}
  12. li{margin-left:30px}
  13. p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:0px}
Практика показывает, что редактированием только этого файла очень тяжело добиться желаемого результата. Эти стили отображают в лучшем случае отображением текста статей. Как правило, все остальные тексты перебиваются какими-либо другими стилями компонентов, меню и пр.


Файл 960.css больше всего ставит меня в тупик. В нем заложена некая логика верстки и форматирования элементов шаблона. Но вот какую мне пока непонятно. Выложу позже отформатированный отдельным сообщением (если никто не возражает =). Содержит имена классов типа .container_XX, .grid_XX, .prefix_XX, .suffix_XX, .push_XX, .pull_XX, где XX число вроде номера колонки или ширина в неких колонках. Ширина колонки может колебаться (пока мне непонятно в зависимости от чего).

Файл styles.css содержит все многообразие стилей используемых в инстанте в различных компонентах.

  1. /*----------------------------------------------------------------------------*/
  2. /*------                                                                ------*/
  3. /*------    Внимание! Этот файл содержит огромное количество стилей     ------*/
  4. /*------    Не пытайтесь найти здесь что-то вручную                     ------*/
  5. /*------    Для поиска названия нужного стиля используйте Firebug:      ------*/
  6. /*------    http://instantcms.ru/content/0/read58.html              ------*/
  7. /*------                                                                ------*/
  8. /*----------------------------------------------------------------------------*/
  9.  
Выложу лишь заголовки разделов, после которых идут соответствующие стили и ключевые id и префиксы стилей:

  1. /***************************** Шапка страницы *********************************/
  2. /******************************* Верхнее меню *********************************/
  3. #topmenu
  4. /*************************** Верхний широкий модуль ***************************/
  5. #topwide
  6. /*************************** Верхний главный модуль ***************************/
  7. #main
  8. /********************************* Сайдбар ************************************/
  9. #sidebar
  10. /********************************** Футер *************************************/
  11. #footer
  12. /************************* Кнопки настройки модулей ***************************/
  13. span.fast_cfg_link
  14. /**************************** Сообщения сессии ********************************/
  15. .sess_messages
  16. /*-------------------------- HORIZONTAL MENU ---------------------------------*/
  17. .menutd
  18. /*------------------------ MODULE "LATEST PHOTO" -----------------------------*/
  19. .mod_lp_
  20. /*--------------------------- MODULE "POLLS" ---------------------------------*/
  21. .mod_poll_
  22. /*------------------------ MODULE "AUTHORIZATION" ----------------------------*/
  23. .authtable
  24. /*----------------------- MODULE "LATEST ARTICLES" ---------------------------*/
  25. .mod_latest_
  26. /*-------------------------- REGISTRATION FORM -------------------------------*/
  27. .reg
  28. /*------------------------------- LOGIN FORM ---------------------------------*/
  29. .lf_
  30. .login_form
  31. /*------------------------------ PAGES BAR -----------------------------------*/
  32. .pagebar
  33. /*----------------------------- SITE SEARCH ----------------------------------*/
  34. .search_
  35. /*------------------------- COMPONENT "CONTENT" ------------------------------*/
  36. .component
  37. .con_
  38. /*------------------------- COMPONENT "PHOTOS" -------------------------------*/
  39. .photo_
  40. /*---------------------------- ARTICLE CONTENTS ------------------------------*/
  41. .con_pt
  42. /*-------------------------------- SHOP CART ---------------------------------*/
  43. .cart_
  44. /*------------------------ COMPONENT "PRICE LIST" ----------------------------*/
  45. .pricerow
  46. /*----------------------- MODULE "LATEST COMMENTS" ---------------------------*/
  47. .mod_com_
  48. /*--------------------- MODULE "LATEST FORUM WEB2.0" -------------------------*/
  49. .mod_fweb2_
  50. /*-------------------------- MODULE "CALENDAR" -------------------------------*/
  51. .calendar
  52. /*-------------------------- UNIVERSAL CATALOG -------------------------------*/
  53. .uc_
  54. /*----------------------MODULE "LATEST FROM CATALOG"--------------------------*/
  55. .uc_latest_
  56. /*------------------------- MODULE "SITE TAGS" -------------------------------*/
  57. a.tag
  58. /*---------------------------PERSONAL MENU -----------------------------------*/
  59. .mod_user_menu
  60. .usr_msgmenu_bar
  61. /************************** Новые пользователи ********************************/
  62. .mod_new_user
  63. /*----------------------------- COMPONENT "FAQ" ------------------------------*/
  64. .faq_
  65. /*------------------------------- KARMA --------------------------------------*/
  66. .karma_
  67. /*------------------------------ TAG BAR -------------------------------------*/
  68. .tag
  69. /*------------------------ MODULE "LATEST BLOG POSTS" ------------------------*/
  70. .mod_blog_
  71. /*------------------------- MODULE "LATEST FAQ QUESTS" -----------------------*/
  72. /* ------------------------ MODULE "LATEST BOARD ITEMS" --------------------- */
  73. .new_board_
  74. /* ---------------------------- MODULE "LATEST CLUBS" ----------------------- */
  75. .mod_clubs div.club_entry
  76. /* ----------------------------- MODULE "USER RATING" ----------------------- */
  77. .mod_user_rating
  78.  
  79. /* ========================================================================== */
  80. /* =========================== КОМПОНЕНТЫ =================================== */
  81. /* ========================================================================== */
  82.  
  83. /* ========================================================================== */
  84. /* ============================== БЛОГИ ===================================== */
  85. /* ========================================================================== */
  86. .blog_
  87. /* ========================================================================== */
  88. /* ========================= ДОСКА ОБЪЯВЛЕНИЙ =============================== */
  89. /* ========================================================================== */
  90. .bd
  91. /* ========================================================================== */
  92. /* ============================== КАТАЛОГ =================================== */
  93. /* ========================================================================== */
  94. #shop_
  95. /* ========================================================================== */
  96. /* ============================== КЛУБЫ ===================================== */
  97. /* ========================================================================== */
  98. div.new_club
  99. div.club_entry
  100. /* ========================================================================== */
  101. /* =========================== КОММЕНТАРИИ ================================== */
  102. /* ========================================================================== */
  103. .cmm_
  104. /* ========================================================================== */
  105. /* ============================== КОНТЕНТ =================================== */
  106. /* ========================================================================== */
  107. #con_
  108. .con_
  109. /* ========================================================================== */
  110. /* ============================== ФОРУМ ===================================== */
  111. /* ========================================================================== */
  112. .forum_
  113. /* ========================================================================== */
  114. /* ========================== ПОЛЬЗОВАТЕЛИ ================================== */
  115. /* ========================================================================== */
  116. #usr_
  117. .users_
  118. /* ========================================================================== */
  119. /* ======================= ЛЕНТА АКТИВНОСТИ ================================= */
  120. /* ========================================================================== */
  121. .action_
  122.  
О том, что лежит отдельно.
Для различных прибамбасов на jquery типа treeview, lightbox, tabs стили лежат в "/includes/jquery" в соответствующих папочках.
0
#1 Чего не хватает в шаблонах 9 ноября 2011 в 11:11
Ссори, если эта тема уже поднималась. Я немного нерегулярно добираюсь сюда =).

Когда я пытаюсь разработать новый шаблон для Инстанта, я сталкиваюсь с какими-то своими проблемами. Я могу решить эту какую-то проблему чисто для себя. Но… другие сталкиваются при правке стандартных шаблонов тоже с какими-то своими проблемами, и мне хотелось бы, чтобы вы здесь об этом написали. Понятно, что здесь сейчас будет разнобой мнений и пожеланий, но мне бы хотелось сейчас именно с ними ознакомиться и проанализировать, и использовать эту информацию в разработке новых шаблонов.

Надеюсь, что это не противоречит правилам форума.

Собственно от себя добавлю: сложности
Некий избыток стилей, используемый в CSS-таблице (на мой взгляд не всегда обоснованный, но это чисто имхо). Достаточно разнородное присваивание стилей. Нужно каждый раз в каждом компоненте разбираться, где как какой стиль присваивается.

В идеале, если мы сюда еще накидаем описания присвоений стилей по каждому компоненту, то это можно будет выложить уже в Документацию к Инстанту.
0
#6 Масоовая загрузка фото 2 февраля 2011 в 23:19


может быть нет прав на саму директорию?
chmod 777 dir

Walterz70
На какую именно? можно по подробнее?

arhangel88888

Помотри права на доступ к папке, куда php временно заливает подгруженные файлы.
У каждого хостера они могут быть разные.
0
#7 [ЕСТЬ РЕШЕНИЕ] Каждой странице разный фон 2 февраля 2011 в 00:53
можно попробовать яваскриптом где-нибудь в тексте присваивать в style
можно попытаться по onload подгружать скрипт и менять цвет так же через css.
0
#8 Вопрос по клубам 27 декабря 2010 в 01:03
Вот код в 1.7 который отвечает за проверку разрешать или нет Юзеру создавать клуб:
  1. $can_create = $user_id && ( $inUser->is_admin || ($cfg['cancreate'] && !$inDB->get_field('cms_clubs', 'admin_id='.$user_id, 'id') && cmsUser::getKarma($user_id)>=$cfg['create_min_karma'] && $inUser->rating>=$cfg['create_min_rating']));
Явно здесь я не вижу ограничений на кол-во создаваемых клубов
0
#9 [ЕСТЬ РЕШЕНИЕ] flash загрузчик фото 25 декабря 2010 в 20:35
сравните права доступа папок, куда временно скидываются заапложенные файлы.
У меня один раз простейший скрипт загрузки файлов не хотел вообще работать…
0
#10 [ЕСТЬ РЕШЕНИЕ] Перенес некоторые статьи в другой раздел, как сделать редирект? 17 декабря 2010 в 10:11


Проблемка такая.
Все статьи были в одном разделе, в /stati
Решил часть статей перенести в новый раздел /video
На старые страницы ведут внешние ссылки и через яндекс на них шел хороший трафик.

Как сделать так, чтобы для порядка 10 статей
при обращении к /stati/file1.html редиректило на /video/file1.html
/stati/file2.html на /video/file2.html
и т.д.

в каком файле и где это можно прописать и как?
Вставка header("Location:/video/file1.html"); в index.php не помогает,
все равно выдает "Страница не найдена — 404"

SergeyK
Порыться в файле /components/content/router.php и прописать перекинутые статьи
0
#11 [ЗАКРЫТО] Мультзигрузка фотографий 15 декабря 2010 в 17:40


эээ… я ведь опять напишу то, что думаю...

Львенок
что вы все грозитесь то и пеняете на других??
пеняйте на себя в первую очередь и если что-то хотите сделать — делайте.

p.s. мультизагрузка и в RC и в релизе была и есть только в личных альбомах. В общих альбомах ее НЕ было вообще!

Fuze
Раз уж тема перешла во флуд… Вот я так безумно счастлив, что оказывается мультизагрузки не было вообще в общих альбомах, блин…
0
#12 [ЗАКРЫТО] Мультзигрузка фотографий 15 декабря 2010 в 16:42


Да толку-то. От кучи незапланированной возни не освобождает...
Это ж мне сейчас куски кода двух загрузок (в фотогалерее и в пользователе) выверять и понимать разницу и переносить одно в другое...

Львенок

если так рассуждать то получается что этот движок и был написан в результате "незапланированной возни" :)
сделайте мультизагрузку в галерее не дожидаясь нас, пришлите патч — мы включим его в дистрибутив
не вижу смысла устраивать истерику, мы тут все работаем на одинаковых условиях с вами

Администратор
эээ… я ведь опять напишу то, что думаю…
0
#13 [ЗАКРЫТО] Мультзигрузка фотографий 15 декабря 2010 в 01:01


Очень близок к этому...

Львенок
Есть старая хорошая пословица — Не спеши, а то успеешь ...
И еще — Утро, вечера мудренее ...

Madmax
Да толку-то. От кучи незапланированной возни не освобождает...
Это ж мне сейчас куски кода двух загрузок (в фотогалерее и в пользователе) выверять и понимать разницу и переносить одно в другое…
0
#14 [ЗАКРЫТО] Мультзигрузка фотографий 15 декабря 2010 в 01:01


Очень близок к этому...

Львенок
Есть старая хорошая пословица — Не спеши, а то успеешь ...
И еще — Утро, вечера мудренее ...

Madmax
Да толку-то. От кучи незапланированной возни не освобождает...
Это ж мне сейчас куски кода двух загрузок (в фотогалерее и в пользователе) выверять и понимать разницу и переносить одно в другое…
0

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.