změna hlavní stránky webu eHelper.cz

Napište nám o svých webových stránkách, dejte vědět o jakémkoliv jiném zajímavém webu

Moderátoři: Myloš, Mods_senior

teichmann.ondrej
Level 3.5
Level 3.5
Příspěvky: 833
Registrován: 17 led 2014 07:55

změna hlavní stránky webu eHelper.cz

Příspěvek od teichmann.ondrej »

Dobrý den,

mohl bych Vás požádat o změnu videa na fotku uloženou v /uploads/systemehelper.png
Pokud to jen tak změním to videa na fotku, tak se mi ta ruka posune na druhý řádek.

děkuji

Kód: Vybrat vše

<?php
//error_reporting(-1);
// ini_set('display_errors', 1);
include_once(__DIR__ . '/config/config.php');
include_once(__DIR__ . '/config/pages.php');
$page_data = $get_page_data();
?>
<!DOCTYPE html>
<html lang="cs">
<head>
<title>eHelper | <?= $page_data['title'] ?></title>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet" type="text/css">

<meta name="description" content="<?= $page_data['description'] ?>">
<meta property="og:title" content="eHelper - elektronická péče pomocí chytrých technologií">
<meta property="og:description" content="<?= $page_data['description'] ?>">
<meta property="og:image" content="<?= HOME_URL ?>/img/ehelper-logo-forsocial.jpg">
<meta property="og:url" content="<?= HOME_URL ?>">
<meta property="og:site_name" content="ehelper">
<meta property="og:type" content="website">
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- Custom JavaScript -->
<script type="text/javascript" src="js/cust_script.js"></script>
<!-- Cookie consent -->
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script src="js/cookie_consent.js"></script>

<!--Favicon-->
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0e629a">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-163093965-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());

gtag('config', 'UA-163093965-1');
</script>
<?php
if ($page_data['body_filename'] == 'home') { //Zobraz úvodní panelovou obrazovku s h1 a velkým obrázkem
echo '<header>';
} else {
echo '<header class="view-condensed">';
}
?>
<nav class="navbar navbar-expand-lg fixed-top scrolling-navbar" role="navigation">

