Найти на сайте
  2. Форумы
  3. ОБСУЖДЕНИЯ
  4. Разработка дополнений
  5. Чего не хватает в шаблонах

Чего не хватает в шаблонах

Опрос: С какими сложностями в шаблонах вы сталкиваетесь?

#1 9 ноября 2011 в 11:11
Ссори, если эта тема уже поднималась. Я немного нерегулярно добираюсь сюда =).

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

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

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

В идеале, если мы сюда еще накидаем описания присвоений стилей по каждому компоненту, то это можно будет выложить уже в Документацию к Инстанту.
0
#2 9 ноября 2011 в 22:40
Скажу сразу, что ни на Инстанте, ни на какой-либо другой системе или без системы у меня ничего нет. Так, тыкаюсь, мыкаюсь...
Ну а сложности по системе, моё имхо, неизбежны. Просто мы, люди, не можем, видимо, иначе — постоянно надо нам что-то где-то дорабатывать, изменять, усовершенствовать. И нет предела совершенству...

Вот взять хотя бы унификацию шрифта. Есть, казалось бы text.css. Измени его и на сайте весь текст поменяется. Он и поменяется, почти весь. А 2-3% надо менять ручками. Запускаешь анализатор элемента или поиск по системе, если
знаешь название шрифта. Находятся они, иногда, в самых неожиданных местах. Начал даже как-то составлять перечень где что, но всё улетело (у меня как рок какой-то — раз в год-полтора то винчестер накроется, то флешка, щас вот
Тошиба новая вмэрла — грустчу; диски хороши, но имеют свойство затираться, во всех смыслах этого слова).

Сейчас идёт тестирование 1.9rc. Ищут баги системы, но Fuze в #6 написал "у кого есть решения каких то проблем (типа верстки или другой мелочи), милости прошу в ЛС." Инстант начинает выходить на другой уровень и здесь
будет важен не только чистый функционал, но и то, как и в чём он подаётся, а значит мелочей не будет — конкуренция… Если есть какие-то наработки и для общего дела не жалко — можно попасть в релиз, ну а оттуда и в
документацию…
0
#3 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
#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:38


Выложу файл 960.css для ознакомления. Надеюсь админы не обидятся. У меня есть подозрения, что эти стили созданы какой-то верстальной программой в автоматическом режиме.

Львенок

Блин, это же из css-framework'a 960 Grid System
960.gs/
Это далеко не автоматический режим, это на протяжении вроде 3х лет код писался, если мне память не изменяет.
0
#6 12 ноября 2011 в 21:06
А вообще, я честно говоря не могу понять что Вы хотите. Ведь есть же шаблон, есть возможность сделать свой шаблон, в котором можно прописать все свои стили как надо. Практически всем элементам стили и идентификаторы задаются в файлах *.tpl
Неужели же сложно разобраться с тем где элементу задается идентификатор, и с тем где этот идентификатор прописан?
0
#7 12 ноября 2011 в 21:22
имхо, бесполезная тема, но если хочется пописать, пишите мы не против.

есть возможность сделать свой шаблон, в котором можно прописать все свои стили как надо

airy
вот вот, тем более что 95% html вынесено в шаблоны

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

airy
совершенно верно
🛠 docs.instantcms.ru
0
#8 12 ноября 2011 в 21:23
Не так все просто. Что-то периодически сталкиваюсь с разными граблями… То одно нужное мне не получается, то другое… Начинаю вязнуть в обилии стилей, методов их присвоения и иерархии наследования. Пытаюсь разложить все по полочкам: где чего. Выстроить все логические схемы и цепочки в дизайне шаблонов. Поскольку делаю это нерегулярно, приходится эту информацию где-то сохранять. Ну и мне кажется, кому-то она тоже будет полезна.
0
#9 12 ноября 2011 в 21:26


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

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

Fuze
Ну вот, уже кое-что проясняется… А вы говорите бесполезная…
0
#10 12 ноября 2011 в 21:53
Львенок, ну что Вы как маленький, ну на самом деле. Таблица стилей 960.css применяется только в в файле разметки шаблона template.php, стили для отображения элементов компонентов и модулей прописаны в styles.css
960.css — это чисто разметка то где отображаются различные элементы сайта. styles.css — это тот файл где прописано _как_ отображаются эти элементы.
Блин. Вот сейчас время есть, сяду и напишу по шаблонам мануал. а то реально информации нет нигде, приходится самому доходить. Так что часа через 3 выложу в блоге.
0
#11 12 ноября 2011 в 22:11


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

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



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

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

