log in

Otras Webs

Template articles

Custom HTML elements

Columns

Columns

Columns needs main wrapper with gkCols class and data-cols attribute:

<div class="gkCols" data-cols="2">
<div>
First column content
</div>
<div>
Second column content
</div>
</div>

You can create a layout with 2-5 columns using this structure.

Newsletter

Newsletter

The newsletter custom HTML code is a structure for very simple newsletter form:

<form action="#" class="gk-newsletter">
<p><input type="email" placeholder="Enter Email Address"> <input type="button" value="Join"></p>
</form>

As you can see it uses the form element with gk-newsletter CSS class, and two basic input fields.

Social icons

Social icons

Social icons have a very simple structure based on links placed in the container with gk-social class:

<div class="gk-social">
<a href="#" class="gk-twitter">twitter.com/game</a>
<a href="#" class="gk-facebook">facebook.com/game</a>
<a href="#" class="gk-youtube">youtube.com/game</a>
<a href="#" class="gk-gplus">plus.google.com/+game</a>
</div>

Banners

Banner

If you want to create a banner inside the inset column, please use the following syntax:

<a href="#" class="gkBanner"><img src="/templates/2013_12/images/demo/banner_inset.jpg" alt="Banner"></a>

Page Title

Page title

The page title element is created from the active menu item title attribute, or if it is blank - from the menu item name:

Page title - value

If you want to disable the page title totally or on the specific pages - you can use the following options in the template "Features" settings:

Page title - settings

Please remember that you can: enable page title on the specific pages or disable page title on the specific pages. Of course without adding rules for the specific menu items or components you can enable/disable page title for all pages.

Page Break

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin posuere nisi quis odio egestas non tempus est sollicitudin. Nulla facilisi. Pellentesque tempus suscipit nulla sed tempor. Phasellus et lorem id libero fermentum molestie sit amet sit amet mi. Quisque ultrices, neque et laoreet dictum, arcu sapien pulvinar odio, in aliquam mi dui eu leo. Nullam posuere, arcu et egestas fermentum, enim purus fermentum diam, quis porta mauris lectus ut odio. In tincidunt dapibus malesuada. Integer a lorem ligula. In tincidunt augue eget velit convallis nec pharetra eros tincidunt. Maecenas et tortor libero, vel malesuada est.

Quisque magna tellus, condimentum a porttitor eu, fermentum nec enim. Aenean et erat nec lectus adipiscing auctor. Sed tellus sapien, condimentum eget tristique ac, faucibus sed nisi. Curabitur pretium porta pulvinar. Integer cursus venenatis dictum. Morbi massa est, ultricies ut ultrices vitae, hendrerit vitae tellus. Duis a nulla quis tellus lacinia tristique.



Quisque magna tellus, condimentum a porttitor eu, fermentum nec enim. Aenean et erat nec lectus adipiscing auctor. Sed tellus sapien, condimentum eget tristique ac, faucibus sed nisi. Curabitur pretium porta pulvinar. Integer cursus venenatis dictum. Morbi massa est, ultricies ut ultrices vitae, hendrerit vitae tellus. Duis a nulla quis tellus lacinia tristique.

Donec libero urna, cursus vitae sollicitudin sit amet, elementum et massa. Donec feugiat, turpis a dictum vulputate, dui diam faucibus nunc, ac sodales augue magna id augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sit amet nisi felis. Morbi faucibus nunc id elit aliquam ac condimentum leo laoreet. Sed nec risus sed nulla mattis volutpat in eget diam. In leo nisl, eleifend vel lobortis vel, tincidunt a ligula. Nulla placerat gravida laoreet. In lobortis, ligula in sagittis pellentesque, orci magna venenatis neque, eu sagittis lacus ante et tellus. Morbi vel semper augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat.

Module variations

On this page you can see basic suffixes used in this template.

01The clear suffix is very useful to create banners or images without additional borders, margins and paddings. The clear suffix is also very useful inside the mainbody, mainbody_top and mainbody_bottom module positions.

02For News Show Pro GK5, Tabs GK5 and Image Show GK4 modules please always disable usage of the default CSS styles in the module settings.

03If you want to put a banner in the inset, please also use the banner and clear suffixes.

04If you want to remove the background image while using the module in the header on the frontpage, please add the noBg page suffix.

05For modules which should have bigger width than other modules on the top1, top2, bottom1, bottom2 or bottom3 module position, please add the double suffix. Please remember that this suffix should be applied to the first module in the group. Otherwise it won't work.

06The newsletter suffix should be used if you want to place the newsletter module on the right side of the modules group.

07The News Show Pro GK5 module has few additional suffixes: list - for displaying items in one column with horizontal borders, list-small - the same as the previous suffix, but dedicated for small images in the articles on the left, showcase - for displaying articles with header overlaying the image and with icon over the image, showcase-small - similar to the previous suffix, but without the icon over image and with smaller header over the image.

08For the banner_right module position, we have created the special module suffix - highlights

09 If you want to display tabs over the header image in the banner_left module position please also add the transparent suffix.

10You can put an icon to the module title using the following syntax in the title: [icon-NAME] i.e. [icon-cog]. Additionally you can specify the icon color using one of the following classes: icon-color1, icon-color2, icon-color3, icon-color4.

Historia del ayer

SirenasSIENTO EL SILENCIO OCULTO EN TUS LABIOS

La lucha por la supervivencia, es la muerte de otros

Reflexiones de una noche de verano, 22 junio de 2002 en Colmenar Viejo - Madrid.

Enciendo un cigarro ¡el último debería de ser!, pero creo que ya van 300 cajetillas que digo el último, algún día será el último.

Como digo, enciendo el último cigarrillo, y me voy a la terraza de atrás, que da a un patio donde está la piscina, me apoyo en la ventana y miro de arriba a bajo no hay nadie, son las once de la noche, el único que me mira el es gato, sólo como yo, buscando lo que yo estoy buscando, la soledad dónde poder soñar esa noche.

Me quedo mirando las luces de un avión, si no fuera por ellas, pasaría desapercibido. Me viene a la mente que podría ser un planeta que no le llega la luz y aún está sin descubrir. Miro a las estrellas, dos mil tres mil, cuantas habrá que mis ojos no puedan captar, a que distancias años luz están, 43 años luz, según el último hallazgo de un sistema parecido al nuestro sistema solar, ¡43 años luz¡.

Me pongo a pensar un poco, me meto en una nave y tardaré 43 años en llegar a dicho planeta a una velocidad de 300.000 Kilómetros por segundo...43 años de mi vida, a esa velocidad, que aún el ser humano no es capaz de llegar, lo dejo por un instante y mis dedos comienza a moverse, muevo un dedo de derecha a izquierda comienzo a contar un segundo, dos segundos, tres segundos; pensando que mi dedo va a esa velocidad de 300.000 Km/s.

Messages

Joomla! offers three different types of messages. Creatings standard information about Joomla! system is presented depending on a message type as follows:

 

Error
  • This is a sample message
Error
  • This is a sample of notice message
Error
  • This is a sample of error message

Más artículos...

  1. Module positions
  2. Typography

Log in or create an account