TopRaN

синяя линия это только название колоночных элементов. напишите конкретнее что вы хотели сделать?

убрать очень просто в файле standart_search_form.tpl находите приблизительно строку 32. <a class="search_page_toggle" href="#1">{$L_ADVSEARCH}</a> и это содержимое комментируете чтобы получилось вот так: <!-- <a class="search_page_toggle" href="#1">{$L_ADVSEARCH}</a>--> и на основной форме поиска пропадет надпись "Расширенный поиск" и тогда вы не сможете открыть расширенную форму поиска

Сегодня я расскажу как поменять внешний вид (отображение блоками). Урок достаточно простой. Для начала мы продумаем как мы хотим видеть наш блок. 1.Создаем разметочную область, сам блок. Задаем высоту, ширину, прижимаем влево. .boxt{width: 212px;height: 350px;margin: 40px auto;float: left;margin-left: 15px;position: relative;}2 Добавляем обводку блока для изображения border: 1px solid rgba(39, 33, 33, 0.27);3 Создаем 3 блока с датой, id и тип квартиры .boxt_data {width: 45px;height: 20px;margin: 5px auto;float: left;margin-left: 5px;position: relative;}.boxt_id {width: 45px;height: 20px;margin: 5px auto;float: left;margin-left: 5px;position: relative;}.boxt_tip {width: 102px;height: 20px;margin: 5px auto;float: left;margin-left: 5px;position: relative;}4. Добавляем блок изображения .boxt_image {width: 200px;height: 150px;margin: 0px auto;float: left;margin-left: 5px;border: 1px solid rgba(39, 33, 33, 0.27);position: relative;}5. Создаем 4 разметочные области для блоков .boxt_1 {width: 200px;height: 155px;margin: 5px auto;float: left;margin-left: 5px;position: relative;}.boxt_2 {width: 210px;height: 30px;margin: 0px auto;float: left;margin-left: px;position: relative;}.boxt_3 {width: 210px;height: 30px;margin: 0px auto;float: left;margin-left: px;position: relative;}.boxt_4 {width: 200px;height: 60px;margin: 0px auto;float: left;margin-left: 5px;margin-top: -5px;position: relative;border: 1px solid rgba(39, 33, 33, 0.27);}6.В каждой из разделочных областей мы создадим индивидуальные блоки с нужной нам информацией. Я взял такие как город, улица, площадь и описание. .boxt_g {width: 45px;height: 20px;margin: 5px auto;float: left;margin-left: 5px;position: relative;}.boxt_g1 {width: 152px;height: 20px;margin: 5px auto;float: left;margin-left: 5px;position: relative;}.boxt_u {width: 202px;height: 20px;margin: 0px auto;float: left;margin-left: 5px;position: relative;}.boxt_p {width: 45px;height: 20px;margin: 0px auto;float: left;margin-left: 5px;position: relative;}.boxt_p1 {width: 152px;height: 20px;margin: 0px auto;float: left;margin-left: 5px;position: relative;}7. добавим еще 2 блока ( 1 с ценой – 2 с избранным) так же создадим для них разделочную область. Поместим данный блок в блок с изображением. .boxt_ipr {width: 210px;height: 30px;margin: -32px auto;float: left;margin-left: 5px;position: relative;}.boxt_i {text-align: center;width: 25px;height: 20px;margin: 5px auto;float: left;margin-left: 5px;position: relative;}.boxt_pr {text-align: center;width: 157px;height: 20px;margin: 5px auto;float: left;margin-left: 5px;position: relative;}8.Теперь приступим ко второму этапу и по-моему мнению самому важному. Мы будем украшать наши блоки, напишем для них стили. 8.1. блоку .boxt_data, .boxt_id, .boxt_tip мы зададим цвет фона, цвет текста, и зададим положение текста по центру. background:#5599E4;color:white;text-align: center;8.2 аналогично действие мы выполним с другими блоками 9. Теперь для блока boxt_pr добавим размер и цвет текста color: #EBE6E8;font-size: 20px;10. Приступаем помещаем основные функции в созданные нами блоки {section name=i loop=$grid_items} <div class="boxt"> <div class="boxt_data"> {$grid_items[i].date} </div> <div class="boxt_id"> ID {$grid_items[i].id} </div> <div class="boxt_tip"> {$grid_items[i].type_sh} </div> {if $grid_items[i].img != '' } <div class="boxt_image"> <a href="{if $grid_items[i].url!=''}{$grid_items[i].url}{else}{$grid_items[i].href}{/if}" title="{$grid_items[i].city}/{$grid_items[i].district}/{$grid_items[i].street}"> <img src="{$estate_folder}/img/data/{$grid_items[i].img[0].preview}" alt="{$grid_items[i].city}/{$grid_items[i].district}/{$grid_items[i].street}" width="110" /> </a> <div class="boxt_ipr"> <div class="boxt_i"> {if isset($smarty.session.favorites)} {if in_array($grid_items[i].id,$smarty.session.favorites)} <a class="remove_from_favorites" alt="{$grid_items[i].id}" title="{$L_DELETEFROMFAVORITES}" href="#remove_from_favorites"></a> {else} <a class="add_to_favorites" alt="{$grid_items[i].id}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites"></a> {/if} {/if} </div> <div class="boxt_pr"> {$grid_items[i].price|number_format:0:",":""} </div> </div> </div> {else} <div class="boxt_image"> <a href="{if $grid_items[i].url!=''}{$grid_items[i].url}{else}{$grid_items[i].href}{/if}" title="{$grid_items[i].city}/{$grid_items[i].district}/{$grid_items[i].street}"> <img src="{$estate_folder}/img/no_foto.png" alt="{$grid_items[i].city}/{$grid_items[i].district}/{$grid_items[i].street}" width="110" /> </a> <div class="boxt_ipr"> <div class="boxt_i"> {if isset($smarty.session.favorites)} {if in_array($grid_items[i].id,$smarty.session.favorites)} <a class="remove_from_favorites" alt="{$grid_items[i].id}" title="{$L_DELETEFROMFAVORITES}" href="#remove_from_favorites"></a> {else} <a class="add_to_favorites" alt="{$grid_items[i].id}" title="{$L_ADDTOFAVORITES}" href="#add_to_favorites"></a> {/if} {/if} </div> <div class="boxt_pr"> {$grid_items[i].price|number_format:0:",":""} </div> </div> </div> {/if} <div class="boxt_1"> <div class="boxt_g"> г. </div> <div class="boxt_g1"> {if $grid_items[i].city ne ''} {$grid_items[i].city} {/if} </div> </div> <div class="boxt_2"> <div class="boxt_u"> {if $grid_items[i].street ne ''} {$grid_items[i].street} {if $grid_items[i].number ne ''}, {$grid_items[i].number}{/if} {else} {if $grid_items[i].street ne ''} {$grid_items[i].street} {if $grid_items[i].number ne ''}, {$grid_items[i].number} {/if} {/if}{/if} </div> </div> <div class="boxt_3"> <div class="boxt_p"> пл. </div> <div class="boxt_p1"> {if $grid_items[i].square_all ne ''}{$grid_items[i].square_all}{else}-{/if} / {if $grid_items[i].square_live ne ''}{$grid_items[i].square_live}{else}-{/if} / {if $grid_items[i].square_kitchen ne ''}{$grid_items[i].square_kitchen}{else}-{/if} </div> </div> <div class="boxt_4"> {$grid_items[i].text|strip_tags|truncate:200} </div></div>{/section}Ну вот и все . Пользуемся на здоровье. P.S. перед тем как изменять что-то на своем сайте ОБЯЗАТЕЛЬНО ДЕЛАЙТЕ КОПИЮ!!! Р.s/s/s/s/s Изменения писались под чистую систему (считается та система которая только-что установлена). Но если вы не делали координальных изменений то можете смело заливать. Если Вам интересны мои уроки то пишите отзывы Вы можете написать сами или просто заменить файл который находиться ниже. realty_grid_thumbs.tpl.html

