Обновление «странички для счастливых обладателей IE6» / Борьба с IE. Требования к вёрстке под drupal / Drupal. 10 марта 2010 в 11:16 Не раз сталкивался с проблемой, когда присылают вёрстку и там вроде бы всё хорошо, но вот как начинаешь прикручивать к drupal, то сталкиваешься с тем, что либо надо вёрстку переделывать либо функции темы переписывать. И в итоге процесс темизации из-за этого может значительно увеличиться. Поэтому мы на работе решили написать требования к вёрстке под drupal. Ниже привожу требования к основным элементам. Меню Copy Source | Copy HTML<div class="mymenuclass"> <ul> <li class="leaf first"><a href="#">My account</a></li> <li class="expanded active-trail"><a href="#">Create content</a> <ul class="menu"> <li class="leaf first active-trail"><a href="#" class="active">Page</a></li><!
Лучше стараться даже ul меню обернуть еще в div и в css обращаться через него. Пэйджер Блоки Если есть блоки на сайте, то следует оформлять их в едином стиле. Copy Source | Copy HTML<div id="blockid" class="block"> <h2>Заголовок</h2> <div class="content"> <! Тестовый контент Это конечно далеко не всё. Nifty Products Tutorial Part 1. In this tutorial we are going to teach you how to theme your products page. We will get started by creating the node file which we are going to edit to create the mark-up (HTML), so we can style it using CSS at a later date. Ubercart uses a content type called product for it’s nodes so we will create file shown below. node-product.tpl.php Note: If you use a different content type for your products, just put the content type name where I have put the product in the above.
We will now create the mark-up(HTML) /php for the product display. <? Php // Grabs the firsts image path and sets $imagePath. I’ve tryed to comment everything explaining what each bit does the $variables are pulled from the $node array. Placing the above code at the bottom of your new node file should print the $node array just in case you might want to display more data. Now all you have to-do is upload your new node file to your active theme folder. Note: This is my first tutorial so if it's crap let me know! Brainstorming for UC theming improvements in D6 version. We've been doing a lot of Ubercart theming lately, and I wanted to open a brainstorming thread for both small and major things that would improve theming for UC.
Here are some of the issues we've noticed: - inconsistent use of - and _ in id/class names - use of markup for styling instead of spans/divs, eg. <td class="cart-block-summary-total"><strong>Total:</strong> $913.71</td> - using img tags for images inline instead of via CSS so they can be changed (*cough* icons in cart block *cough*) - also another example of inline stuff that's hard to adjust, the (View cart) (Checkout) links in cart-block-summary-checkout - lack of wrapper div around or additional class on each item such as displayed product fields or attributes -- for example, without busting it out in a template file, it's impossible to apply styling to or around all displayed product fields like weight, dimensions, etc. - use of tables for, well, everything.
Theming and Design | Ubercart-Page:[current-page-number]