Leaderboard

Надеюсь админ создаст отдельный раздел для этого и создаст в ней (переименует мою тему) В данном разделе пользователи смогут подчеркнуть для себя интересные идеи которые смогут применить на своем сайте Первый урок (переворот картинки без использования 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

Это уже надо системные файлы трогать - так что вариант самый последний)))

Урок №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

Рассмотрим ситуацию для шаблона Realty. Перед всеми экспериментами - дампить меняемые файлы. Обязательно. Исходные данные: 1. имеем локальный файл конструктора сеток /template/frontend/realty/main/grid_constructor_local.php 2. Имеем желание править под себя шаблон вывода /template/frontend/realty/realty_grid_list.tpl Предусловия. Статус может задаваться полем типа select_by_query или select_box. Для того, что бы что-то вывести, это что-то надо отправить в шаблон. Для того, что бы как-то выделить конкретный статус, надо как-то отметить строку с объявление, которая владеет этим статусом. Статус можно отправить либо значение, либо ключем и при определении вида статуса в шаблоне ориентироваться именно на переданное значение. Поехали. Мы ленивы, но практичны. Полагая, что имена статусов могут меняться (Опубликовано -> Опубл.) в силу разных причин, но ключи будут меняться реже, будем ориентироваться на ключи. Что в select_by_query , что в select_box каждое значение имеет ключ-идентификатор. Обычно это число. Из запроса данные выбираются именно ключами $grid_item.status_of_adv будет исхдно равно 1,2,0 или еще чему-нибудь. Приводим к текстовому значению. /template/frontend/realty/main/grid_constructor_local.php строка 725 добавляем блок $_model=$data_model->get_kvartira_model(false, true);foreach($_model['data'] as $k=>$v){if($v['type']=='select_box'){if(isset($_model['data'][$k]['select_data'][$ra[$item_id][$k]])){$ra[$item_id][$k]=$_model['data'][$k]['select_data'][$ra[$item_id][$k]];}else{$ra[$item_id][$k]='';}}} Тут ничего необычного. По сути приведение локального конструктора к актуальному виду. Этот блок проходится по модели и все числовые значение элементов типа select_box приводит к их текстовым эквивалентам. Так как нам нужно еще и числовое значение, для идентификации статуса, то перед этим блоком делаем запоминание. if(isset($ra[$item_id]['status_of_adv'])){$ra[$item_id]['_mem_status_of_adv']=$ra[$item_id]['status_of_adv'];}Теперь в шаблоне получить числовое значение для статуса можно как $grid_item._mem_status_of_adv а текстовое как $grid_item.status_of_adv Но если у нас не select_box, а select_by_query то чуть віше вставленного блока есть комплект инициализаторов таких полей if ( $item_array['street_id'] > 0 ) { $ra[$item_id]['street'] = $data_model->get_string_value_by_id('street', 'street_id', 'name', $item_array['street_id'], true);}и в таком же духе. Тогда делаем копию одного из них и меняем if ( $item_array['status_of_adv'] > 0 ) {$ra[$item_id]['_mem_status_of_adv']=$ra[$item_id]['status_of_adv']; //тут мы тоже запоминаем числовое значение$ra[$item_id]['status_of_adv'] = $data_model->get_string_value_by_id('имя таблицы в которой хранятся статусы', 'имя первичного ключа таблицы статусов', 'поле из таблицы статусов, которое содержит текстовое значение названия статуса', $item_array['status_of_adv'], true);}Аналогично получаем в шаблоне значения через $grid_item._mem_status_of_adv и $grid_item.status_of_adv Теперь идем в шаблон. Там, где у нас должен быть вывод имени статуса вставляем {$grid_item.status_of_adv} Далее, в зависимости от разметки. Например вывод строками таблицы в виде {section name=i loop=$grid_items} <tr valign="top" class="row3{if $grid_items[i].bold_status==1} grid_table_bold{/if}{if $grid_items[i].premium_status==1} grid_table_premium{/if}" {if $grid_items[i].active == 0}style="color: #ff5a5a;"{/if}>Делаем <tr valign="top" class="row3 advstatus{$grid_item[i]._mem_status_of_adv}{if $grid_items[i].bold_status==1} grid_table_bold{/if}{if $grid_items[i].premium_status==1} grid_table_premium{/if}" {if $grid_items[i].active == 0}style="color: #ff5a5a;"{/if}>В результате мы получаем для каждой строки таблицы дополнительный класс вида advstatusN, где N - числовое значение статуса данного объявления. После этого пишем css правила вида .advstatus0 {/*стили*/}.advstatus1 {/*стили*/}.advstatus2 {/*стили*/}такой способ хорош если нужны все статусы или их очень много. Но для малого количества и большей гибкости можно создавать классы более осмысленно <tr valign="top" class="row3{if $grid_item[i]._mem_status_of_adv==1} usual_adv{elseif $grid_item[i]._mem_status_of_adv==2} extremally_interesting{/if}{$grid_item[i]._mem_status_of_adv}{if $grid_items[i].bold_sta...Как-то так. Перед всеми экспериментами - дампить меняемые файлы. Обязательно.

Подскажите, а как удалить английский, чтоб не было возможности выбора, делаю так - /apps/language/admin/admin.php удаляю английский, все равно он в переключателе есть... просто хотел бы оставить только русский язык без возможности выбора.