Урок №2 и наверное самый распространенный, но до боли мучающий начинающих вебмастеров это как прижать footer к низу сайта. Легко )))) <div id="wrapper-container"> <header id="header"> </header> <article id="content"> </article></div><footer id="footer"></footer>соответственно сss html, body {height: 100%;}#wrapper-container {min-height: 100%;}#content { overflow:auto; padding-bottom: 150px;} #footer {position: relative; margin-top: -150px; height: 150px; clear:both;}body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;}Все это конечно хорошо, в современных браузерах все будет просто отлично, но как же быть с надоевшим эксплорером 7? Ясное дело , делаем фикс<!--[if !IE 7]> <style type="text/css"> #wrap {display:table;height:100%} </style>И наслаждаемся index2.html

Надеюсь админ создаст отдельный раздел для этого и создаст в ней (переименует мою тему) В данном разделе пользователи смогут подчеркнуть для себя интересные идеи которые смогут применить на своем сайте Первый урок (переворот картинки без использования Jquery) начнем 1. Для начала создадим область (container) в который поместим 2 блока с содержимым box-front и box-back <div class="container"> <div class="box-front"> Передняя сторона </div> <div class="box-back"> Задняя сторона </div></div> 2. Когда мы прописали блоки приступим к написанию стилей и соответственно анимации. <style>.container{ perspective: 800px; -webkit-perspective: 800px; background: radial-gradient(#e0e0e0, #aaa); width:100%; height:300px; border-radius:6px; position:relative; }.box-front, .box-back{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; width:50%; height:80%; position:absolute; top:10%; left:25%; background:#476AF1; transition:0.8s; text-align:center; color:#FFF; }.box-back{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); background-color:#7E0002; }.container:hover .box-front{ /*пишем эффект при наведении мышкой*/ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); }.container:hover .box-back{ /* эффект при убранной мышки*/ transform:rotateY(360deg); -webkit-transform:rotateY(360deg); }</style> Получаем переворачивающую картинку при наведении на нее мышкой index2.html

Каждый из пользователей хоть раз изменял шаблон на своем сайте или корректировал какую-то его часть. Сегодня я решил выложить список небольших утилит облегчающий работу вебмастера. 1. CSS transform генератор ( http://demos.aimweb.name/css-transform-generator/ ) Описание : Позволяет эмулировать в IE свойства css3 transform такие как: поворот, искажение, масштабирование (без использования JavaScript'a). Свойство CSS transform позволяет манипулировать блоками, поворачивая, искажая или масштабируя их без использования Flash или JavaScript. К сожалению, браузер IE 8 и его более ранние версии не поддерживают CSS-трансформации. Но подобного эффекта можно достичь с помощью фильтра Matrix. Данный инструмент проводит преобразование значений CSS3 transform в параметры filter:Matrix, который позволит отобразить результат в IE6-8. 2. CSS3 Generator ( http://css3generator.com ) Описание : Один из новый генераторов CSS3 кода , достаточно удобный, но к сожалению ( на мой взгляд) не поддерживающий XAK-и. Удобен тем, что вы сразу видите какие браузеры будут нормально отображать код. Поддерживает все нововведения. 3. css3maker (http://www.css3maker.com) - не могу его не отметить. как самый знаменитый генератор css кода 4.Генератор градиентов http://www.colorzill...radient-editor/ 5.Генератор теней http://css3gen.com/box-shadow/ 6.Генератор меню CSS Menu Generator 7.полезная штука для продакшн CSS Formatter and Optimiser 8.Революция в генераторах. имеет огромное количество настроек. Поддерживает вывод кода в LESS-SASS http://enjoycss.com/ 9. Простой генератор теней и скруглений, особое отличие в нем это то что выдает в css3 + фильтры под IE http://prohtml.net/services/unicss3gen

Ни какого запрета нет, можете вставить в любое место. как правило счетчик ставиться в подвал (footer.tpl) Скорее всего вы не полностью код счетчика скопировали. Если у Вас возникают трудности с установкой напишите, помогу.

можете скинуть доступ по фтп в личку, и какую именно хотите подключить карусель, (дайте ссылку) помогу.

я посмотрел, тут нужна другая карусель. с этой придеться многое переписывать, т.к. смещение и css

Нужно знать какая именно js отвечает за данную карусель, потом подправить . В принципе можно любой слайдер сюда поставить

Скиньте адрес сайта, посмортюросто вам нужно просто уменьшить размер шрифта, так это в СSS ищите div содержащий font-size фаил - realia-blue.css строка 4480 в ней fone-size: 35px; (меняем на свой размер 23-25 нормально)

В старой версии шаблона лежит отдельный сss фаил.

Добрый день. Я разработчик данного шаблона. Прошу прощения, что приходиться много возиться с доработками. Шабоон действительно устарел т.к. писался под старую версию движка. Скоро будет еще один новый шаблон. Он будет запущен как только дмитрий его оттестирует. Т.к. обновлений много, а на доработку времени не хватает. Пока габлон готов только на 30% www.ned.mylco.ru

идет разработка еще одного шаблона ( оцениваем. пишем пожелания) www.ned.mylco.ru

Все зависит от шаблона. Пишите в личку

Может данную тему перенесем в другой раздел? Например в флудилку

особых проблем не вижу. пишите т.з. настроем.

Вариант №1 : в данном случае нужно редактировать файл main.tpl. ( самый конец файла перед clear) 1. создать блок 2. написать стили блока 3. поместить содержимое в блок. Вариант №2: читаем тут http://www.etown.ru/s/topic/104-%D1%81%D1%82%D0%B0%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B0%D1%8F-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0-%D0%B8%D0%B7%D0%BD%D0%B0%D1%87%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE/?hl=%2B%D1%81%D1%82%D0%B0%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B0%D1%8F+%2B%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0+%2B%D0%BD%D0%B0%D1%87%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE

приведи пример, скинь ссылку

я давно делаю сайты, в том числе и на вордпресс, лучшей капчи чем от гугл я не встречал. re-captcha/ еще для авторизации используются плагин lockdown, блокировка аккуанта и ip на определенное количество времени ( так же можно настроить количество попыток авторизации.

Варианты размера кнопок <p> <button class="btn btn-large btn-primary" type="button">Large button</button> <button class="btn btn-large" type="button">Large button</button> </p> <p> <button class="btn btn-primary" type="button">Default button</button> <button class="btn" type="button">Default button</button> </p> <p> <button class="btn btn-small btn-primary" type="button">Small button</button> <button class="btn btn-small" type="button">Small button</button> </p> <p> <button class="btn btn-mini btn-primary" type="button">Mini button</button> <button class="btn btn-mini" type="button">Mini button</button> </p> кнопка размер которой совпадает с шириной родительского элемента. Добавьте класс .btn-block к нопке или любому элементу с классом .btn. <button class="btn btn-large btn-block btn-primary" type="button">Block level button</button> <button class="btn btn-large btn-block" type="button">Block level button</button>

можно еще проще через стандартное средство винды office picture manager, с нескольких мегабайтов уменьшает до килобайтов (до 500 максимум помоему)

Что тут сложного? 1. создаешь фаил wellcome.tpl 2. в нем пишешь - пример <p> тестова страница </p> 3. вставляешь код в main.tpl перед началом основного контента или в основной контент <div id="content"> ... </div> {if $smarty.server.REQUEST_URI == '/'} <div>{include file='wellcome.tpl'}</div> {else} {if $main_file_tpl != ''} <div class="clear"></div> {include file="$main_file_tpl"} {else} {$main} {/if} {/if} 4. Радуемся и эксперементируем. 5. пример http://up.mylco.ru/

Да. т.к. ключивые слова пишутся в соответствии с описанием.

Все тоже самое только в разы дешевле мы можем сделать для SITEBILL