Jump to content

Przerwa techniczna

tomson2612

By tomson2612
in Forum ogólne

 Share

Recommended Posts

tomson2612 Apprentice

tomson2612

Posted
Posted

Witam wszystkich,

 

Zmieniłem stronę, która wyświetla się podczas przerwy technicznej. Usunąłem kod, który jest odpowiedzialny za wstawienie tekstu oraz podmieniłem obraz. Problem w tym, że na urządzeniach mobilnych nie wyświetla się nic, czysta pusta strona a na komputerze wszystko gra.

 

Czy jest jakiś inny plik, który odpowiada za wyświetlanie strony na urządzeniach mobilnych który teraz nie działa a należałoby go zmienić ??

 

Z góry serdeczne dzięki za odpowiedź.

Pozdrawiam ;)

Link to comment
Share on other sites
atomek Enthusiast

atomek

Posted
Posted

w pliku maintenance.css jest ustawione wyświetlanie tła dla szerokości powyżej 1200px

proponuje zmienić regułkę css (około 23 wiersza) np. w ten sposób :

/* @media (min-width: 1200px) { */

    #maintenance {
        max-width: 1005px;
        height: 400px;
        margin: 150px auto;
        background: url(../img/bg_maintenance.png) no-repeat;
        background-size: contain
    }

/* } */

Link to comment
Share on other sites
tomson2612 Apprentice

tomson2612

Posted
  • Author
Posted (edited)

Kolego "atomek" - niestety nie pomogło ;)

 

Poniżej kod maintenance.css i maintenance.tpl

#maintenance {
  margin: 50px 0 0 0;
}
@media (min-width: 1200px) {
  #maintenance {
    max-width: 1005px;
    height: 400px;
    margin: 150px auto;
    background: url(../img/bg_maintenance.png) no-repeat;
    background-size: contain;
  }
}
#maintenance .logo {
  margin: 0 0 31px 0;
}
#maintenance #message {
  padding: 0 0 0 18px;
  color: #555454;
  text-transform: uppercase;
}

@media only screen and (min-width: 1005px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}" lang="{$lang_iso}">
	<head>
		<title>{$meta_title|escape:'html':'UTF-8'}</title>	
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
{if isset($meta_description)}
		<meta name="description" content="{$meta_description|escape:'html':'UTF-8'}" />
{/if}
{if isset($meta_keywords)}
		<meta name="keywords" content="{$meta_keywords|escape:'html':'UTF-8'}" />
{/if}
		<meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
		<link rel="shortcut icon" href="{$favicon_url}" />
        <link href="{$css_dir}maintenance.css" rel="stylesheet" type="text/css" />
        <link href='//fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css' />
	</head>
	<body>
    	<div class="container">
			<div id="maintenance">
		</div>
        </div>
	</body>
</html>

Dziękuje za pomoc.

Pozdrawiam ;)

Edited by zakladamykamery.pl (see edit history)
Link to comment
Share on other sites
endriu107 Grand Master

endriu107

Posted
Posted

Rozwiązanie podane przez Atomka powinno działać, ostatecznie plik maintenance.css powinien wyglądać tak:

 

/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
/*********************************************************************
					Maintenance Page Styles
**********************************************************************/

  #maintenance {
    margin: 50px 0 0 0;
    max-width: 1005px;
    height: 400px;
    margin: 150px auto;
    background: url(../img/bg_maintenance.png) no-repeat;
    background-size: contain;
  }

#maintenance .logo {
  margin: 0 0 31px 0;
}
#maintenance #message {
  padding: 0 0 0 18px;
  color: #555454;
  text-transform: uppercase;
}

@media only screen and (min-width: 1005px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...