Jump to content
  • Sign Up
fbmuse

Помощь в добавлении дополнительной колонки в шаблон Битрикс

Recommended Posts

Здравствуйте Уважаемые форумчане, у меня есть сайт, решение информационного портала, очень хочется чтобы в шаблоне было три колонки. На сайте битрикса читал мануал по интеграции, но все ровно не могу сделать правильно, как хотелось бы. Помогите пожалуйста. Спасибо.

Edited by fbmuse

Share this post


Link to post
Share on other sites

Открываешь свой шаблон и делаешь необходимые правки в верстке.

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

На изображении №1 показано как есть сейчас.

 

№1

28bf3986fd83bc497118ce8914014918.png

 

 

 

На изображении №2, как хотелось бы чтобы было.

 

№2

4ec198a036fab5c4f708d25d482a685a.png

Share this post


Link to post
Share on other sites

ну это надо править шаблон, а не компонент. 3 колонки будет на всех страницах сайта или на определенных?

Share this post


Link to post
Share on other sites

Да, я и имел в виду шаблон. А по поводу остальных страниц, этот шаблон для всего сайта, в детальной новости тоже так же, и думаю было бы здорово чтобы в детальной новости тоже было три колонки. Вот как выглядит детальная новость.

c672055d5052df1f40b9d3727e7c640b.png

И я так понимаю, если будет три колонки, то правая и левая колонки будут меньше по ширине, чем сейчас есть одна правая?

Edited by fbmuse

Share this post


Link to post
Share on other sites

На изображении №2, как хотелось бы чтобы было.

Для этого нужно css править. Просто задайте колонке нужную ширину. И возможно и другие стили придется поправить.

Share this post


Link to post
Share on other sites

Уважаемая sigma77 посоветовала указать адрес сайта для того чтобы было понятно с чем иметь дело, выкладываю: http://n24.kz/

Друзья, буду признателен, если поможете решить вопрос. Данный проект веду один, для этого ночами сидел сравнивал CMS, как все это засунуть на хостинг, и вообще как это работает, но к сожалению до HTML и CSS толком еще не добрался. Спасибо.

Share this post


Link to post
Share on other sites

sigma77 подсказала что нужно править css, вот он css, подскажите что нужно изменить:

