SerbianCafe

Prvi Serbian Irc Community

Extra-wide layout

All layout

There are 2 width size modes of the content block: in Homepage (considered as list page mode) and in detail page mode. In the Homepage, the width of the content block = 2 grids while in the detail page mode, the width of content block is 3 grids. The above image shows you the layout of homepage of our template --> content block = 2 grid.

To configure for the width of content in homepage and content page (detail page mode), navigate to: [your_site] / templates / ja_elastica / css / layout.css The code for this configuration is located in the line from 86->93, you can change the width here.

Note:

  • If there are too many modules, some modules will be auto moved to display under the content block so that your layout will always be nice.
  • The settings is the same is for 3 layout types (extra-wide, wide and normal)
{codecitation} /* Main Content */ #ja-content { width: 720px; /* 3 grids */ } .ja-frontpage #ja-content { width: 480px; /* Frontpage Content 2 grids */ } {/codecitation}

The width of the layout is not defined as the way shown in the section above. The width of the layout = 5 grids + extra-column, so we need to know where the extra-column is defined and how it works.

Step 1: you need to note some important information in the file: [your_site] / templates / ja_elastica / blocks / extra-col.php. This file is to define width of the extra column, select css file to display when satisfying defined condition.

{codecitation} <?php // Add css for this extra-wide layout $this->addCSS ('css/layout-extra-wide.css', 'only screen and (min-width:1440px)'); {/codecitation}

This code is to add css file (css/layout-extra-wide.css) for the extra-wide layout.

{codecitation}{/codecitation}

This code is to define width and style of the extra-column.

Step 2: define the width of the extra-wide layout. Navigate to: [your_site] / templates / ja_elastica / core / etc / layout-extra-wide.css

{codecitation} .main { max-width: 1440px !important; width: 1440px !important; } #ja-main { width: 1200px ; float: left; } {/codecitation}

Step 3: you need to define the extra-col block it in the: [your_site] / templates / ja_elastica / core / etc / layouts / default.xml file ( the line 26 as default).

{codecitation} position-7, position-5 extra-col {/codecitation}

Dodaj komentar


Sigurnosni kod
Osveži

Radio Scafe

radio online
 

Ostani kod kuće

covid 19

 

 

Ovh VPS

VPS odnosno virtual private server odlično je rešenje za sve korisnike koji žele stabilnost dedicated servera. Obratite nam se na chatu SerbianCafe-chat

Irc Serveri

1. SerbianCafe.ws
irc.serbiancafe.ws:6667
2. SerbianCafe.ws
irc1.serbiancafe.ws:6667
3. SerbianCafe.ws
irc2.serbiancafe.ws:6667
4. SerbianCafe.ws
javachat.serbiancafe.ws:6667
Prvi Serbian Irc Community

SerbianCafe.ws

Login Forma

 

Vic Dana

Šeta Mujo ulicom i jede pileća krilca. Kako koje oglođe, baci kosti iza leđa.

 

Spazi ga neka gospođa i poviče za njim:

Aman, čovječe, ne bacaj otpadke!

A Mujo će:

Ha, vidi je. Nije to od patke već od pileta!

 

Video Streaming

Sample video

Usluga je namenjena radio i tv stanicama koje žele omogućiti svojim vernim slušaocima da njihov program prate uživo ma gde se nalazili u svetu.

logo ketna

 

Vaša Galerija

Sample image

Registrujte se, potpuno besplatno, napravite svoju galeriju na serbiancafe-u.
 

Radio Streaming

Audio Pokrenite još danas Vaš internet radio. U roku od 2 minuta možete imati svoju internet radio stanicu.

Irc chat instalacije

Unrealircd, moduli, komponente, psybnc, znc, eggdrop, neostats itd...

mas

Ko je Online

Ko je na mreži: 44 gostiju i nema prijavljenih članova

Anti virusi

Besplatni programi za zaštitu komjutera, tableta...

index

Vaš Banner ovde

serbiancafews4

Loading ...