«Бронза» первенства области по бадминтону у спортсменов ДЮСШ «Квант»

Badminton 218-19 мая 2013 года в спортивном комплексе ДЮСШ «Труд» г. Калуга состоялось Первенство Калужской области среди юношей и девушек по бадминтону.

Борьбу за награды в личном зачёте вели 138 спортсменов 1998-1999 г.р., 2000-2001 г.р., 2002 г.р. и моложе по правилам Национальной федерации бадминтона России по олимпийской системе в одиночной, парной и смешанных категориях.   

(далее…)

Далее

Обнинская команда по фитнес-аэробике среди сильнейших в Европе

С 6 по 12 мая в г Антверпен (Бельгия) завершились открытый чемпионат и первенство Европы по фитнес-аэробике 2013 года. В соревнованиях приняли участие 67 команд, 720 участников. Россия была представлена самой большой делегацией – более 200 спортсменов (26 команд) из 10 регионов России. 

(далее…)

Далее

Успех стрелков на областных соревнованиях, посвящённых Дню Победы

5 мая 2013 года в Калуге состоялся Чемпионат Калужской области по пулевой стрельбе из пневматического и малокалиберного оружия. Традиционные соревнования, проводимые в начале мая, были посвящены Дню Победы.

(далее…)

Далее

Результаты Первенства ЦФО по шахматам

С 8 по 11 мая в пансионате «Лесная опушка» Серпуховского района Московской области проходило личное первенство Центрального федерального округа среди юношей и девушек от 11 до 19 лет по быстрым шахматам. В соревнованиях приняли участие 58 спортсменов из Московской, Калужской, Тверской и Тамбовской областей.

(далее…)

Далее

Hot Maps

Google Maps Module

hot mapsThe most popular online maps service today is certainly Google Maps. This service covers the entire globe. Allmost all places and addresses throughout the world are included in this giant online world map. Modern websites often use free maps from Google to show where the company is located or how to find the company’s offices. Travel websites can use maps to show destinations they offer for vacation trips.

Hot Maps module has been created to allow webmasters to include any map from Google Maps inside Joomla website. Once you install the module and publish it in appropriate module positions, you should enter location that should be displayed (in example «Copacabana beach Brazil») and set dimensions (width and height) of the map. That’s it. Your map is ready! There’s not need to register or copy any code.

In addition, you can include pre-text and post-text (HTML allowed) that will be displayed above and below the map. Also, you can include link to the full map (hosted on Google). Finally, you can select whether to show graphical map or satellite image of the location.

Google Maps Plugin

Installation of the plugin is straightforward and should be done through Joomla Extensions Manager (Extensions > Install/Uninstall). After installation, you should go to the Plugin Manager (Extensions > Plugin Manager) to publish the plugin. Now you are ready to start using the plugin in Joomla content pages.

When you create/edit any page, in place where you’d like a map to be shown, you should add this code:


{*hotmaps}paris eiffel tower,300,200{/hotmaps*}


Important: Please remove asterisks (*) from the above sample! We put it there only to prevent changing the code with map.

Parameters (in the code itself):

LOCATION (in our example: paris eiffel tower): Enter a location, in example «paris eiffel tower» or address, in example «1 Infinite Loop Cupertino CA 95014» . Please use only letters and numbers! Don’t use any special characters!
MAP’S WIDTH (in our example: 300): Enter width of the map’s frame in pixels (in example 300).
MAP’S HEIGHT (in our example: 200): Enter height of the map’s frame in pixels (in example 200).

Parameters of the plugin (in Extensions > Plugin Manager > Content — Hot Maps)

SATELLITE IMAGES: Select whether to show satellite image of the terrain or not.
DISPLAY LINK: Select whether to show link to the full map page (on maps.google.com).
LINK TEXT: Enter the link’s text.

All buyers of this template will get Hot Maps module and plugin FREE (regular price is $15).

Далее

Typography

About Typography:

Take care about your typography to make better user experience for your readers. How to achieve that?

  • Learn more about typography, escpecially about the most often used codes, such as <p>, <h1>, <h2>, <h3>, <img> and <a>.
  • This template has valid XHTML, but if you want to keep it like that, you must learn and follow the XHTML principles. Also, if some of your extensions are not XHTML valid, pages based on this component would not be XHTML valid as well (no matter if template itself is valid).
  • Familiarize yourself with CSS styles that comes with this template.
  • Never copy/paste directly from layout text editors, such as Microsoft Word or OpenOffice. Try to paste text in plain editors first (such as Notepad).
  • Use a WYSIWYG editor that comes with Joomla or install a better editor, but always check your code in the editor’s HTML mode.

Heading One

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading Two

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading Three

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Heading Four

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

My mother said to me, «If you are a soldier, you will become a general. If you are a monk, you will become the Pope.» Instead, I was a painter, and became Picasso… To have a quote styled like that, use «blockquote» element, like in this sample code: <blockquote><p&gt…your text here…</p></blockquote>

This is a dropcap style applied to a paragraph of text. To use it, apply class of dropcap to your paragraph of text, in example: <p class=»dropcap»>…some text goes here…</p>. To edit this style, find class .dropcap in CSS stylesheet file template_css.css.

Notice Styles:

This is a warning message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here’s a sample code: <p class=»warning»>…your text here…</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