<div class="container-fluid justify-content-center align-middle">
<a class="navbar-brand pr-5" href="<?= HOME_URL ?>"><img src="<?= HOME_URL ?>/img/ehelper.png" alt="Logo eHelper"></a>
<button class="navbar-toggler align-middle" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Navigace">
<span class="navbar-toggler-icon white-text font-weight-bold">&#9776;</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item px-2">
<a class="nav-link" href="https://obchod-ehelper.cz" title="Přejít na e-shop systému eHelper">Objednat eHelper</a>
</li>
<li class="nav-item px-2<?= in_array($current_page, ['about-zass']) === false ? ' active' : '' ?> dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">O systému</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="nav-link" href="<?= HOME_URL . '/' . $pages['info']['link_rewrite'] ?>" title="<?= $pages['info']['title'] ?>"><?= $pages['info']['link_title'] ?></a>
<a class="nav-link" href="<?= HOME_URL . '/' . $pages['b2b']['link_rewrite'] ?>" title="<?= $pages['b2b']['title'] ?>"><?= $pages['b2b']['link_title'] ?></a>
<a class="nav-link" href="<?= HOME_URL . '/' . $pages['dokumenty']['link_rewrite'] ?>" title="<?= $pages['dokumenty']['title'] ?>"><?= $pages['dokumenty']['link_title'] ?></a>
<a class="nav-link" href="<?= HOME_URL . '/' . $pages['videa']['link_rewrite'] ?>" title="<?= $pages['videa']['title'] ?>"><?= $pages['videa']['link_title'] ?></a>
<a class="nav-link" href="<?= HOME_URL . '/' . $pages['media']['link_rewrite'] ?>" title="<?= $pages['media']['title'] ?>"><?= $pages['media']['link_title'] ?></a>
</div>
</li>
<li class="nav-item px-2<?= $current_page == 'about-zass' ? ' active' : '' ?> dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Naše společnost</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="nav-link" href="<?= HOME_URL . '/' . $pages['about-zass']['link_rewrite'] ?>" title="<?= $pages['about-zass']['title'] ?>"><?= $pages['about-zass']['link_title'] ?></a>
<a class="nav-link" href="https://www.vhodne-uverejneni.cz/profil/zdravotni-a-socialni-sluzby-s-r-o">Profil zadavatele</a>
</div>
</li>
<li class="nav-item px-2">
<a class="nav-link" href="<?= HOME_URL . DIRECTORY_SEPARATOR . '#kontakt' ?>" title="Kontaktní informace a formulář">Kontakt</a>
</li>
<li class="nav-item px-2">
<a class="nav-link" href="<?= HOME_URL . '/' . $pages['blog']['link_rewrite'] ?>" title="<?= $pages['blog']['title'] ?>"><?= $pages['blog']['link_title'] ?></a>
</li>
<li class="nav-item px-lg-4 px-sm-1">
<a class="nav-link d-inline-block waves-effect waves-light" href="https://www.facebook.com/systemehelper/" title="eHelper na Facebooku" target="_blank">
<i class="fab fa-facebook"></i>
</a>
<a class="nav-link d-inline-block waves-effect waves-light" href="mailto:info@ehelper.cz" title="Napište nám na e-mail">
<i class="fas fa-envelope"></i>
</a>
<a class="nav-link d-inline-block waves-effect waves-light" href="tel:+420605771171" title="Zavolejte nám">
<i class="fas fa-phone"></i>
</a>
<a class="nav-link d-inline-block waves-effect waves-light" href="https://play.google.com/store/apps/details?id=cz.zdravsocsluz.ehelper" target="_blank" title="Mobilní aplikace eHelper na Google Play">
<i class="fab fa-google-play"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<?php
if ($page_data['body_filename'] == 'home') { //Zobraz úvodní panelovou obrazovku s h1 a velkým obrázkem
?>
<div class="view">
<div class="container">
<h1 class="display-5 white-text font-weight-bold mt-1 mb-4 pb-3 "><strong><?= ucfirst($data['main-title']) ?></strong></h1>
<div class="d-flex flex-wrap flex-lg-row flex-sm-column justify-content-between">

<div>
<a href="https://ehelper.cz/videa-k-systemu" class="btn btn-blue2 btn-lg " tabindex="0">Videa o systému</a>
<a href="<?= HOME_URL . '/' . $pages['info']['link_rewrite'] ?>" class="btn btn-orange2 btn-lg " tabindex="1">Více o systému</a>
</div>
<div>
<img class="bumazka animated fadeInDown home-heading" src="<?= HOME_URL ?>/img/ehelper-header.png" alt="Systém sám automaticky upozorní na nebezpečí">
</div>
</div>
<div class="d-flex flex-wrap flex-lg-row flex-sm-column justify-content-lg-between justify-content-md-between p-0 m-0">
<div class="p-0 m-0">
<iframe class="polar-video" src="https://www.youtube.com/embed/C7mpjzo-ScE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div>
<img class="telefon animated fadeInUp p-0 m-0 float-right" src="<?= HOME_URL ?>/img/image-hand.png" alt="SOS phone in hand">
</div>
</div>

<!-- <div class="page-title align-content-center">
<div class="row">
<div class="col-lg-8 col-sm-9 white-text text-left align-items-center">
<h1 class="display-5 white-text font-weight-bold mt-1 mb-4 pb-3 animated fadeInDown home-heading"><strong><?= ucfirst($data['main-title']) ?></strong></h1>
<a href="https://www.obchod-ehelper.cz" class="btn btn-orange2 btn-lg animated fadeInDown " tabindex="0">Objednat eHelper</a>
<a href="<?= HOME_URL . '/' . $pages['info']['link_rewrite'] ?>" class="btn btn-blue2 btn-lg animated fadeInDown " tabindex="1">Více o systému</a>
</div>
<div class="col-lg-3 col-sm-2 ml-5 p-0 align-items-center">
<img class="bumazka animated fadeInDown home-heading" src="<?= HOME_URL ?>/img/ehelper-header.png" alt="Systém sám automaticky upozorní na nebezpečí">
</div>
</div>
<div class="row">

<div class="float-right video-fluid video-polar mt-5 ml-4">
<iframe src="https://www.youtube.com/embed/C7mpjzo-ScE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

<img class="telefon animated fadeInUp p-0 m-0 float-right align-baseline text-right" src="<?= HOME_URL ?>/img/image-hand.png" alt="SOS phone in hand">
</div>
</div>-->
</div>
</div>
<?php
}
?>


