Чат сообщества
   | |
| Модератор форума: Yuri_G |
| Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Полезные советы по дизайну (Готовые рецепты и хитрости) |
| Полезные советы по дизайну |
|
Центрирование необходимо для того, чтобы ваш блок находился по середине. Обычно это первый основной блок, внутри которого находится сам сайт. В этой статье я приведу 3 основных способа центрирования, которые использую при вёрстке.
1. Первый способ заключается в указании свойствах блока автоматические отступы margin для левого и правого края. Таким образом для любого разрешения браузер сам вычислит положение блока. CSS: #wrap {margin: 0px auto; width: 600px; height: 400px; background: #000 } HTML: ... Недостатки: плохая поддержка браузеров IE6. Практически невозможно создать одинаковые отступы сверху и снизу. 2. Суть второго способа заключается в применении атрибута align="center". CSS: #wrap {width: 600px; height: 400px; background: #000;text-align: left } HTML: ... Недостатки: Приходится обрамлять наш блок в ещё один div, а в свойствах для самого блока попутно указывать форматирование текста по левому краю, иначе все дочерние элементы будут центроваться. Не получится сделать равные отступы сверху и снизу 3. С применение position: absolute. Идея такова, что наш блок получает значения позиции середины, вычисляемое в процентах и потом с помощью отрицательного отступа задаётся колонка: CSS: #wrap {position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; width: 600px; height: 400px; background: #000 } HTML: ... Недостатки:Увеличивается количество CSS кода, хотя теперь мы и можем отцентировать наш блок точно по центру. Ещё к недостатком относится тот факт, что при уменьшении размера окна содержимое уходит за пределы окна и его не достать скроллом. Всё, что вы знаете обо мне — ложь и клевета. Вся правда в твиттере и на сайте.
Сообщение отредактировал rusak - Понедельник, 29 Июн 2009, 04:10:40
|
|
Как сделать произвольный вид даты для материалов (аля Вордпресс)
Вставляем в первый глобальный блок (например Верхняя часть сайта) этот скрипт: Код <script type="text/javascript"> function convertTS(timestamp){ var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; var dtm=[];var d=new Date();if (typeof timestamp=='string' && timestamp.length>5){timestamp=parseInt(timestamp);}if (typeof timestamp=='number' && !isNaN(timestamp)){d.setTime(timestamp*1000);}var cday=d.getDate();if(cday<=9){cday='0'+cday};var cmin=d.getMinutes();if(cmin<=9){cmin='0'+cmin};var csec=d.getSeconds();if(csec<=9){csec='0'+csec};var chour=d.getHours();if(chour<=9){chour='0'+chour};var mon=d.getMonth()+1;if(mon<=9){mon='0'+mon};var month=months[d.getMonth()];var year=d.getFullYear(); dtm['month'] = month; dtm['year'] = year; dtm['mon'] = mon; dtm['day'] = cday; dtm['hour'] = chour; dtm['min'] = cmin; dtm['sec'] = csec dtm['time'] = chour+':'+cmin+':'+csec; return (dtm); } </script> Вставляем в шаблон "Вид материала" желаемого модуля этот скрипт в самое начало шаблона: Код <script type="text/javascript">var dtm=convertTS('$TIMESTAMP$');</script> Вставляем в этот же шаблон "Вид материала" в том месте где вы хотите вывести желаемую часть даты следующий код (на выбор, в зависимости от нужд): Код <script type="text/javascript">document.write('<b>'+dtm['month']+'</b>')</script> Код <script type="text/javascript">document.write(dtm['year']+'/'+dtm['mon']+'/'+dtm['day'];)</script> Код <script type="text/javascript">document.write(dtm['time'];)</script> Код <script type="text/javascript">document.write(dtm['hour']+'.'+dtm['min']+'.'+dtm['sec'];)</script> |
| |||