Есть много вопросов по оформлению вида категории и прочих элементов в SOBI 2. Если не тяжело, помогите пожалуйста разобраться. Может в результате получиться некий ЧаВо слепить. Зарание благодарю!
Первый вопрос. Категории Расскажите плиз, где изменять вид категорий Соби? Есть какие то шаблоны? Те шаблоны на оф. сайте - не подходят... Или руки кривые... Вот то что есть сейчас - косо и криво. http://poradnik.kiev.ua/index.php?option=com_sobi2&Itemid=167 Хочеться что бы текст хотя бы просто слева выстроился ровно.
Вопрос второй. Ссылка на сайт При заполнении в поле "Сайт" вписуешь ссылку и ставишь, что бы поле являлось ссылкой "http", если это не поставить то останеться просто текст, а если поставишь, то Соби сам ставит имя "Сайт". Как на скринах. Где можно это изменить, что бы текст ссылки совбадал с самой ссылкой, а не изменялся на какое то слово?
Спасибо большое за подробный ответ! Трабл в том, что когда я указываю "Использовать этот шаблон вместо стандартной функции" у меня появляеться не нормальная страница сайта, а только код который указан именно этого шаблона. Просто код и все... Никакого елемента сайта больше. Возможно где то синтакситечкая ошибка... Буду ковыряться. Если есть какие то наработки или шаблоны для V-Card - буду очень благодарен.
Ребята помогите с цветом текста, в разделе меню с SOBI2 весь текст у меня розового цвета. Мне подсказали что надо копаться в CSS файле, но где там именно и что надо туда поставить? CSS файл: Код (html): /** * @version $Id: com_sobi2.css 5123 2009-05-14 15:27:13Z Sigrid Suski $ * @package: Sigsiu Online Business Index 2 */ /** * Style Sheet of SOBI 2 Component com_sobi2.css * --------------------------------------------------------------------------- * @copyright Copyright (C) 2007 Sigsiu.NET (www.sigsiu.net). All rights reserved. * @license see http://www.gnu.org/copyleft/lgpl.html GNU/LGPL. * SOBI2 is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation. * Authors: Sigrid & Radek Suski, Sigsiu.NET */ /* main SOBI2 Style to overwrite standard styles */ .sobi2CompDesc span.pathway { margin:0!important; } .sobi2Details span.pathway { margin:0!important; } div.sobi2 { } div.sobi2 h1 { line-height: 24px; font-size: 22px; } div.sobi2 h2, div.sobi2 h3, div.sobi2 h4 { padding-left: 5px; } div.sobi2latest { border: 1px solid #336600; width: 105px; height: 130px; background-color: #eeeea1; margin: 6px!important; } div.sobi2latest img { /*border: 1px solid blue!important;*/ } div.sobi2latest a { display:block; text-align: center; color: #336600; font-weight: bold; } /* Style for Standard Joomla! mosmsg-class, because often undefined */ /* To use the style of your template, delete this entry. */ /* .message { padding: 5px; background-color: #990000; color: #FFFFFF; font-size: 11px; font-weight: bold; } */ /* if there is no mosmsg line defined by your template remove the display:none and SOBI2 will show its own mosmsg line */ #sobimsg { display:none; } /* Style of the Header Menu */ /* -------------------------------------------------------- */ /* Style of Header Menu */ table.sobi2Header { border-style: none; } a.sobi2Header { padding: 5px; font-size: 14px; } /* Style of Main Component Description */ /* -------------------------------------------------------- */ table.sobi2CompDesc { padding: 5px; width: 98%; } /* Style of Category List */ /* -------------------------------------------------------- */ table#sobi2CatListSymbols { width: 98%; } table#sobi2CatListSymbols td { vertical-align: top; border-style: none; } div.sobi2catempty { margin: 10px 0px 10px 8px; font-weight: bold; } /* Style of Category Icon */ img.sobi2CatIco { border-style: none; float: left; clear: left; } /* Style of Category Name */ p.sobi2CatName { font-size: 13px; padding-left: 50px; margin: 2px 0 2px 0; } /* Style of Category Introtext */ p.sobi2CatsListSymbolsIntrotext { font-size: 11px; padding-left: 50px; margin-top: 4px; } span.sobi2SubcatsList { display:block; } /* Style of the shown entries/subcategories numbers */ span.sobi2EditlinktipItems { text-decoration: none; border-bottom: 1px dashed #aaa; padding-left:5px; } span.sobi2EditlinktipCats { text-decoration: none; border-bottom: 1px dashed #aaa; } /* Style for Entries in Category View (Cards View) */ /* -------------------------------------------------------- */ table.sobi2Listing { width: 98%; margin-bottom: 10px; } table.sobi2Listing td { border-style: none; border-color: #3a4794; border-width: 2px; margin-top: 0px; vertical-align: top; } /* Style for empty Cards (Placeholder) */ table.sobi2Listing td.sobi2EmptyCell { border-style: none; background-color: #ffffff; } table.sobi2Listing input { float:left; } /* Style of Icon (Small Image) */ .sobi2Listing img { float: right; border-style: none; padding-top: 5px; padding-right: 5px; } /* Style of Title (Name of Entry) */ p.sobi2ItemTitle { margin-left: 5px; margin-top: 5px; padding-left: 5px; padding-top: 5px; clear:left; } p.sobi2ItemTitle a { font-size: 13px; } /* Styles for the fields */ /* Add style for each field you added in the form span.sobi2Listing_field_yourname */ span.sobi2Listing_field_street, span.sobi2Listing_field_postcode, span.sobi2Listing_field_county, span.sobi2Listing_field_country, span.sobi2Listing_field_email, span.sobi2Listing_field_contact_person, span.sobi2Listing_field_phone, span.sobi2Listing_field_fax, span.sobi2Listing_field_city, span.sobi2Listing_field_hotline, span.sobi2Listing_field_phone, span.sobi2Listing_field_federal_state { padding-left: 10px; } span.sobi2Listing_field_website { float:right; padding-right: 5px; margin-bottom: 15px; } /* Styles for the labels of the fields */ /* Add style for each field you added in the form span.sobi2Listing_field_yourname_label */ span.sobi2Listing_field_street_label, span.sobi2Listing_field_postcode_label, span.sobi2Listing_field_county_label, span.sobi2Listing_field_country_label, span.sobi2Listing_field_email_label, span.sobi2Listing_field_contact_person_label, span.sobi2Listing_field_phone_label, span.sobi2Listing_field_fax_label, span.sobi2Listing_field_city_label, span.sobi2Listing_field_hotline_label, span.sobi2Listing_field_phone_label, span.sobi2Listing_field_federal_state_label, span.sobi2Listing_field_website_label { font-weight: normal; } /* Style of Edit and Delete Buttons in Category View */ input.sobi2EditEntryButton { } /* Style for Page Navigation of Entries */ #sobi2PageNav { text-align: center; } /* Style of Details View */ /* -------------------------------------------------------- */ table.sobi2Details { margin-top: 15px; margin-left: 5px; padding: 10px; width: 98%; background-color: #F7F7F7; } /* Style of Entry Name */ table.sobi2Details h1 { padding-top: 5px; } /* Container for all custom fields data */ div#sobi2outer{ float: left; margin-top: 0px; /* position it vertically */ padding-bottom: 5px; /* to fix IE bug */ } /* Style of the Image */ img.sobi2DetailsImage{ border-style: none; float: right; padding-right: 5px; padding-top: 5px; } img.sobi2DetailsIcon { } /* Styles for the fields */ /* Add style for each field you added in the form span#sobi2Details_field_yourname */ span#sobi2Details_field_myfield, span#sobi2Details_field_street, span#sobi2Details_field_postcode, span#sobi2Details_field_county, span#sobi2Details_field_country, span#sobi2Details_field_phone, span#sobi2Details_field_fax, span#sobi2Details_field_city, span#sobi2Details_field_hotline, span#sobi2Details_field_phone, span#sobi2Details_field_contact_person, span#sobi2Details_field_federal_state { font-size: 12px; } span#sobi2Details_field_website, span#sobi2Details_field_email { padding-top: 8px; font-size: 12px; display: block; } span#sobi2Details_field_description { padding-top: 20px; margin-top: 0px; /* position it vertically */ } /* Styles for the labels of the fields */ /* Add style for each field you added in the form span#sobi2Listing_field_yourname_label */ span#sobi2Listing_field_street_label, span#sobi2Listing_field_postcode_label, span#sobi2Listing_field_county_label, span#sobi2Listing_field_country_label, span#sobi2Listing_field_email_label, span#sobi2Listing_field_contact_person_label, span#sobi2Listing_field_phone_label, span#sobi2Listing_field_fax_label, span#sobi2Listing_field_city_label, span#sobi2Listing_field_hotline_label, span#sobi2Listing_field_phone_label, span#sobi2Listing_field_federal_state_label, span#sobi2Listing_field_website_label { font-weight: bold; } p.sobi2ExpMsg { padding-left: 10px; } /* Style for Way Search */ span.sobi2WaySearch { border-style: none; float: right; clear: right; margin-top: 15px; /* position it vertically */ display: block; padding-right: 5px; } span.sobi2WaySearch img { padding-top: 8px; border-style: none; padding-left: 17px; } /* Style for Google Maps */ div#sobi2GoogleMaps { float: right; position: relative; border: 1px solid #333333; margin-top: 30px; margin-right: 5px; } /* Style of Details Footer Line */ td.sobi2DetailsFooter { padding-left: 5px; } /* Style of Edit and Delete Buttons in Details View */ input#sobi2EditEntryButton, input#sobi2DelEntryButton { float:right; } /* Style of Footer Line */ /* -------------------------------------------------------- */ td#sobi2Footer, td#sobi2Footer a { font-size: 9px; color: #999999; padding-top: 10px; text-decoration: none; } table.sobi2Footer { width: 98%; } td#sobi2rss { } td#sobi2rss img { border-style: none; float: right; } /* Style of Entry Form */ /* -------------------------------------------------------- */ /* Header Line */ p#sobi2EditFormHeader { font-weight:bold; font-size: 14px; padding: 5px; } /* Info Requested Fields */ #sobi2ReqFieldsInfo { padding: 5px; } form#sobi2EditForm table, table#sobi2FormTable { padding: 5px; width: 99%; } table#sobi2FormTable2, table#sobi2FormTable3 { width: 99%; } table#sobi2FormTable td, table#sobi2FormTable2 td, table#sobi2FormTable3 td { vertical-align: top; } /* Style of Input fields as entered in Fields Manager */ input#field_entry_name, input#field_postcode, input#field_street, input#field_city, input#field_county, input#field_country, input#field_federal_state, input#field_email, input#field_website, input#field_contact_person, input#field_phone, textarea#sobi2MetaKey, textarea#sobi2MetaDesc, input#sobi2Ico, input#sobi2Img, input#field_fax, input#field_hotline, input#field_street { } label.field_entry_name, label.field_postcode, label.field_street, label.field_city, label.field_county, label.field_country, label.field_federal_state, label.field_email, label.field_website, label.field_contact_person, label.field_phone, label.field_fax, label.field_hotline, label.field_description, label.sobi2Ico, label.sobi2Img, label.sobi2MetaKey, label.sobi2MetaDesc { } /* Style for Checkboxes */ input#accept_rules, input#field_website_on, input#field_description_on { } /* Style for Not Free Label */ span.sobi2FormNotFreeLabel { display: block; padding-top: 5px; } /* Style for Category Information/Descriptions */ table#sobi2FormCats { width: 99%; border-style: none; margin: 10px; } table#sobi2FormCats td { padding: 10px; border-style: solid; border-color: #CCCCCC; border-width: 1px; } p#catsTitle, p#catIntroText { width: 98%; font-size: 12px; font-weight: bold; } p#catMsg { width: 98%; } /* Style for Add and Remove Button */ #sobi2AddCatBt, #sobi2RemoveCatBt { width:50px; } /* Style for column with Buttons */ td.sobi2CatButtons { width: 50px; vertical-align: top; } /* Style for column with selected Categories */ td.sobi2CatSelected { vertical-align: top; width: 150px; } /* Styles for the box with Selected Categories */ select#sobi2SlectedCats { height: 100px; width: 150px; } select#sobi2SlectedCatsID { height: 0px; width: 0px; border-style: none; } /* Style for Safety Line */ table#sobi2FormFooter { float: left; clear: left; } table#sobi2FormFooter td { vertical-align: bottom; } img#seccode { } input#sobi2SendButton { float: right; } input#sobi2CancelButton { float: right; } /* Style for Payment Info */ /* -------------------------------------------------------- */ /* Style for upload info */ p.sobi2msg { padding-top: 15px; padding-left: 5px; font-size: 12px; } /* Container for all payment info */ div.sobi2PaymentContainer { width: 98%; padding: 10px 0px 10px 10px; margin-bottom: 25px; border: 1px solid #D0D0D0; } /* Style for Summary of Costs */ table#sobi2Payment { width: 50%; margin-left: 5px; padding-right: 5px; padding-bottom: 10px; } table#sobi2Payment td, td.sobi2PayOption { width: 70%; text-align: right; } td.sobi2PayFees { width: 30%; text-align: right; } td#sobi2PayTotal { width: 30%; text-align: right; border-top: solid 1px #606060; font-weight: bold; color: red; } /* Style for Renewal Messages */ div.sobi2RenewHeader , div.sobi2AddEditHeader { padding: 20px 0 20px 0px; } div.sobi2RenewExpl { padding: 0 0 25px 6px; font-weight: bold; } #sobi2RenewEntryButton { margin-left: 10px; } /* Style for Payment Methods */ table#sobi2PaymentMethod { width: 70%; margin-top: 30px; margin-left: 5px; } table#sobi2PaymentMethod a:hover { font-style: normal; text-decoration: none; } p.sobi2PaymentMethodHeader { font-weight:bold; font-size: 110%; padding-bottom: 10px; } table#sobi2PaymentMethodBank, table#sobi2PaymentMethodPayPal { width: 60%; margin-top: 15px; border-style: none; padding-left: 10px; } div.sobi2PaymentContainer h3 { font-size: 120%; } /* Styles for Searching */ /* -------------------------------------------------------- */ table.sobi2eSearchForm { width: 95%; margin-left: 5px; } span#sobi2SearchResultsSerchingString { font-weight: bold; } div#sobiSearchResponseContainer table { width:95%; } /* Styles for the new extended search function */ /* -------------------------------------------------------- */ /* height of the Div of category chooser */ div#sobiSearchFormCatsSelection { } /* select boxes with categories */ .catChooseBox { } #sobiSearchFormExtOptToggle { display: inline; } div#SobiSearchForm2dropsy { margin-left: 10px; } /* Label for the search box */ td#sobi2eSearchLabel { width: 75px; } td#sobi2eSearchBox { } td#sobi2eSearchButton { } td#sobi2eSearchEmptyCell { width: 50%; } td#sobi2eSearchPhrases, td#sobi2eSearchButtonLine { width: 100%; } /* Label for the fields */ td.sobi2eSearchLabel { width: 150px; } /* Style for the Menu Module */ /* -------------------------------------------------------- */ div.sobi2MenuMod { margin-bottom: 8px; margin-top: 10px; } div.sobi2MenuModNew_menu a, div.sobi2MenuModSearch_menu a { } div.sobi2MenuModNew, div.sobi2MenuModSearch { float: left; margin: 2px 5px 0px 5px; } /* Style of dTree 2.05 */ /* Copyright (c) 2002-2003 Geir Landr??? */ /* -------------------------------------------------------- */ .dtree { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; overflow: auto; } .dtree img { border: 0px; vertical-align: middle; } .dtree a { color: #333; text-decoration: none; font-weight: normal; } .dtree a.node, .dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; } .dtree a.node:hover, .dtree a.nodeSel:hover { color: #333333; text-decoration: underline; } .dtree a.nodeSel { } .dtree .clip { overflow: hidden; } a.treeNode:hover { color: #333333; text-decoration: none; font-weight: normal; } a.treeNode:visited { color: #333333; text-decoration: none; font-weight: normal; } a.treeNode:active, a.treeNode:focus { color: #333333; text-decoration: none; font-weight: normal; } /* Styles for SigsiuTree */ /* -------------------------------------------------------- */ .sigsiuTree { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; overflow: auto; } .sigsiuTree img { border: 0px; vertical-align: middle; } .sigsiuTree a { color: #333; text-decoration: none; font-weight: normal; } .sigsiuTree a.node, .sigsiuTree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; } .sigsiuTree a.node:hover, .sigsiuTree a.nodeSel:hover { color: #333333; text-decoration: underline; } .sigsiuTree a.nodeSel { background-color: #c0d2ec; } .sigsiuTree .clip { overflow: hidden; } div.sigsiuTree a, .sigsiuTree a, a.treeNode:hover, a.treeNode, a.treeNode:visited { color: #333333 !important; text-decoration: none !important; font-weight: normal !important; } a.treeNode:active, a.treeNode:focus { color: #333333; text-decoration: none; font-weight: normal; background-color: #c0d2ec; } /* Styles for custom listings */ /* -------------------------------------------------------- */ div.sobi2CustomListingCatsHeader, div.sobi2CustomListingItemsHeader { padding-left: 5px; margin-top: 5px; margin-bottom: 10px; } div.sobi2CustomListingHeader { padding-left: 5px; font-size: 15px; margin-bottom: 15px; margin-top: 5px; } div#sobi2AlphaLinks { width: 98%; text-align: center; padding: 5px; padding-bottom: 15px; } /* Styles for the plugin container */ /* -------------------------------------------------------- */ table.sobi2Listing_plugins { border-style:none; width: 98%; padding-left: 8px; } div.sobi2FormTabHeader { padding: 5px 2px 2px 5px; cursor: pointer; font-size: 12px; font-weight: bold; } div.sobi2FormtabContent { overflow: hidden; margin-left: 5px; margin-top: 5px; } /* Labels */ /* -------------------------------------------------------- */ span.sobiNewLabel { color: rgb(51, 51, 255); font-size: 12px; font-weight: bold; padding: 2px; } span.sobiHotLabel { color: rgb(255, 0, 0); font-size: 12px; font-weight: bold; padding: 2px; } span.sobiUpdatedLabel { color: rgb(0, 153, 0); font-size: 12px; font-weight: bold; padding: 2px; }
2Novator поставьте FireFox + FireBug и посмотрите что за текст - какой стиль, class, id у вас становится розовым, а потом уже в этом (а может и не этом) css файле ищите