SerbianCafe

Prvi Serbian Irc Community

Mobile layout

There are 2 layout types for mobile. The first one is Tablet Portrait layout and Tablet Lanscape layout ( the Landscape layout is the Normal Layout). The mobile layout uses percentage (%) as unit to define width of the layout. The full width of the layout is 100%, from that, you can define width for each element in the template.

Mobile Landscape layout

Front-end Appearance

To define width of the layout, please navigate to: [your_site] / templates / ja_elastica / core / etc / layouts / default.xml. The file default.xml is to define width range of each layout.

{codecitation} css/layout-mobile.css {/codecitation}

As defined here, the layout has maximum width = 719 px. And with the condition, the layout will use the layout-mobile.css file under the your_site/templates/elastica/css folder to be the style of the layout ( the Css file contains configuration for style of the layout including: width, font size, logo size, ... )

{codecitation} .main { width: 100%; } .column { float: none; width: 100% !important; } /* MASONRY PRESETS (240px*5 Grids) --------------------------------------------------------- */ /* Sizes---*/ .ja-masonry { width: 49%; } .grid-double, .grid-tripple { width: 100%; } {/codecitation}

As defined in the code above, the width is re-defined. In mobile landscape layout, the ja-masonry (grid) is converted to percentage (%). One grid is now = 49% width in mobile landscape layout, and grid-double, grid-tripple are now = 100% width (full width). You can change the rate here.

Mobile Portrait layout

Front-end Appearance

To define width of the layout, please navigate to: your_site/templates/elastica/core/etc/layouts/default.xml. The file default.xml is to define width range of each layout.

{codecitation} css/layout-mobile-port.css {/codecitation}

As defined here, the layout has maximum width = 479 px. And with the condition, the layout will use the layout-mobile-port.css file under the your_site / templates / elastica / css folder to be the style of the layout.

{codecitation} /* MASONRY PRESETS (240px*5 Grids) --------------------------------------------------------- */ /* Sizes---*/ .ja-masonry, .grid-double, .grid-tripple, #ja-header .main, #ja-content, .item { float: none !important; width: 100% !important; } {/codecitation}

As the code defined, in the mobile portrait layout, .ja-masonry, .grid-double, .grid-tripple are now = 100% width (full width) ---> content and modules have same size (all are = 100%).

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: 52 gostiju i nema prijavljenih članova

Anti virusi

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

index

Vaš Banner ovde

serbiancafews4

Loading ...