</header>
<main>
<div class="mx-auto align-content-center py-5 min-vh-50">
<?php include_once(__DIR__ . DIRECTORY_SEPARATOR . $page_data['body_filename'] . ".php"); ?>
</div>
<?php if ($page_data['body_filename'] == 'home') { //zobrazení kontaktního formuláře, nebo jen tlačítka pro scroll-to na kontaktní form. dole ?>
<button type="button" class="btn contact-modal-icon border-0 white-text" id="scroll-to-contact-form"><i class="fas fa-envelope fa-2x"></i></button>
<?php
} else {
?>
<button type="button" class="btn contact-modal-icon border-0 white-text scroll-to" id="show__contact_form" data-toggle="modal" data-target="#modal_show_contact_form" >
<i class="fas fa-envelope fa-2x"></i>
</button>
<div class="modal fade contact_form" id="modal_show_contact_form" tabindex="-1" role="dialog" aria-labelledby="modal_show_contact_form" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout" role="document">

<!--Content-->
<div class="modal-content">

<!--Body-->
<div class="modal-body mb-0 p-0">
<?php include_once(__DIR__ . DIRECTORY_SEPARATOR . 'include' . DIRECTORY_SEPARATOR . "contact_form.html"); ?>
</div>
</div>
<!--/.Content-->
</div>
</div>
<?php } ?>
</main>
<footer>
<div class="container-fluid mx-auto foot-info">
<div class="row justify-content-md-center text-center py-4">
<div class="col-sm-12 col-lg-4 pb-4">
<img src="/img/partner-zass.png" class="align-middle logo-zass-bottom">
</div>
<div class="col-sm-12 col-lg-4 white-text">
<div class="pb-2 font-weight-bold">ZDRAVOTNÍ A SOCIÁLNÍ SLUŽBY, s. r. o.</div>
<div class="py-1"><?= $data['residence-adress'] ?></div>
<div class="py-1"><a href="tel:<?= $data['mobile-contact'] ?>" class="white-text"><?= $data['mobile-contact'] ?></a></div>
<div class="pt-2 pb-4"><a href="mailto:<?= $data['email-contact'] ?>" class="white-text font-weight-bold"><?= $data['email-contact'] ?></a></div>
</div>
<div class="col-sm-12 col-lg-4">
<div class="social-icons">
<a href="https://www.facebook.com/systemehelper/" target="_blank"><img src="img/social-facebook-icon.png" alt="eHelper na Facebooku" title="eHelper na Facebooku"></a>
<a href="https://www.instagram.com/system_ehelper/" target="_blank"><img src="img/social-instagram-icon.png" alt="eHelper na Instagramu" title="eHelper na Instagramu"></a>
<a href="https://twitter.com/System_eHelper" target="_blank"><img src="img/social-twitter-icon.png" alt="eHelper na Twitteru" title="eHelper na Twitteru"></a>
<a href="https://www.youtube.com/channel/UC-FQIfFok_auycZjVoIh1KA" target="_blank"><img src="img/social-youtube-icon.png" alt="eHelper na YouTube" title="eHelper na YouTube"></a>
<a href="https://play.google.com/store/apps/details?id=cz.zdravsocsluz.ehelper" target="_blank" class="white-ic"><img src="img/google-play-brands.svg" alt="eHelper na Google Play" title="eHelper na Google Play"></a>
</div>
</div>
</div>
<div class="row bg-white text-center py-1 pr-3 black-text">
<div class="col-12 pr-5 pl-4 small-res-text">
&copy; 2017 - <?= date('Y') ?> | Zdravotní a sociální služby, s. r. o. | Všechna práva vyhrazena |
Design: <a href="http://aliup.cz/">AliUP s.r.o.</a>, <a href="mailto:radek.nemec.csf@gmail.com">Radek Němec</a> |
Grafika: <a href="http://www.thevlastik.cz/en">TheVlastik</a> | Admin: <a href="http://ondys.cz/">ondys</a>
</div>
</div>
</div>
</footer>
</body>
</html>
Uživatelský avatar
Karrex
Elite Level 10
Elite Level 10
Příspěvky: 9622
Registrován: 15 lis 2008 16:30
Bydliště: Brno

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od Karrex »

