Рейтинг
+2.27
голосов:
2
avatar

HTML, верстка, кодинг, CSS  


HTML, верстка, кодинг, CSS / Несколько простых примеров использования CSS 3


Так как я предпочитаю программирование, то за технологиями в мире вёрстки и дизайна особо не слежу. Да про CSS3 слышал, да говорят круто, но что там такого крутого не разбирался. После Я.Субботника меня заинтересовало это слово CSS3, и вот вчера вечерком я сел смотреть что это за зверь такой. Далее будут описаны простые примеры, так что если вы уже знакомы с этой технологией, то вам скорее всего будет скучно читать, всех остальных прошу под кат.


Прочитать полностью

HTML, верстка, кодинг, CSS / Бэкграунд из трех частей.

Здравствуйте.
При разработке сайта возникла проблема.
У меня есть изменяющаяся с длиной новости часть сайта.

www.zootemplate.com/demo/zt_evio/
Здесь это задний фон возле бело-серй части сайта.
Как видите он зависит от длины статьи и если выбрать Typographу, то получится что картинка влепленная в бэкграунд заканчивается на 1/4 части длины статьи и начинается бэкграунд цвета #1A252D.

Если я хочу, чтобы бэкграунд был весь как та картинка и с увеличением длины тоже увеличивался — есть ли такая возможность как «трехкартиночный» бэкграунд в CSS?
То есть две картинки это верхний край и нижний, и еще одна то что посередине и то что тянется с «удлинением» сайта?

P.S. Вариант с repeat-y центровой части картинки я юзал и не рассматривается в данном вопросе

HTML, верстка, кодинг, CSS / Мультиязычность сайта

Здравствуйте. Думаю многие уже с этим сталкивались, так как у нас большинство сайтов делается на двух языках. Вот и я хотел бы сделать сайт мультиязычным (интересует только русский и казахский).
Нашел 3 способа:
1 способ. Самый простой вариант который приходит в голову, но одновременно самый сложный — создавать отдельно материалы, категории, меню для разных версий сайта. Но тут могут возникнуть много проблем, таких как перевод для модулей, компонентов (т.е зарезервированных фраз вроде Последние новости).
К тому же придется самим реализовывать поиск по определенному языку, модуль «флажков» и прочее…
2 способ. Можно сделать полную копию сайта и настроить его для казахского языка (либо какого-нибудь другого). Этот второй сайт прицепить поддоменом (например kz.site.ru или site.ru/kz).
3 способ. Намного проще будет установить компонент, который будет управлять обоими версиями сайтов разом из одной админ панели. Хорошим примером такого компонента служит Joom!Fish. В нем отдельно можно настраивать сайт для разных языков, практически полностью управлять локализацией для расширений и прочее. На сайте же следует установить в соответствующую позицию модуль «Флажков», который позволит оперативно переключаться между языками сайта.
Что плохо описания есть только для 3 способа. Меня интересует как сделать мультиязычность вторым способом. Сделать ссылки на главной на переход на казахскую и русскую версии, но так чтобы упрявлялись из одной админки. Буду очень признателен за помощь.
P.S. Сайт на Joomla 1.5.

HTML, верстка, кодинг, CSS / Как сделать модуль статических часов для джумлы?

Здравствуйте

Делаю сайт для мечеты Караганды. Нужно разработать модуль с часами, показывающими время намаза в этот день.

Гуглил, что то даже использовал. Сделал. Установил. Не работает

HTML, верстка, кодинг, CSS / Бегущая строка

Здравствуйте. Недавно мне дали задание разместить на сайте торгового центра бегущую строку из логотипов бутиков, которые арендуют помещения в этом ТРЦ. В сайтостроении я новичок, и раньше в Jnet меня не было, советы брать не откуда так что обратился к единственному учебнику google. Нашел 3 варианта построения бегущей строки:
1) Тег marquee.
2) JavaScript.
3) Flash.


Прочитать полностью

HTML, верстка, кодинг, CSS / А вы как верстаете? html5 или html4?

Проголосовало: 50. Воздержалось: 4