body { height:100%;margin:0;padding:0;font-size: 90.01%;font-family: Arial, Helvetica, sans-serif;}a:hover {text-decoration:none;}.hr{border-bottom:1px solid; height:1px; font-size:1px; margin-bottom:20px;}.br{height:1px; font-size:1px; line-height:1px; clear:both;}span.small-grey{font-size:0.90em;}#page-wrapper{min-height:100%; margin:0 auto; min-width:1000px; max-width:1280px;}span.grey{display:block; ; padding: 6px 14px;}/* BANNER */#banner-top {text-align:center;margin-top:5px;}#banner-left{text-align:center;margin-bottom:20px;}#banner-left-two{text-align:center;margin-bottom:20px;margin-top:20px;}/* HEADER */#header {position: relative; margin: 4px 2px; height:/*110px value for old menu*/ 140px;}.header_content{height: 90px; padding-top:12px;}#header-title{height:40px;font-size:1.8em; margin-left:39px; font-weight: bold;}#header-title a{text-decoration:none;}#header-radio {position: absolute; width:300px; right: 2px; top:35px;}#header-radio #radio_wrapper.default .radio_title {color: #fff;}#header-radio #radio_wrapper.default .radio_table td {padding: 3px;}/* SEARCH */#left-search {margin-bottom: 15px; margin-top: -5px; padding-left:15px}#left-search #title-search-input {width:75%;}table.search-filter select.select-field, div.search-page input.search-button {font-size:1em}table.search-filter td {padding:0.6em;}div.search-item {font-size:0.85em;margin: 1em 0 0 0;   padding: 0 0 1em;}/* AUTH */#header-auth{position:absolute; right:20px; top:5px; font-size:0.75em; font-family: Verdana, Arial, Helvetica, sans-serif;}#header-auth a{margin-left:20px;}/* BODY */#page-body{margin-left:37px;margin-right:30px;}table td.page-left, table td.page-right {vertical-align:top; padding:20px 0;}table div.page-right {margin-left:20px;/*width:450px;*/ }div.hr-title{margin-bottom:15px;}/* FOOTER */#footer-wrapper  {height: 185px; padding-top:28px; position: relative; margin: 0 auto;min-width: 1000px; max-width: 1280px;}#footer-wrapper div.copyright{position:absolute; right:50px; bottom:50px; font-size:0.9em;}/* MAIN MENU */#main-menu {margin-left:30px; max-width: 99%; min-width: 1000px; padding-top:7px; overflow: hidden; height:27px; }#main-menu ul {list-style-type: none; overflow: hidden; margin:0; padding:0; }#main-menu li {margin: 0; padding:0; height: 27px; }#main-menu li a {font-size:1.4em; text-decoration: none; font-weight:bold; line-height:27px;}#horizontal-multilevel-menu li a.root-item,#horizontal-multilevel-menu li a.root-item:hover,#horizontal-multilevel-menu li a.root-item-selected {padding:0 12px;}#horizontal-multilevel-menu, #horizontal-multilevel-menu ul {background:none;}.nav_menu{height: 50px; margin-top: 15px;}.menu_splitter{/*clear: none !important;*/}/* BOTTOM MENU */div.bottom-menu{position:absolute; right:40px;}div.bottom-menu ul{margin:0;padding:0;}div.bottom-menu ul li{list-style-type: none; margin:0 10px; padding:0; font-size:0.9em; float:left;}/* BOTTOM MENU LEFT */div.bottom-menu-one{position:absolute; left:50px; width:130px;min-width: 20px;}div.bottom-menu-two{position:absolute; left:185px;min-width: 20px;}div.bottom-menu-three{position:absolute; left:320px;min-width: 20px;}div.bottom-menu-four{position:absolute; left:455px;min-width: 20px;}div.bottom-menu-left ul{margin:0; padding:0;}div.bottom-menu-left ul li{font-size:0.90em; list-style-type: none; overflow: hidden; margin:0; padding:0;margin-bottom:4px;}div.bottom-menu-left div.bottom-menu-title{margin-bottom:15px;}/* MAIN THEME */div.main-theme-list{margin-bottom:40px;}div.main-theme-list div.main-theme-title {font-size:1.5em; font-weight:bold; padding-bottom:8px; margin-bottom:10px;}div.main-theme-list table td {vertical-align:top;}div.main-theme-list img.preview_picture {margin-right:20px;}div.main-theme-list td.theme-text {width:100%;}div.main-theme-list div.main-theme-name {font-size:1.25em;margin-bottom:10px;}div.main-theme-list div.main-theme-name a {text-decoration:none;font-weight:bold;}div.main-theme-list div.theme-news-list span.news-date-time {font-size:0.75em;}div.main-theme-list div.theme-news-list a {text-decoration:none;}div.main-theme-list div.theme-news-list a:hover {text-decoration: underline;}div.main-theme-list div.theme-news-list div.theme-news-item{margin-bottom:10px;}/* MAIN NEWS */div.main-news-list div.news-item {margin-bottom:30px;}div.main-news-list div.main-news-title {margin-bottom:15px;}div.main-news-list div.news-picture {margin-right:16px; width:138px !important; float:left; text-align:center; padding-top:2px;}div.main-news-list div.news-name {margin:5px 0 !important; font-size:1.15em !important;}div.main-news-list div.news-name a {text-decoration:none;}div.main-news-list div.news-name a:hover {text-decoration:underline;}div.main-news-list span.news-preview-text{font-size:0.91em !important;}div.main-news-list div.news-text-pict {margin-left:140px !important;}div.news-list div.main-news-list{margin-top:0  !important;}/* NEWS LIST */div.news-list div.news-item {margin-bottom:30px;}div.news-list div.news-text-pict{margin-left:98px;}div.news-list div.main-news-title {margin-bottom:15px;}div.news-item span.news-date-time {font-size:0.75em;}div.news-list div.news-picture {margin-right:16px; width:82px; float:left; text-align:center;  margin-top:2px;}div.news-list div.news-name {margin-bottom:2px;font-size:1em;}div.news-list div.news-name a {text-decoration:none;}div.news-list div.news-name a:hover {text-decoration:underline;}div.news-list span.news-preview-text{font-size:0.90em;}div.news-list span.news-show-property{font-size:0.75em;}/* NATIONAL NEWS */div.national-news div.news-text{font-size:0.85em;}div.national-news div.news-picture {margin-right:10px;}div.national-news a {text-decoration:none;}div.national-news span.news-show-counter{font-size:0.90em;}div.national-news div.news-item-left{margin-right:10px;}/* DETAIL NEWS */div.news-detail div.news-text {margin-top:10px;}div.news-detail div.news-picture {margin-right:16px; float:left; text-align:center; padding-top:2px;}div.news-detail span.news-date-time {font-size:0.75em;}div.news-detail-back {font-size:0.85em;margin:10px 0;}div.news-detail-theme {margin:15px 0 15px 0;padding-top:15px;}div.news-detail-theme div.news-theme-title {margin-bottom:10px;}div.news-detail div.news-theme-date {font-size:0.75em;float:left; width:131px; text-align:right}div.news-detail div.news-theme-url {font-size:0.90em; margin-left:138px;}div.news-detail div.news-theme-item {margin:3px 0;}div.news-detail div.news-property {margin-top:10px; font-size:0.85em}div.news-detail div.news-detail-share {float: right; margin-right: 110px; margin-top: -31px}/* THEMES */table.theme-list{width:100%;}table.theme-list td{padding:5px 0;}table.theme-list td.theme-letter{width:30px; font-weight:bold;}/* JOB */div.job-item{font-size:0.9em;}div.main-vacancy{margin-right:11px;}div.main-resume{margin-left:11px;}div.job-item{margin-bottom:3px;}div.job-list div.job-list-title{margin-left:55px;}div.main-vacancy div.job-list-title, div.main-resume div.job-list-title{margin-left:0;}div.job-list ul li{list-style-type: none; background:url(images/bullet.gif) left no-repeat; padding-left:15px; margin-bottom:7px }div.job-list ul li span{font-size:0.85em}div.job-section table{width:100%}div.job-section td{padding:5px 10px;}div.job-section th{padding:5px 10px; text-align:left; font-weight:normal; font-size:0.9em}div.job-element div.job-prop-title{margin-bottom:5px; font-size:0.9em; font-weight:bold;}div.job-element div.job-prop-text{margin-bottom:20px;}/* BOARD */div.board-section-list ul{margin:0;padding:0;}div.board-section-list td{font-size:1.20em; vertical-align:top;padding-bottom:20px;}div.board-section-list td.td0{padding-right:20px;}div.board-section-list ul li{font-size:0.75em;list-style-type: none; float:left; margin-right:10px;}div.board-section-list span{font-size:0.85em}div.board-section-list a.board-section-selected{text-decoration:none;}div.board-section span.board-date{font-size:0.85em;}div.board-section div.board-title{margin-bottom:8px;margin-top:13px; font-weight:bold;}div.board-section div.board-text{margin-top:10px;}div.board-sections div.hr{margin-bottom:0;}/* Navigation */div.navigation { font-size:100%; line-height:200%; }span.navigation-title { padding-right:0.65em; font-weight: bold;}div.navigation a { text-decoration:underline; padding:0.2em 0.3em;}span.nav-current-page { padding:0.2em 0.3em; }div.navigation span.arrow { font-size:100%; font-family:Times, serif; }div.navigation span.ctrl { font-size:85%; }div.national-news-add { float:right; margin-top:-40px; font-size:0.85em; }/* REVIEWS */table.reviews-post-table {border-top: 0; margin-bottom: 1em; width: 100%;}table.reviews-post-table div.reviews-text{padding-top: 0.40em;}table.reviews-post-table thead td, table.reviews-post-table tbody td {padding-top: 0.20em;}div.reviews-add-text{text-align:center; font-size:0.9em; color:#494949; margin-bottom:10px; padding-top: 10px;}div.reviews-add-text a{color:#494949}table.reviews-post-table table.forum-quote{width:95%; margin:10px 0 0 20px;}table.reviews-post-table table.forum-quote th{text-align:left;font-weight:normal;padding-left:10px;}table.reviews-post-table table.forum-quote td{padding-left:10px;}/* VOTE */div.voting-form-box{margin-bottom:20px;}div.voting-form-box div.vote-item-title{font-size:0.90em;}div.voting-form-box div.vote-answers-list{margin:0 60px 0 20px;}div.voting-form-box table.vote-answers-list{width: 100%;}div.voting-form-box table.vote-answers-list td.vote-answer-name{width: 100%; border-top:1px dotted #b2b2b2; padding:5px 0; font-size:0.90em; vertical-align:top;}div.voting-form-box table.vote-answers-list td.vote-answer-percent{padding:5px; border-top:1px dotted #b2b2b2; vertical-align:top;}div.voting-form-box table.vote-answers-list td.vote-answer-counter{padding:5px; border-top:1px dotted #b2b2b2; vertical-align:top;}div.voting-form-box ol.vote-items-list{margin:0 60px 0 20px;}div.voting-form-box ol.vote-items-list li{ border-top:1px dotted #b2b2b2;}div.voting-form-box div.vote-vote-footer{margin-left:20px;}/* ADD FORM */div.data-form div.data-form-line{margin-bottom:20px;}div.data-form div.data-form-name{margin-bottom:5px;}div.data-form div.data-form-input input, div.data-form div.data-form-input select, div.data-form div.data-form-input textarea{padding:4px;}div.data-form div.data-form-input input, div.data-form div.data-form-input textarea{width:90%;}div.data-form div.data-form-input input.checkbox{width:auto;}div.data-form div.data-form-input select{width:255px;}div.data-form div.data-form-input #input_date_active_to, div.data-form div.data-form-input #captcha_word, div.data-form div.data-form-input #input_21, div.data-form div.data-form-input #input_24{width:245px;}/* LIST FORM */table.data-table thead td{font-size:1.10em; padding-bottom:15px;}table.data-table{width:100%;}table.data-table td{padding-right:20px;}table.data-table tfoot td{padding-top:15px;}/* BLOG */.blog-posts{width: 100%; float: none;}div.blog-sidebar{width: 100%; float: none;}div.blog-sidebar-info{width: 50%; float: left;}div.blog-sidebar-calendar{width: 50%;float: left;}div.blog-search-form div.blog-search-text input{width:150px;}div.blog-search-form div{float:left;margin-right:10px;}div.blog-sidebar{padding-left:10px;}div.blog-sidebar ul li.blog-search{height:65px;}div.blog-sidebar ul{padding:0;}div.blog-sidebar ul li{list-style-type: none;}div.blog-sidebar ul h3{padding-bottom:10px;}div.blog-sidebar ul li.blog-tags ul li, div.blog-sidebar ul li.blog-settings ul li{font-size:0.9em}div.blog-sidebar div.blog-sidebar-calendar ul li.blog-calendar{margin-left:20px;}.blog-post {margin:10px 0; padding-bottom: 1em; padding-right:0.8em;}div.blog-post-meta div.blog-post-info-bottom {display:none;}.blog-post-title{font-size:1.15em; font-weight:normal;padding:0 0 7px 0;}.blog-post-info{background:none; padding:4px 0}.blog-post-info-back{background:none; font-size:0.85em; height: 20px;}div.blog-post-meta-util, div.blog-post-tag{font-size:0.9em;}div.blog-post-current .blog-post-title{display:none}div.blog-comment-avatar{ display:none; }/* PHOTO */div.photo-info-box{margin-bottom:20px;}div.photo-header-component, div.photo-header-big{font-size:1.15em; font-weight:normal;padding:0 0 7px 0; margin-bottom:0;}div.photo-header-big{border:0;}div.photo-header-big div.photo-header-inner, div.photo-header-middle div.photo-header-inner{margin-bottom:0; padding-bottom:10px}div.photo-td-left div.photo-controls-buttons ul.photo-controls li a span{background:none;padding: 0;text-align:left;}div.photo-td-left div.photo-controls-buttons ul.photo-controls li a{font-size:1em; font-weight:normal; text-decoration:underline; width:auto; padding:0}div.photo-td-left div.photo-controls-buttons ul.photo-controls li a:hover{text-decoration:none}div.photo-td-left div.photo-controls-buttons ul.photo-controls li{margin:0;padding:0; float:left;clear: none; padding-right:20px;}div.photo-td-left div.photo-controls-usermenu{margin-bottom:10px;}div.bitrix{margin-left:1.5em;margin-top:3px; font-size:0.80em}div.bitrix a{color:#717171}
Edited by rus
Оборачивайте код в соотв. теги форума

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By fbmuse
      Здравствуйте Уважаемые форумчане, у меня есть сайт http://n24.kz/, решение информационного портала, очень хочется чтобы в шаблоне было три колонки. Прошу помощи. Спасибо.
  • Member Statistics

    46,884
    Total Members
    1,451
    Most Online
    yalstudio
    Newest Member
    yalstudio
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Мы приглашаем в нашу команду опытного верстальщика для работы над клиентскими проектами. Что предстоит делать: Кроссбраузерная адаптивная вёрстка сайтов и отдельных web-страниц по предоставленным макетам; Кроссбраузерная адаптивная вёрстка сайтов и отдельных web-страниц по предоставленным макетам (ps, figma); Поддержка и доработка frontend-части действующих сайтов; Вёрстка писем. Требования: Экспертное владение CSS3, HTML5; Знание Photoshop достаточное для верстки макетов; Навыки кроссбраузерной, адаптивной верстки; Отличные знания JS, технологий Ajax, JSON; Хорошее знание jQuery, Bootstrap https://www.yalstudio.ru/company/vacancy/.  о нас и работев нашей компании
    • Оптимизированный хостинг для проектов на Bitrix: Управление сайтом Владельцы и администраторы сайтов на CMS Bitrix знают, что при всех преимуществах данной системы управления контентом важно правильно выбрать хостинг, так как она достаточно требовательна к ресурсам. Обычный shared-хостинг не всегда отвечает требованиям производительности, в особенности, когда речь идет об интернет-магазине с сотнями товарных единиц (SKU) и существенным потоком трафика. Пользователи не могут нормально взаимодействовать с контентом и просто покидают сайт, недовольные скоростью его работы. В результате владельцы теряют потенциальных покупателей, а с ними и возможную прибыль. Мы поставили перед собой задачу предоставить владельцам сайтов сервис, адаптированный под Bitrix: Управление сайтом, способный быстро и стабильно работать при большом количестве трафика и с большим объемом информации. Что из этого получилось, читайте в статье.
    • Более подробно о тестовом периоде здесь  ,могу сказать что это очень полезно для людей который изначально хотят проверить продукт
  • Popular Contributors

×
×
  • Create New...