Ten systemehelper.png mi to nenašlo? Jestli je to ehelper.cz/uploads/systemehelper.png
Dej sem tu fotku přímo do img /img odkazem.
Sestava v profilu.
Watercooling Club EXOverclocker@HWBot league rank#1 Aprilia Shiver Club BMW ///M Club
teichmann.ondrej
Level 3.5
Level 3.5
Příspěvky: 833
Registrován: 17 led 2014 07:55

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od teichmann.ondrej »

mohu požádat přímo upravit kod
Uživatelský avatar
Karrex
Elite Level 10
Elite Level 10
Příspěvky: 9622
Registrován: 15 lis 2008 16:30
Bydliště: Brno

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od Karrex »

Sundej kolo bez heveru.
Dej obrázek, pak se dá upravit.

Já si tam vložím obrázek pro test 100x100 a ty tam pak dáš 500x300. Co se stane? Bude jinde.

Pokud bych měl být hnidopich, tak se většinou dodává HTML, CSS a případně i JS, pokud jde o důležitý prvek na stránce.
A ideálně rovnou v odkazu na snippet.

Buď ho hoď na tu adresu, co uvádíš a nebo sem.
Sestava v profilu.
Watercooling Club EXOverclocker@HWBot league rank#1 Aprilia Shiver Club BMW ///M Club
teichmann.ondrej
Level 3.5
Level 3.5
Příspěvky: 833
Registrován: 17 led 2014 07:55

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od teichmann.ondrej »

Zasílám fotku.
její cesta je uploads/systemvenku.png

Odkaz: https://ehelper.cz/uploads/systemvenku.png
Přílohy
systemvenku.png
Uživatelský avatar
Karrex
Elite Level 10
Elite Level 10
Příspěvky: 9622
Registrován: 15 lis 2008 16:30
Bydliště: Brno

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od Karrex »

Tak třeba

Kód: Vybrat vše

