Верстаємо під drupal

Попередня ↔ Наступна

З темізаціі форм в drupal не надто все добре. Наприклад, розташувати елементи якоїсь форми в таблиці для зручності тут не можна. Вірніше можна звичайно використовуючи в оголошеня форми або в hook для неї параметри #suffix і #prefix, але це дуже незручно. Тому краще, звичайно, відразу верстати в загальному для drupal стилі. Нижче я покажу як приблизно це все виглядає.

У загальному випадку html форми виглядає приблизно так:

Тобто всі елементи форми (крім кнопок) обрамляются дивами з класом form-item. Нижче наводжу приклади таких елементів форми.

Рядок для введення тексту. ()

Тут і далі id для елементів форми унікальний. Тому якщо для якогось елементу форми з будь-якого треба прописати свої специфічні стилі, то можна для цього елемента додати свій унікальний id. А програміст в стилях вже замінить його на потрібний id. Причому це стосується і id для div.form-item і для самого елемента форми (input, select, textarea ...)

Випадаючий список ()</h2> <h2>Галочка (checkbox)</h2> <h2>Перемикачі (radio)</h2> <p>Перемикач з описом:</p> <p>Кнопки, на відміну від інших елементів форми не огбрамляются дивом з класом form-item, а просто йдуть в кінці форми пачкою. Ось наприклад дві кнопочки на формі:</p> <h2>Поле обов'язкове для заповнення</h2> <p>Тут все просто. У label додається зірочка загорнута в span.form-required І до самого елементу форми (input, select, textarea) додається клас .required<br> І ось як виглядає обов'язкове поле для введення рядка тексту:</p> <h2>опис поля</h2> <p>Часто в формах під полем пишуть якийсь пояснювальний текст. У верстці це виглядає як додавання діва з класом description в кінець .form-item<br> Ось приклад обов'язкового для заповнення інпут з пояснювальним текстом:</p> <h2>висновок</h2> <p>Я розповів основні моменти. У разі якщо на сайті є і великі складні форми з купою полів, то до цього матеріалу напевно варто було б додати опис ще й про fieldset. Якщо коротко, то: група полів форми може бути ще обрамлена в fieldset.</p> <p>Звичайно прогрммно можна перевизначити функції тим для всіх елементів форми і малювати їх по іншому, але навіщо придумувати велосипед? Краще коли верстальник дотримується цих вимог і все. А у випадках, коли ну ніяк не виходить заверстані форму саме з цього опису, то я кажу верстальницею верстати як виходить, а потім вже сам втачівают цю справу під drupal. Ну наприклад якщо дизайнер намалював в макеті так, що опис елемента форми (наприклад textarea) йде до самої textarea. Тоді ми знаходимо функцію theme_textarea. Копіюємо її в файл template.php нашої теми і перейменовуємо назву функції в phptemplate_textarea або ж mytheme_textarea. Переміщаємо в ній висновок опису вгору і все. Після цього треба оновити реєстр тим і готово. Але це вже до самої верстці не відноситься, а вже більше до програмування під drupal і роботі з form api.</p> <p>Я пробував з Артістір працювати ... Ясно що ручна робота якісніше. Спробую. Дякуємо</p> <p>ну це так, але для своїх деяких дрібних сайтів я використовую артістер)</p> <p>а так да, ручна рулить. Я ось якраз сьогодні почав робити свою заготовити теми на базі zen, але не як дочірню від zen, а окремо. Трохи пізніше поділюся їй коли потестірую і допрацюю на парі проектів)</p> <p>Дивний рада перевизначати theme_textarea в темі. Ця функція для всіх Текстар на сайті. Її перевизначити - для всіх зміниться. А треба тільки в однієї. Для цього використовується св-ва [ '#theme'] Текстар</p> <p>я там мав на увазі глобальний випадок, коли необхідно на всьому сайті поміняти висновок якогось елементу форми.</p> <p>Щодо властивості [ '#theme'] думаю Ви маєте рацію, хоча мені не доводилося користуватися цією властивістю на практиці.</p> <h3>Leave Your Comment</h3> <h4>Схожі статті</h4> <ul> <li> <p><a href="/articles/vimogi-do-verstki-pid-drupal-drupal.php">Вимоги до верстки під drupal, drupal</a></p> </li> <li> <p><a href="/articles/jak-pominjati-movu-na-rosijsku-z-anglijskoi-drupal.php">Як поміняти мову на російську з англійської, drupal</a></p> </li> <li> <p><a href="/articles/drupal-blok-pozicii-v-shabloni-novi-bloki-v-drupal.php">Drupal блок - позиції в шаблоні - нові блоки в drupal</a></p> </li> </ul> </div> </article> </div> </div> </div> <footer class="igrzom-footer clearfix"> <ul> <li><a href="/articles/zoopark-akvarium-i-galjavina-kazok-v-jalti.php">Зоопарк, акваріум і - галявина казок - в Ялті</a></li> <li><a href="/articles/chitati-onlajn-vivci.php">Читати онлайн вівці</a></li> <li><a href="/articles/bezprovidne-videosposterezhennja-v-lifti-sistema.php">Безпровідне відеоспостереження в ліфті система tv-rf lift</a></li> <li><a href="/articles/moralnist-jak-realnist-povedinku-zvichai-stosunki.php">Моральність як реальність поведінку, звичаї, стосунки - студопедія</a></li> <li><a href="/articles/shho-take-omfalit-i-jak-jogo-likuvati-hvorob.php">Що таке омфаліт, і як його лікувати, хвороб малюків</a></li> </ul> <p>© Copyright 2016 - 2024 | Всі права захищен</p> <br> <p><a href="/privacy.php">Privacy Policy</a></p> <script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+""+screen.height+""+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script> </footer> </div> </div></body> </html>