Львенок
Ну а для чего Вам использовать те таблицы стилей, которые использовали разработчики для дефолтного шаблона? Не понимаю если честно. Сверстали свой template.php, прописали для него свою таблицу стилей, потом уже править .tpl и вписывать в свою таблицу стилей то что прописано в .tpl
ИМХО, вот у инстанта самая вменяемая система шаблонизации из всех что я видел
0
#13 12 ноября 2011 в 22:56


Ну а для чего Вам использовать те таблицы стилей, которые использовали разработчики для дефолтного шаблона? Не понимаю если честно. Сверстали свой template.php, прописали для него свою таблицу стилей, потом уже править .tpl и вписывать в свою таблицу стилей то что прописано в .tpl
ИМХО, вот у инстанта самая вменяемая система шаблонизации из всех что я видел

airy
:)
Допустим мне нужно сделать заточенный определенным образом портал. Я сижу и разбираюсь. Мне нужно переделать больше 60% шаблонов компонентов и модулей. Заодно пытаюсь понять куда какие стили лучше всего запихивать.
0
#14 15 ноября 2011 в 00:49
Видишь ли airy, фактически Львёнок создал эту тему для меня. Ну для таких как я. А то, что речь в постах идёт от первого лица, — так это литературный приём, чтобы незнаек сильно не колбасило, что вот они одне такие бестолковые. Автор как бы говорит: Занесло же НАС Незнаище в кугу!, Ну да ничего, во-о-он там есть, кажется, тернистая тропка наверх, Пойдём, что-ли, потихоньку?
А я автору: ну если потихоньку, со страховочкой и в шлеме, то попробуем. Коньки брать?
P.S. airy, знаю, что нехорошо людей на слове ловить. Да. Просто, знаю, что нехорошо...
P.P.S. А камушки из под ног выворачиваются, иногда, ну самые, на вид, надёжные...
Вот есть в форуме навигационный бар: предыдущая тема|следующая тема. Есть в стилях класс .forum_navbar. Надо этот бар влево двинуть. Казалось бы добавь к margin-bottom:4px; ещё margin-right: сколько нужно; и порядок. Не-а, не работает. Поищем решение в com_forum_view.tpl. Открыл, как сказал один мой собрат, посмотрел, но понял мало. Это ходовая наша фраза. Отличительная. Хорошо догадался во фронтенд заглянуть, увидел знакомый класс и стили таблицы для него. Там align="center" поменял на left. Получилось. Чисто случайно. Поисковику спасибо. В голове бы это никогда не прокурил…
0
#15 15 ноября 2011 в 04:07

Допустим мне нужно сделать заточенный определенным образом портал. Я сижу и разбираюсь. Мне нужно переделать больше 60% шаблонов компонентов и модулей. Заодно пытаюсь понять куда какие стили лучше всего запихивать.

Львенок
Зачем куда-то что-то запихивать. При редактировании шаблона, а более конкретно компонентов и модулей для этого шаблона, все стили прописывайте в css файле Вашего шаблона.
Сообщество Белорусских Велосипедистов http://krutipedali.by
0
Скажите как исправить вот тако
Замена loginza - ulogin
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожие темы

[ЕСТЬ РЕШЕНИЕ] По моему субъективную мнению InstantCMS не хватает модульности.

Инновации в системе Создана 4 года назад 6 сообщений

Подсветка синтаксиса html кода в TinyMCE5

Релизы 2.X Создана 3 года назад 1 сообщение

Кроп изображения по заданному размеру в ручном режиме. Кто может реализовать за оплату?

Ищу исполнителя Создана 1 год назад 3 сообщения

Чего не хватает для Ваших сайтов?

Флейм / Флуд / Оффтопик Создана 5 месяцев назад 63 сообщения

Запретить подгрузку стилей из шаблона

Разработка и тестирование Создана 4 года назад 3 сообщения

Модификация дефолтного шаблона в свой

Релизы 2.X Создана 4 года назад 9 сообщений

InstantCMS Team

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

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

О проекте

Поддержка

Дополнения

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