<?php
//error_reporting(-1);
//    ini_set('display_errors', 1);
include_once(__DIR__ . '/config/config.php');
include_once(__DIR__ . '/config/pages.php');
$page_data = $get_page_data();
?>
<!DOCTYPE html>
<html lang="cs">
    <head>
        <title>eHelper | <?= $page_data['title'] ?></title>
 
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <!-- Font Awesome -->
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
        <!-- Bootstrap core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <!-- Material Design Bootstrap -->
        <link href="css/mdb.min.css" rel="stylesheet">
        <!-- Your custom styles (optional) -->
        <link href="css/style.css" rel="stylesheet">
 
        <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet" type="text/css">
 
        <meta name="description" content="<?= $page_data['description'] ?>">
        <meta property="og:title" content="eHelper - elektronická péče pomocí chytrých technologií">
        <meta property="og:description" content="<?= $page_data['description'] ?>">
        <meta property="og:image" content="<?= HOME_URL ?>/img/ehelper-logo-forsocial.jpg">
        <meta property="og:url" content="<?= HOME_URL ?>">
        <meta property="og:site_name" content="ehelper">
        <meta property="og:type" content="website">
        <!-- jQuery -->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <!-- Bootstrap tooltips -->
        <script type="text/javascript" src="js/popper.min.js"></script>
        <!-- Bootstrap core JavaScript -->
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <!-- MDB core JavaScript -->
        <script type="text/javascript" src="js/mdb.min.js"></script>
        <!-- Custom JavaScript -->
        <script type="text/javascript" src="js/cust_script.js"></script>
        <!-- Cookie consent -->
        <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
        <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
        <script src="js/cookie_consent.js"></script>
 
        <!--Favicon-->
        <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
        <link rel="manifest" href="/site.webmanifest">
        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0e629a">
        <meta name="msapplication-TileColor" content="#00aba9">
        <meta name="theme-color" content="#ffffff">
    </head>
    <body>
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-163093965-1"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js', new Date());
 
            gtag('config', 'UA-163093965-1');
        </script>
        <?php
        if ($page_data['body_filename'] == 'home') { //Zobraz úvodní panelovou obrazovku s h1 a velkým obrázkem
            echo '<header>';
        } else {
            echo '<header class="view-condensed">';
        }
        ?>       
        <nav class="navbar navbar-expand-lg fixed-top scrolling-navbar" role="navigation">
 
            <div class="container-fluid justify-content-center align-middle">
                <a class="navbar-brand pr-5" href="<?= HOME_URL ?>"><img src="<?= HOME_URL ?>/img/ehelper.png" alt="Logo eHelper"></a>
                <button class="navbar-toggler align-middle" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Navigace">
                    <span class="navbar-toggler-icon white-text font-weight-bold">&#9776;</span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item px-2">
                            <a class="nav-link" href="https://obchod-ehelper.cz" title="Přejít na e-shop systému eHelper">Objednat eHelper</a>
                        </li>
                        <li class="nav-item px-2<?= in_array($current_page, ['about-zass']) === false ? ' active' : '' ?> dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">O systému</a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="nav-link" href="<?= HOME_URL . '/' . $pages['info']['link_rewrite'] ?>" title="<?= $pages['info']['title'] ?>"><?= $pages['info']['link_title'] ?></a>
                                <a class="nav-link" href="<?= HOME_URL . '/' . $pages['b2b']['link_rewrite'] ?>" title="<?= $pages['b2b']['title'] ?>"><?= $pages['b2b']['link_title'] ?></a>
                                <a class="nav-link" href="<?= HOME_URL . '/' . $pages['dokumenty']['link_rewrite'] ?>" title="<?= $pages['dokumenty']['title'] ?>"><?= $pages['dokumenty']['link_title'] ?></a>
                                <a class="nav-link" href="<?= HOME_URL . '/' . $pages['videa']['link_rewrite'] ?>" title="<?= $pages['videa']['title'] ?>"><?= $pages['videa']['link_title'] ?></a>
                                <a class="nav-link" href="<?= HOME_URL . '/' . $pages['media']['link_rewrite'] ?>" title="<?= $pages['media']['title'] ?>"><?= $pages['media']['link_title'] ?></a>                               
                            </div>
                        </li>
                        <li class="nav-item px-2<?= $current_page == 'about-zass' ? ' active' : '' ?> dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Naše společnost</a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="nav-link" href="<?= HOME_URL . '/' . $pages['about-zass']['link_rewrite'] ?>" title="<?= $pages['about-zass']['title'] ?>"><?= $pages['about-zass']['link_title'] ?></a>
                                <a class="nav-link" href="https://www.vhodne-uverejneni.cz/profil/zdravotni-a-socialni-sluzby-s-r-o">Profil zadavatele</a>
                            </div>
                        </li>
                        <li class="nav-item px-2">
                            <a class="nav-link" href="<?= HOME_URL . DIRECTORY_SEPARATOR . '#kontakt' ?>" title="Kontaktní informace a formulář">Kontakt</a>
                        </li>                                               
                        <li class="nav-item px-2">
                            <a class="nav-link" href="<?= HOME_URL . '/' . $pages['blog']['link_rewrite'] ?>" title="<?= $pages['blog']['title'] ?>"><?= $pages['blog']['link_title'] ?></a>
                        </li>                                               
                        <li class="nav-item px-lg-4 px-sm-1">
                            <a class="nav-link d-inline-block waves-effect waves-light" href="https://www.facebook.com/systemehelper/" title="eHelper na Facebooku" target="_blank">
                                <i class="fab fa-facebook"></i>
                            </a>
                            <a class="nav-link d-inline-block  waves-effect waves-light" href="mailto:info@ehelper.cz" title="Napište nám na e-mail">
                                <i class="fas fa-envelope"></i>
                            </a>
                            <a class="nav-link d-inline-block  waves-effect waves-light" href="tel:+420605771171" title="Zavolejte nám">
                                <i class="fas fa-phone"></i>
                            </a>
                            <a class="nav-link d-inline-block  waves-effect waves-light" href="https://play.google.com/store/apps/details?id=cz.zdravsocsluz.ehelper" target="_blank" title="Mobilní aplikace eHelper na Google Play">
                                <i class="fab fa-google-play"></i>
                            </a>
                        </li>                                               
                    </ul>
                </div>
            </div>
        </nav>
        <?php
        if ($page_data['body_filename'] == 'home') { //Zobraz úvodní panelovou obrazovku s h1 a velkým obrázkem
            ?>
            <div class="view">
                <div class="container">
                    <h1 class="display-5 white-text font-weight-bold mt-1 mb-4 pb-3 "><strong><?= ucfirst($data['main-title']) ?></strong></h1>
                    <div class="d-flex flex-wrap flex-lg-row flex-sm-column justify-content-between">
 
                        <div>                         
                            <a href="https://ehelper.cz/videa-k-systemu" class="btn btn-blue2 btn-lg " tabindex="0">Videa o systému</a>
                            <a href="<?= HOME_URL . '/' . $pages['info']['link_rewrite'] ?>" class="btn btn-orange2 btn-lg " tabindex="1">Více o systému</a>
                        </div>
                        <div>
                            <img class="bumazka animated fadeInDown home-heading" src="<?= HOME_URL ?>/img/ehelper-header.png" alt="Systém sám automaticky upozorní na nebezpečí">
                        </div>
                    </div>
                    <div class="d-flex flex-wrap flex-lg-row flex-sm-column justify-content-lg-between justify-content-md-between p-0 m-0">
                        <div class="p-0 m-0">
                            <img class="system-img" src="/uploads/systemvenku.png" alt="System">
                        </div>
                        <div>
                            <img class="telefon animated fadeInUp p-0 m-0 float-right" src="<?= HOME_URL ?>/img/image-hand.png" alt="SOS phone in hand">
                        </div>
                    </div>
 
                    <!--                    <div class="page-title align-content-center">
                                            <div class="row">
                                                <div class="col-lg-8 col-sm-9 white-text text-left align-items-center">
                                                    <h1 class="display-5 white-text font-weight-bold mt-1 mb-4 pb-3 animated fadeInDown home-heading"><strong><?= ucfirst($data['main-title']) ?></strong></h1>
                                                    <a href="https://www.obchod-ehelper.cz" class="btn btn-orange2 btn-lg animated fadeInDown " tabindex="0">Objednat eHelper</a>
                                                    <a href="<?= HOME_URL . '/' . $pages['info']['link_rewrite'] ?>" class="btn btn-blue2 btn-lg animated fadeInDown " tabindex="1">Více o systému</a>                                   
                                                </div>
                                                <div class="col-lg-3 col-sm-2 ml-5 p-0 align-items-center">
                                                    <img class="bumazka animated fadeInDown home-heading" src="<?= HOME_URL ?>/img/ehelper-header.png" alt="Systém sám automaticky upozorní na nebezpečí">
                                                </div>
                                            </div>
                                            <div class="row">
                   
                                                <div class="float-right video-fluid video-polar mt-5 ml-4">
                                                    <iframe src="https://www.youtube.com/embed/C7mpjzo-ScE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                </div>                                                     
                   
                                                <img class="telefon animated fadeInUp p-0 m-0 float-right align-baseline text-right" src="<?= HOME_URL ?>/img/image-hand.png" alt="SOS phone in hand">
                                            </div>
                                        </div>-->
                </div>
            </div>       
            <?php
        }
        ?>
 
 
    </header>
    <main>
        <div class="mx-auto align-content-center py-5 min-vh-50">
            <?php include_once(__DIR__ . DIRECTORY_SEPARATOR . $page_data['body_filename'] . ".php"); ?>
        </div>
        <?php if ($page_data['body_filename'] == 'home') { //zobrazení kontaktního formuláře, nebo jen tlačítka pro scroll-to na kontaktní form. dole ?>
            <button type="button" class="btn contact-modal-icon border-0 white-text" id="scroll-to-contact-form"><i class="fas fa-envelope fa-2x"></i></button>
            <?php
        } else {
            ?>
            <button type="button" class="btn contact-modal-icon border-0 white-text scroll-to" id="show__contact_form" data-toggle="modal" data-target="#modal_show_contact_form" >
                <i class="fas fa-envelope fa-2x"></i>
            </button>
            <div class="modal fade contact_form" id="modal_show_contact_form" tabindex="-1" role="dialog" aria-labelledby="modal_show_contact_form" aria-hidden="true">
                <div class="modal-dialog modal-dialog-slideout" role="document">
 
                    <!--Content-->
                    <div class="modal-content">
 
                        <!--Body-->
                        <div class="modal-body mb-0 p-0">                           
                            <?php include_once(__DIR__ . DIRECTORY_SEPARATOR . 'include' . DIRECTORY_SEPARATOR . "contact_form.html"); ?>
                        </div>
                    </div>
                    <!--/.Content-->
                </div>
            </div>
        <?php } ?>
    </main>
    <footer>
        <div class="container-fluid mx-auto foot-info">
            <div class="row justify-content-md-center text-center py-4">
                <div class="col-sm-12 col-lg-4 pb-4">
                    <img src="/img/partner-zass.png" class="align-middle logo-zass-bottom">
                </div>
                <div class="col-sm-12 col-lg-4 white-text">
                    <div class="pb-2 font-weight-bold">ZDRAVOTNÍ A SOCIÁLNÍ SLUŽBY, s. r. o.</div>
                    <div class="py-1"><?= $data['residence-adress'] ?></div>
                    <div class="py-1"><a href="tel:<?= $data['mobile-contact'] ?>" class="white-text"><?= $data['mobile-contact'] ?></a></div>
                    <div class="pt-2 pb-4"><a href="mailto:<?= $data['email-contact'] ?>" class="white-text font-weight-bold"><?= $data['email-contact'] ?></a></div>
                </div>
                <div class="col-sm-12 col-lg-4">
                    <div class="social-icons">
                        <a href="https://www.facebook.com/systemehelper/" target="_blank"><img src="img/social-facebook-icon.png" alt="eHelper na Facebooku" title="eHelper na Facebooku"></a>
                        <a href="https://www.instagram.com/system_ehelper/" target="_blank"><img src="img/social-instagram-icon.png" alt="eHelper na Instagramu" title="eHelper na Instagramu"></a>
                        <a href="https://twitter.com/System_eHelper" target="_blank"><img src="img/social-twitter-icon.png" alt="eHelper na Twitteru" title="eHelper na Twitteru"></a>
                        <a href="https://www.youtube.com/channel/UC-FQIfFok_auycZjVoIh1KA" target="_blank"><img src="img/social-youtube-icon.png" alt="eHelper na YouTube" title="eHelper na YouTube"></a>
                        <a href="https://play.google.com/store/apps/details?id=cz.zdravsocsluz.ehelper" target="_blank" class="white-ic"><img src="img/google-play-brands.svg" alt="eHelper na Google Play" title="eHelper na Google Play"></a>
                    </div>
                </div>
            </div>
            <div class="row bg-white text-center py-1 pr-3 black-text">
                <div class="col-12 pr-5 pl-4 small-res-text">
                    &copy; 2017 - <?= date('Y') ?> | Zdravotní a sociální služby, s. r. o. | Všechna práva vyhrazena |
                    Design: <a href="http://aliup.cz/">AliUP s.r.o.</a>, <a href="mailto:radek.nemec.csf@gmail.com">Radek Němec</a> |
                    Grafika: <a href="http://www.thevlastik.cz/en">TheVlastik</a> | Admin: <a href="http://ondys.cz/">ondys</a>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>


