Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 22. Oktober 2022 12:48

ydmn
hat von CMS/ms gehört
Registriert: 07. März 2019
Beiträge: 4

Layout Stylesheet und Jquary-Skript / Navigation

Liebe Freunde

Zunächst einmal möchte ich betonen, dass ich kein Programmierer oder Webdesigner bin.  Aber ich bin schon seit einiger Zeit neugierig und interessiert an diesem System. Allerdings habe ich nicht mehr viel Zeit für diese Dinge.  Ich habe einige fertige HTML-Webseiten aus dem Internet gekauft. Ich verwende das System CMS Made Simple. Es gab sogar ein fertiges Modul, das ich mit Bootstrap verwendet habe.
Ich habe versucht, es zu konvertieren, aber ich konnte einige Funktionalitäten nicht realisieren. Ich habe einige Kenntnisse über CMS Made simple System. Ich will mich nicht mehr abmühen.
Ich hoffe, es gibt hier jemanden, der mir bei den folgenden Fragen helfen kann. Oder ich möchte, dass ein Freund, der diese Arbeit gegen ein angemessenes Honorar erledigt, das von mir installierte System optimiert.

Ich kann die Navigation nicht einstellen.
Ich kann das Stylesheet und das Jquary-script nicht richtig einstellen.
Ich möchte, dass es wie die ursprüngliche HTML-Vorlage funktioniert.

Hier ist ein Entwurf, den ich vorbereitet habe. Vielleicht haben Sie einen Rat für mich. Was mache ich falsch und wie mache ich es falsch? Ich warte auf Ihren Rat und Ihre Vorschläge.

Ich danke euch im Voraus

Offline

#2 22. Oktober 2022 12:50

ydmn
hat von CMS/ms gehört
Registriert: 07. März 2019
Beiträge: 4

Re: Layout Stylesheet und Jquary-Skript / Navigation