This is an information message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here’s a sample code: <p class=»info»>…your text here…</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

This is an error message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here’s a sample code: <p class=»error»>…your text here…</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

This is typewriter style you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here’s a sample code: <p class=»typewriter»>…your text here…</p>. This style uses a font with constant width of characters.

 

Paragraphs Marked with a Number/Letter:

1This is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph, and wrap it in span with a class of p_number, like this: <p><span class=»p_number»>1</span>…your text here…</p>

2This is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph, and wrap it in span with a class of p_number, like this: <p><span class=»p_number»>2</span>…your text here…</p>

AThis is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph, and wrap it in span with a class of p_number, like this: <p><span class=»p_number»>A</span>…your text here…</p>

BThis is a paragraph of text marked with a big number or letter. To make such paragraph of text, you should enter number before the rest of the text in the paragraph, and wrap it in span with a class of p_number, like this: <p><span class=»p_number»>B</span>…your text here…</p>

 

Unordered and Ordered Lists

Unordered list sample:

  • list element one
  • list element two
    • list subelement one
    • list subelement two
    • list subelement three
  • list element three
  • list element four

Ordered list sample:

  1. list element one
  2. list element two
    1. list subelement one
    2. list subelement two
    3. list subelement three
  3. list element three
  4. list element four

Arrow list sample:

  • to achieve this effect
  • add class «arrow» to UL
  • like <ul class=»arrow»>

Arrow (left) list sample:

  • to achieve this effect
  • add class «arrowleft» to UL
  • like <ul class=»arrowleft»>

Calendar list sample:

  • to achieve this effect
  • add class «calendar» to UL
  • like <ul class=»calendar»>

Check list sample:

  • to achieve this effect
  • add class «checklist» to UL
  • like <ul class=»checklist»>

Delete list sample:

  • to achieve this effect
  • add class «delete» to UL
  • like <ul class=»delete»>

Email list sample:

File list sample:

  • to achieve this effect
  • add class «file» to UL
  • like <ul class=»file»>

Folder list sample:

  • to achieve this effect
  • add class «folder» to UL
  • like <ul class=»folder»>

Hearts list sample:

  • to achieve this effect
  • add class «heart» to UL
  • like <ul class=»heart»>

Information list sample:

  • to achieve this effect
  • add class «information»
  • <ul class=»information»>

Lock list sample:

  • to achieve this effect
  • add class «lock» to UL
  • like <ul class=»lock»>

Pencil list sample:

  • to achieve this effect
  • add class «star» to UL
  • like <ul class=»pencil»>

Persons list sample:

  • to achieve this effect
  • add class «person» to UL
  • like <ul class=»person»>

RSS list sample:

  • to achieve this effect
  • add class «rss» to UL
  • like <ul class=»rss»>

Shopping basket list sample:

  • to achieve this effect
  • add class «shop» to UL
  • like <ul class=»shop»>

Songs list sample:

  • to achieve this effect
  • add class «song» to UL
  • like <ul class=»song»>

Star list sample:

  • to achieve this effect
  • add class «star» to UL
  • like <ul class=»star»>

Star list sample 2:

  • to achieve this effect
  • add class «star2» to UL
  • like <ul class=»star2″>

Trash list sample:

  • to achieve this effect
  • add class «trash» to UL
  • like <ul class=»tweak»>

Tweaks list sample:

  • to achieve this effect
  • add class «tweak» to UL
  • like <ul class=»tweak»>

Unlock list sample:

  • to achieve this effect
  • add class «unlock» to UL
  • like <ul class=»unlock»>

Warning list sample:

  • to achieve this effect
  • add class «warn» to UL
  • like <ul class=»warn»>

 

Inset Styles:

Block TitleDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi.To make such block of text, wrap it into a span with a class of inset-left. Optionally, inside this span you can add another span with class of inset_title for title. Here’s an example: <span class=»inset_left»><span class=»inset_title»>Title</span>…your text goes here…</span>. In a similar way, you can align the block of text to the right. Use inset_right, instead of inset_left. Block TitleDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi. If you need to change width or something else in those blocks, you can edit classes .inset_left and .inset_right in CSS stylesheet template_css.css.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi.

Далее

No Conflicts

no conflictjQuery is powerful javascript library. Almost all of our extensions are based on that library (Top Menu, Hot Image Slider, Hot Newsflash, Hot Joomla Gallery, Hot Joomla Carousel, Lightbox, Font resizer, and many more…). However, many Joomla extensions from other providers use other libraries (mooTools or prototype).

Using them together on a page will probably make conflicts. As a result, some or all of your extensions would not work.

However, we have found a solution. Our Joomla extensions use "jQuery noConflict mode". Therefore, with our templates, beside our extensions, you can also use other extensions from other providers based on other libraries.

Далее

Drop-down Menu

Menu System

This template has a fast-loading jQuery based top menu with nested sub-menus. Sub-menu opens on mouse over action. Core Joomla files are not hacked. Various menu options are available for all menus that you create in Joomla. You can change colors, fonts, sizes and menu other parameters for each menu.

Sparky Framework supports several menu options, such as drop-down menu (like the top menu in this template), accordion menu, horizontal menu and classic Joomla menu. Each menu type has its own specific parameters and options.

Далее