do CSS ještě přidat:

Kód: Vybrat vše

.system-img {
    max-width: 100%;
}


Přejmenuj si to můžeš na co chceš, stejně jako alt.
Sestava v profilu.
Watercooling Club EXOverclocker@HWBot league rank#1 Aprilia Shiver Club BMW ///M Club
teichmann.ondrej
Level 3.5
Level 3.5
Příspěvky: 833
Registrován: 17 led 2014 07:55

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od teichmann.ondrej »

klok.jpg


zasílám jak to vypadá
Uživatelský avatar
Karrex
Elite Level 10
Elite Level 10
Příspěvky: 9622
Registrován: 15 lis 2008 16:30
Bydliště: Brno

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od Karrex »

U mě to bylo ok. Ale to bude tím, že nemám kompletní CSS. Hodíš to na ten web ať se můžu podívat, co to tam dělá? Nebo máš i child?

Zkus ten obrázek systému zmenšit na 540 šířky. Ideálnější by nejspíš bylo, kvůli detailům, zmenšit telefon a nechat širší systém. Prostě se to tam nevleze.
Sestava v profilu.
Watercooling Club EXOverclocker@HWBot league rank#1 Aprilia Shiver Club BMW ///M Club
Hakosuka
Level 1
Level 1
Příspěvky: 53
Registrován: 02 črc 2020 09:28

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od Hakosuka »