{* ======================================================== 
biztrox_master | Version 1.1 / for CMSMS 2.2.12+
[url=http://www.themefischer.com]www.themefischer.com[/url]
========================================================= *}

{strip}
   {process_pagedata}
{/strip}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

  {* THEME LOGIC
================================================== *}
  {$theme_path = "{uploads_url}/designs/biztrox"}

<!-- Top part template inheritance -->
        {block name='top'}
	{$capturedcontent = "{content}" scope=global}
	{$main_title = "{content block='main_title' label='Main page title' wysiwyg="false" oneline="true"}" scope=global}
        {$sub_title = "{content block='sub_title' label='Subtitle' assign='subtitle' wysiwyg="false" oneline="true"}" scope=global}
	{$display_breadcrumbs = "{content block='display_breadcrumbs' label="Display Breadcrumbs" oneline="true" size="1" wysiwyg='false'}" scope=global}
	{$search_page = "{content block='search_page' label='Search results page (page alias). Create separate page for search results and hide it from menu' wysiwyg="false" oneline="true"}" scope=global}
    {/block}

    {cms_selflink dir='previous' assign='prev_page'}
    {cms_selflink dir='next' assign='next_page'}
    {share_data scope=parent vars='theme_path,capturedcontent,main_title,subtitle,display_breadcrumbs,prev_page,next_page,search_page' scope=global}
    {/strip}<!doctype html>
    <html dir="ltr" lang="en">

<head>
  <!-- Document Title
  ============================================= -->
  <title>{sitename} :: {if isset($newstitle)}{$newstitle}{elseif isset($blogtitle)}{$blogtitle}{else}{title}{/if}</title>
  <meta charset="utf-8">

  <!-- mobile responsive meta -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- Bootstrap -->
  <link href="{$theme_path}/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
  <!-- magnific popup -->
  <link href="{$theme_path}/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
  <!-- Slick Carousel -->
  <link href="{$theme_path}/plugins/slick/slick.css" rel="stylesheet">
  <link href="{$theme_path}/plugins/slick/slick-theme.css" rel="stylesheet">
  <!-- themify icon -->
  <link href="{$theme_path}/plugins/themify-icons/themify-icons.css" rel="stylesheet">
  <!-- animate -->
  <link href="{$theme_path}/plugins/animate/animate.css" rel="stylesheet">
  <!-- Aos -->
  <link href="{$theme_path}/plugins/aos/aos.css" rel="stylesheet">
  <!-- swiper -->
  <link href="{$theme_path}/plugins/swiper/swiper.min.css" rel="stylesheet">
  <!-- Stylesheets -->
  <link href="{$theme_path}/css/style.css" rel="stylesheet">
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet" type="text/css">
  <link href="{$theme_path}/css/fontawesome.all.min.css" rel="stylesheet">
  
  <!--Favicon-->
  <link rel="shortcut icon" href="uploads/designs/biztrox/images/favicon.png" type="image/x-icon">
  <link rel="icon" href="uploads/designs/biztrox/images/favicon.png" type="image/x-icon">


	
	<!-- CMSMS Tags
	============================================= -->
        {metadata}
        {cms_jquery} 
        {cms_stylesheet}
	{cms_selflink dir='start' rellink=1}
	{cms_selflink dir='prev' rellink=1}
	{cms_selflink dir='next' rellink=1}
	{block name='scripts_head'}
	{/block}
</head>

{block name='body'}
	<body>
{/block}

	<!-- preloader start -->
<div class="preloader">
    <img src="uploads/designs/biztrox/images/preloader.gif" alt="preloader">
</div>
<!-- preloader end -->	

	<!-- top anchor -->
	<div id="top"></div>

	<!-- Page Wrapper -->
	<div class="wrapper clearfix">

<!-- navigation -->
<header>
    <!-- top header -->
<div class="top-header">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <ul class="list-inline text-lg-right text-center">
                        <li class="list-inline-item">
                            <a href="uploads/designs/biztrox/mailto:post@dupro.eu">post@dupro.eu</a>
                        </li>
                        <li class="list-inline-item">
                            <a href="uploads/designs/biztrox/callto:+49 6204 9860444">Tel:
                                <span class="ml-2"> +49 6204 9860444</span>
                            </a>
                        </li>
                        <li class="list-inline-item">
                            <a href="uploads/designs/biztrox/#" id="searchOpen">
                                <i class="ti-search"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- nav bar -->
<div class="navigation">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <a class="navbar-brand" href="{root_url}">
                    <img src="uploads/designs/biztrox/images/logo.png" alt="logo">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
{Navigator template='biztrox_navbar_muster'}
                </div>
            </nav>
        </div>
    </div>
</header>

<!-- Search Form -->
<div class="search-form">
      <a href="#" class="close" id="searchClose">
        <i class="ti-close"></i>
    </a>
    <div class="container">
        <form action="#" class="row">
            <div class="col-lg-10 mx-auto">
                <h3>Search Here</h3>
                <div class="input-wrapper">
                    <input type="text" class="form-control" name="search" id="search" {Search search_method="post" formtemplate='biztrox_searchform' resultpage="{if isset($search_page)}{$search_page}{/if}"}" required>
                    <button>
                        <i class="ti-search"></i>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- /navigation -->

		<!-- Top content -->
		{block name='top_content'}
		{/block}

		{if $display_breadcrumbs == "+"}
		<!-- Breadcrumbs -->
		<section class="breadcrumbs">

<section class="page-title overlay" style="background-image: url(uploads/designs/biztrox/images/background/page-title.jpg);"
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <h2 class="text-white font-weight-bold">						
                                                <div class="breadcrumbs-item">
						{if isset($newstitle)}
							{Navigator action='breadcrumbs' template='biztrox_breadcrumbs' root='Home'} » <span class="breadcrumbs-item">{$newstitle}</span>
						{elseif isset($blogtitle)}
							{Navigator action='breadcrumbs' template='biztrox_breadcrumbs' root='Home'} » <span class="breadcrumbs-item">{$blogtitle}</span>
						{else}
							{Navigator action='breadcrumbs' template='biztrox_breadcrumbs' root='Home'}
						{/if}
            </div>
        </div>
    </div>
</section>
		{/if}

		<!-- Additional content above title -->
		{block name='additional_content'}
  		{/block}

		{block name='main_title'}
		<!-- Main title -->
		<section class="mainTitle">

			<div class="container clearfix">
				{if !empty($main_title)}
				<div class="row">
				  	<div class="col-sm-12">
						<h2 class="homeTitle">{$main_title}</h2>
				  	</div>
				</div>
				{/if}
			</div>

		</section>
		{/block}

		{block name='content'}
		<!-- Main content -->
		<section class="mainContent">

			<div class="container clearfix">
				<div class="row">
					{if !empty($main_second_column) && !empty($main_third_column)}
					  <div class="col-sm-4">
					{elseif empty($main_second_column) && empty($main_third_column)}
					  <div class="col-sm-12">
					{elseif !empty($main_second_column) && empty($main_third_column)}
					  <div class="col-sm-6">
					{else}
					  <div class="col-sm-8">  
					{/if}
						{$capturedcontent}
					  </div>
							
					{if !empty($main_second_column) && !empty($main_third_column)}  
					  <div class="col-sm-4">
					{elseif !empty($main_second_column) && empty($main_third_column)}  
					  <div class="col-sm-6">
					{/if}
					{if !empty($main_second_column)}
						{$main_second_column}
					  </div>
					{/if}
		  
					{if !empty($main_third_column)}
					  <div class="col-sm-4">
						{$main_third_column}
					  </div>
					{/if}
					
				</div>
			</div>

		</section>
		{/block}

		<!-- Bottom content -->
		{block name='bottom_content'}
		{/block}
        
<!-- client logo slider -->
<section class="bg-white py-4">
  <div class="container">
    <div class="client-logo-slider align-self-center">
      <a href="uploads/designs/biztrox/#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset"
          src="uploads/designs/biztrox/images/client-logo/client-logo-1.png" alt="client-logo"></a>
      <a href="uploads/designs/biztrox/#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset"
          src="uploads/designs/biztrox/images/client-logo/client-logo-2.png" alt="client-logo"></a>
      <a href="uploads/designs/biztrox/#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset"
          src="uploads/designs/biztrox/images/client-logo/client-logo-3.png" alt="client-logo"></a>
      <a href="uploads/designs/biztrox/#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset"
          src="uploads/designs/biztrox/images/client-logo/client-logo-4.png" alt="client-logo"></a>
      <a href="uploads/designs/biztrox/#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset"
          src="uploads/designs/biztrox/images/client-logo/client-logo-5.png" alt="client-logo"></a>
      <a href="uploads/designs/biztrox/#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset"
          src="uploads/designs/biztrox/images/client-logo/client-logo-1.png" alt="client-logo"></a>
      <a href="uploads/designs/biztrox/#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset"
          src="uploads/designs/biztrox/images/client-logo/client-logo-2.png" alt="client-logo"></a>
      <a href="uploads/designs/biztrox/#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset"
          src="uploads/designs/biztrox/images/client-logo/client-logo-3.png" alt="client-logo"></a>
      <a href="uploads/designs/biztrox/#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset"
          src="uploads/designs/biztrox/images/client-logo/client-logo-4.png" alt="client-logo"></a>
      <a href="uploads/designs/biztrox/#" class="text-center d-block outline-0 py-3 px-2"><img class="d-unset"
          src="uploads/designs/biztrox/images/client-logo/client-logo-5.png" alt="client-logo"></a>
    </div>
  </div>
</section>
<!-- /client logo slider -->

<!-- footer -->
<footer class="bg-secondary">
  <div class="py-100 border-bottom" style="border-color: #454547 !important">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <div class="mb-5 mb-md-0 text-center text-md-left">
            <!-- logo -->
            <a href="index.php" class="widget-info-logo">
            <img src="uploads/designs/biztrox/images/logo-footer.png" alt="logo">
            </a>          
            <p class="text-white mb-30">Lorem ipsum dolor amet consectetur adipisicing elit sed eiusm tempor incididunt
              labore dolore magna aliqua enim.</p>
            <!-- social icon -->
            <ul class="list-inline">
              <li class="list-inline-item">
                <a class="social-icon-outline" href="uploads/designs/biztrox/#">
                  <i class="ti-facebook"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a class="social-icon-outline" href="uploads/designs/biztrox/#">
                  <i class="ti-twitter-alt"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a class="social-icon-outline" href="uploads/designs/biztrox/#">
                  <i class="ti-vimeo-alt"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a class="social-icon-outline" href="uploads/designs/biztrox/#">
                  <i class="ti-linkedin"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <!-- footer links -->
        <div class="col-lg-2 col-md-4 col-6">
          <h4 class="text-white mb-4">Services</h4>
          <ul class="footer-links">
            <li>
              <a href="uploads/designs/biztrox/#">Company History</a>
            </li>
            <li>
              <a href="uploads/designs/biztrox/about.html">About Us</a>
            </li>
            <li>
              <a href="uploads/designs/biztrox/contact.html">Contact Us</a>
            </li>
            <li>
              <a href="uploads/designs/biztrox/service.html">Service</a>
            </li>
            <li>
              <a href="uploads/designs/biztrox/#">Privacy Policy</a>
            </li>
          </ul>
        </div>
        <!-- footer links -->
        <div class="col-lg-2 col-md-4 col-6">
          <h4 class="text-white mb-4">Quick Link</h4>
          <ul class="footer-links">
            <li>
              <a href="uploads/designs/biztrox/#">Company History</a>
            </li>
            <li>
              <a href="uploads/designs/biztrox/about-2.html">About Us</a>
            </li>
            <li>
              <a href="uploads/designs/biztrox/contact.html">Contact Us</a>
            </li>
            <li>
              <a href="uploads/designs/biztrox/service-2.html">Service</a>
            </li>
            <li>
              <a href="uploads/designs/biztrox/#">Privacy Policy</a>
            </li>
          </ul>
        </div>
        <!-- subscribe form -->
        <div class="col-lg-3 offset-lg-1">
          <div class="mt-5 mt-lg-0 text-center text-md-left">
            <h4 class="mb-4 text-white">Subscribe Us</h4>
            <p class="text-white mb-4">Lorem ipsum dolor sit amet, consect etur adipisicing. elit sed do
              eiusmod. </p>
            <form action="#" class="position-relative">
              <input type="text" class="form-control subscribe" name="subscribe" id="Subscribe"
                placeholder="Enter Your Email">
              <button class="btn-subscribe" type="submit" value="send">
                <i class="ti-arrow-right"></i>
              </button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- copyright -->
  <div class="pt-4 pb-3 position-relative">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 col-md-5">
          <p class="text-white text-center text-md-left">
            <span class="text-primary">Bizpro</span> &copy; 2017 All Right Reserved</p>
        </div>
        <div class="col-lg-6 col-md-7">
          <ul class="list-inline text-center text-md-right">
            <li class="list-inline-item mx-lg-3 my-lg-0 mx-2 my-2">
              <a class="font-secondary text-white" href="uploads/designs/biztrox/#">Legal</a>
            </li>
            <li class="list-inline-item mx-lg-3 my-lg-0 mx-2 my-2">
              <a class="font-secondary text-white" href="uploads/designs/biztrox/#">Sitemap</a>
            </li>
            <li class="list-inline-item mx-lg-3 my-lg-0 mx-2 my-2">
              <a class="font-secondary text-white" href="uploads/designs/biztrox/#">Privacy Policy</a>
            </li>
            <li class="list-inline-item ml-lg-3 my-lg-0 ml-2 my-2 ml-0">
              <a class="font-secondary text-white" href="uploads/designs/biztrox/#">Terms &amp; Conditions</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- back to top -->
    <button class="back-to-top">
      <i class="ti-angle-up"></i>
    </button>
  </div>
</footer>
<!-- /footer -->

<!-- jQuery -->
{block name='scripts_bottom'}
<script type="text/javascript" src="{$theme_path}/js/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script type="text/javascript" src="{$theme_path}/js/bootstrap.min.js"></script>
<!-- magnific popup -->
<script type="text/javascript" src="{$theme_path}/js/jquery.magnific.popup.min.js"></script>
<!-- slick slider -->
<script type="text/javascript" src="{$theme_path}/js/slick.min.js"></script>
<!-- filter -->
<script type="text/javascript" src="{$theme_path}/js/jquery.filterizr.min.js"></script>
<!-- Google Map -->
<script type="text/javascript" src="{$theme_path}/https://maps.googleapis.com/maps/api/js?key=AIzaSyBu5nZKbeK-WHQ70oqOWo-_4VmwOwKP9YQ"></script>
<script type="text/javascript" src="{$theme_path}/js/google-map/gmap.js"></script>
<!-- Syo Timer -->
<script type="text/javascript" src="{$theme_path}/js/jquery.syotimer.js"></script>
<!-- aos -->
<script type="text/javascript" src="{$theme_path}/js/aos.js"></script>
<!-- swiper -->
<script type="text/javascript" src="{$theme_path}/js/swiper.min.js"></script>
<!-- Main Script -->
<script type="text/javascript" src="{$theme_path}/js/script.js"></script>

		<script type="text/javascript" src="{$theme_path}/js/jquery.js"></script>
		<script type="text/javascript" src="{$theme_path}/js/popper.min.js"></script>
		<script type="text/javascript" src="{$theme_path}/js/bootstrap.min.js"></script>
    	<script type="text/javascript" src="{$theme_path}/js/superfish.min.js"></script>
    	<script type="text/javascript" src="{$theme_path}/js/jquery.stellar.min.js"></script>
    	<script type="text/javascript" src="{$theme_path}/js/swiper.min.js"></script>
    	<script type="text/javascript" src="{$theme_path}/js/jquery.magnific-popup.min.js"></script> 
    	<script type="text/javascript" src="{$theme_path}/js/owl.carousel.min.js"></script>
    	<script type="text/javascript" src="{$theme_path}/js/jquery.countTo.js"></script>
    	<script type="text/javascript" src="{$theme_path}/js/isotope.pkgd.min.js"></script>
    	<script type="text/javascript" src="{$theme_path}/js/init.js"></script>
{/block}

<!--
 // WEBSITE:  [url]https://themefisher.com[/url]
 // TWITTER:  [url]https://twitter.com/themefisher[/url]
 // FACEBOOK: [url]https://www.facebook.com/themefisher[/url]
 // GITHUB:   [url]https://github.com/themefisher/[/url]
-->

</body>
</html>

Offline