Как то недавно, когда был Хакдей, затронули эту тему. Никита Вершинин приколол нас, что мы динозавры потому что мы еще верстаем на html4. А он уже на пятерку давно перешел. Вот и поселились с этого момента мысли о переходе. В общем то поэтому и опрос. Хотел узнать как много в казнете уже перешло на него. Были ли какие-то сложности при переходе? Надеюсь тоже скоро присоединимся к пятерышникам.
    Ключевые слова:
  • html5

HTML, верстка, кодинг, CSS / Нестандартные шрифты на сайте использовать можно

Я всегда в дизайне сайта использовал стандартные шрифты, так как с нестандартными траблы в отображении. Но вот нарыл интересную статью на хабре. И друг из Челябинска Алексей Сумбаев посоветовал использовать этот метод. Так что копипастю сюда, может кому будет полезен.

Если стоит задача использовать в проекте нестандартный шрифт, то есть возможность пойти несколькими путями:
  1. Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
  2. Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
  3. W3C-метод – используем
    @font-family
    и наслаждаемся красивыми шрифтами без всяких заморочек. Пока этот метод не рассматривают, как рабочий, по причине слабой поддержи со стороны браузера.
  4. sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
  5. Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.


Прочитать полностью

HTML, верстка, кодинг, CSS / Генератор шаблона для Wordpress



Генератор тем для WordPress. Этот онлайн генератор создает кастомную тему для WordPress без какой-либо необходимости в знаниях HTML, JS, PHP, CSS.

Пользователь может выбрать основные цвета, параметры, формат темы. После чего нужно только нажать кнопку «Сохранить» и скачать вашу собственноручно сделанную тему для WordPress в виде zip-файла. Потом распаковать, установить, и все! Если у Вас возникнут какие либо вопросы и проблемы, то есть форум, правда англоязычный.

Тема подходит для WordPress от версии 2.1 и по 2.6.2 включительно. Генератор основан на Yahoo! UI (сетка, табы и типографика) и поддерживает все A-Grade браузеры, а также валидна согласно XHTML 1.0 Transitional. Темы включают в себя поддержку виджетов и тэгов.

Для новичков будет удобен как полноценный генератор, а для верстальщиков под WordPress он будет полезен в качестве быстрого генератора базового шаблона для последующей доработки.

HTML, верстка, кодинг, CSS / Проверка на кроссбраузерность


Есть замечательный сервис, который помогает проверить на кроссбраузерность верстку сайта, называется он Browser Shots (http://browsershots.org). На выбор 4 операционные системы + куча браузеров в разных версиях.

HTML, верстка, кодинг, CSS / Ускорение нарезки макета в Photoshop

При создании html-макета страницы иногда приходится иметь дело с множеством однотипных картинок. Например, выпало верстать фотоальбом. Нужно нарезать порядка двадцати «превьюшек», потом их всех поименовать и сохранить. Рутина.

Для того, что бы быстрее разделать со всем этим — используем несколько хитростей.


Прочитать полностью

Заявки от заказчиков

Доработка флеш анимации / 50.00 USD
Без категории | 15.05.2012 14:48
Создание портала / 999999.99 USD
Сайт под ключ | 14.05.2012 22:02
Нужен человек который java язык знает для проекта / 1000.00 KZT
Программирование | 8.05.2012 19:12
Творческое объединение ищет партнера - Web студию / 0.00 USD
Программирование | 28.04.2012 17:05
конкурс на лучший логотип сайта / 100.00 USD
Веб-дизайн | 28.04.2012 15:38
Ищем вэб-программиста / 500.00 USD
Программирование | 27.04.2012 23:33
Подключение систем epay.kkb.kz и kzm.kz на интернет-магазин с cms opencart / 999999.99 KZT
Программирование | 27.04.2012 21:06
Требуется копирайтер по темам Бизнес, Карьера, Самоулучшение, Предпринимательство и тп. / 50.00 USD
Контент, тексты | 27.04.2012 09:03
Вывести сайт в гугле в топ 10 по словам: изготовление мебели, корпусная мебель, мягкая мебель / 200.00 USD
SEO, продвижение | 27.04.2012 05:59
Развернуть ▼ Свернуть ▲