Jestli chceš pomoci, nahraj tam tu fotku a řekni nám, až tam bude obrázek nahrán a my se podíváme a řekneme, proč je to takto blbě.
Uživatelský avatar
Karrex
Elite Level 10
Elite Level 10
Příspěvky: 9622
Registrován: 15 lis 2008 16:30
Bydliště: Brno

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od Karrex »

Když se na to dívám blíž, tak se jednoduše nevlezou do containeru šířkou (ten container jsem neměl nastavený správně, protože jsem to dělal na úplně jiném rozlišení a chybělo mi CSS), zmenšit šířku telefonu, který není tak důležitý a mělo by to být ok.
Sestava v profilu.
Watercooling Club EXOverclocker@HWBot league rank#1 Aprilia Shiver Club BMW ///M Club
teichmann.ondrej
Level 3.5
Level 3.5
Příspěvky: 833
Registrován: 17 led 2014 07:55

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od teichmann.ondrej »

dá se někde prosím zjistit, kde mohu dopsat to CSS do kterého souboru - jak to ověřím
Uživatelský avatar
Karrex
Elite Level 10
Elite Level 10
Příspěvky: 9622
Registrován: 15 lis 2008 16:30
Bydliště: Brno

Re: změna hlavní stránky webu eHelper.cz

