Blog
Typography
You can create some beautiful content by using some simple HTML elements. The Warp theme framework offers some neat styles for all HTML elements and a great set of CSS classes to style your content. Basic HTML is very easy to learn and this small guide shows you how to use all styles provided by the Warp framework.
Basic HTML Elements
Here is a short demonstration of text-level semanticts. The <p> element creates a new paragraph. It will have some space before and after itself. To turn your text into hypertext just use the <a> element.
Text-Level Semantics
You can emphasize text using the <em> element or to imply any extra importance the <strong> element. Highlight text with no semantic meaning using the <mark> element. Markup document changes like inserted or deleted text with the <del> element or <ins> element. To define an abbreviation use the <abbr> element and to define a definition term use the <dfn> element.
Short List with Links
- YOOtheme - Premium Joomla Templates and WordPress Themes
- Warp Framework - Fast and Slick Theme Framework
- ZOO - Content Application Builder
- Stock Icons - For Web and Print Projects
Quotations and Code
Inline quotations can be defined by using the <q> element
.
The <blockquote> element defines a long quotation which also creates a new block by inserting white space before and after the blockquote element.
To define a short inline computer code use the <code> element
. For a larger code snippet use the <pre> element which defines preformatted text. It creates a new text block which preserves both spaces and line breaks.
pre { margin: 15px 0; padding: 10px; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 18px; white-space: pre-wrap; }Use the <small> element for side comments and small print.
Useful CSS Classes
Here is a short demonstration of all style related CSS classes provided by the Warp framework.
Highlight Content
Drop caps are the first letter of a paragraph which are displayed bigger than the rest of the text. You can create a drop cap using the CSS class dropcap
. To emphasize text with some small boxes use <em> element with the CSS class box
.
box-content
.box-note
.box-info
.box-warning
.box-hint
.box-download
.Use the CSS class dotted
to create a dotted horizontal rule.
Tables
Create a zebra stripped table using using the CSS class zebra
.
Table Heading | Table Heading | Table Heading |
---|---|---|
Table Footer | Table Footer | Table Footer |
Table Data | Table Data | Data Centered |
Data Bold | Table Data | Data Centered |
Table Data | Table Data | Data Centered |
Definition Lists
Create a nice looking definition list separated with a line by using the CSS class separator
.
- Definition List
- A definition list is a list of terms and corresponding definitions. To create a definition list use the <dl> element in conjunction with <dt> to define the definition term and <dd> to define the definition description.
- Definition Term
- This is a definition description.
- Definition Term
- This is a definition description.
- This is another definition description.
Forms
Create a clearly arranged form layout with fieldset boxes using the CSS class box
.
ZOO
ZOO is a flexible and powerful content application builder to manage your content. It provides a much improved Joomla experience. The key feature is the ability to create your very own custom content types. You define what a type is made up of - e.g. text, images or a file download. Any combination is imaginable! You bring the content, ZOO brings the elements to structure it and make it look good!
Apps for every Purpose
ZOO moves from simply being a CCK to an Application Builder. Apps are extensions for ZOO which are optimized for different purposes and types of content catalogs. ZOO offers a wide range of apps to get you started right away. There is a blog, a product catalog, a cookbook, a business directory, a documentation, a download archive and a movie database app!
Joomla Integration
By now ZOO has developed a thriving ecosystem, with new ZOO extensions appearing regularly. It also integrates well with many popular Joomla extensions. Besides the ZOO component itself offers additional modules and plugins. They allow a seamless integration into Joomla and provide a richer tool set to create your website.
Visit WebsiteО компании
«GrandMake Web Studio» - это профессиональная веб-студия, основана в начале 2008 года, в городе Новосибирске.
Наша компания специализируется на проектировании и разработке высококачественных веб-сайтов, используя передовые технологии и услуги в области веб разработок, как правило, соответствующих веб-стандартам и семантике. В результате наши клиенты получают привлекательные и максимально функциональные веб-сайты, с учетом всех специфических потребностей. Мы обеспечиваем индивидуальный подход к каждому клиенту, углубляемся в суть дела, создаем неординарные решения и достигаем лучших результатов. Мы заинтересованы в серьезном и долгосрочном сотрудничестве.
Большинству компаний очень важно иметь профессионально разработанный веб-сайт, так как он не только являются эффективным маркетинговым инструментом, но так же помогает укрепить имидж компании, выражая и подчеркивая её особенность в глазах потенциальных клиентов.
Веб студия GrandMake предоставляет полный спектр услуг в области интернет-маркетинга: создание сайтов, поисковая оптимизация и продвижение сайтов, интернет-реклама (обеспечение целевых клиентов), а так же техническую поддержку, редизайн, веб хостинг, дизайн логотипа и многое другое.
Мы работаем с клиентами самого разного профиля: малыми и крупными компаниями, организациями, специализирующимися на электронной коммерции, независимыми объединениями и частными лицами, по всем регионам России, Украины и др. стран.
Команда веб студии
Наша команда это профессиональные, креативные, дружные, молодые и энергичные люди, обладающие обширными знаниями и опытом в области разработки пользовательских веб-сайтов, электронной коммерции, веб дизайна, информационных систем и программирования, что позволяет выполнять проекты практически любой сложности. Все наши сотрудники являются сертифицированными специалистами в области интернет-технологий, для которых работа в веб сфере уже стала стилем жизни, которые хотят и добиваются поставленных задач, совершенствуя свои профессиональные навыки.
Наши цели
- Нашей целью является создать сайт, который будет отражать суть вашего бизнеса, позволит посетителям и пользователям легкий доступ к данным и его содержанию.
- Обеспечить красивый дизайн с высоким качеством кода, удобную структуру и понятную систему управления контентом (CMS).
- Обеспечить максимальную раскрутку создаваемого сайта, что в свою очередь приведет к увеличению трафика и выводу ресурса по ключевым словам на первые места в результатах поиска в поисковых системах.
- Помочь нашим клиентам выделиться среди конкурентов, сделать сайт эффективным с точки зрения маркетинга, который будет приносить реальную отдачу, в результате чего максимальный потенциал прибыли.
- Предоставить техническую поддержку и администрирование ресурса, с гарантией, что ваш сайт будет своевременно обновлен новой информацией и всегда отлично функционировать!
Для достижения этих целей, мы проводим исследовательский и проектный этап, чтобы точно определить, что именно наши клиенты хотят достичь. Таким образом, мы всегда находим решения, выражающие и подчеркивающие особенность каждой компании.