Příspěvek od Karrex »

<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">
22. řádek, ty jsi to tam před tím nedopsal? Ptám se jestli budeš vědět, jak si hrát s tou šířkou.
Sestava v profilu.
Watercooling Club EXOverclocker@HWBot league rank#1 Aprilia Shiver Club BMW ///M Club
Zamčeno
  • Podobná témata
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Tvorba webu/aplikací
    od matty » » v Programování a tvorba webu
    6 Odpovědi
    6370 Zobrazení
    Poslední příspěvek od domitea
  • Web stránky se nedají načítat
    od jurasek9 » » v Problémy s hardwarem
    5 Odpovědi
    6248 Zobrazení
    Poslední příspěvek od jurasek9
  • Mobilní aplikace ve stylu webové stránky
    od bradto » » v Programování a tvorba webu
    3 Odpovědi
    5783 Zobrazení
    Poslední příspěvek od HelFix
  • Změna dat (dle času), když je PC vypnuté. Jak je to možné?
    od Minapark » » v Windows 11, 10, 8...
    10 Odpovědi
    6028 Zobrazení
    Poslední příspěvek od Minapark
  • Změna poslední číslice ve více číslech najednou
    od Arnold91 » » v Kancelářské balíky
    7 Odpovědi
    10020 Zobrazení
    Poslední příspěvek od Zivan

Zpět na „Web-tipy a vaše weby“