2016-06-06 14 views
0

Ich habe das Hintergrundbild in meiner Joomla Vorlage direkt in der index.php Datei sowie das Headerbild geändert. Ich habe das Bild src geändert. Mein Problem ist, dass diese 2 Bilder fehlen, wenn ich die Website auf einem Tablet oder Handy öffne, aber kein Problem auf dem Desktop. Ich habe alles von @media Abfragen durchlaufen und kann das Problem nicht finden. bitte ich brauche Hilfe! Her mit dem index.php CodeJoomla Vorlage Hintergrund und Header Bild

<?php 
/** 
* Date   July 31, 2014 
* Copyright Copyright (C) 2014 10templates.com 
* License GPL 
*/ 
defined('_JEXEC') or die; 

$app = JFactory::getApplication(); 
$doc = JFactory::getDocument(); 

$this->language = $doc->language; 
$this->direction = $doc->direction; 

JHtml::_('bootstrap.framework'); 

?> 
<?php include_once("analyticstracking.php") ?> 
<!DOCTYPE html> 
html xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this- >language; ?>" > 
<head> 
<jdoc:include type="head" /> 
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo  $this->template ?>/css/template.css" type="text/css" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes"/> 
<meta name="HandheldFriendly" content="true"/> 
<meta name="apple-mobile-web-apple-capable" content="true"/> 
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/menu.js"></script> 
<!--script src="/media/jui/js/bootstrap.min.js" type="text/javascript"> </script> 
<script src="/media/jui/css/bootstrap.min.css" type="text/css"></script--> 

</head> 
<body> 
<!--main container --> 
<div class="container-fluid"> 

<!--Begin header--> 
<div class="header"> 
<div class="header-inner"> 
<jdoc:include type="modules" name="position-2" style="none" /> 
<header class="jumbotron"> 
<img src="http://localhost/joomla/images/utv_pics/utv_transparent.gif" style="max-width:90%"> 
<!--Begin Navbar--> 
<?php if ($this->countModules('position-1')) : ?> 
<div class="nav2"> 
     <!--button type="button" class="navbar-toggle" data-toggle="collapse" data-target="nav2"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
    <a class="brand" href="index.php"><?php echo $sitename ?></a> 
    <div class="collapse nav-collapse" id="nav2"--> 
    <jdoc:include type="modules" name="position-1" style="none" /> 

    <!--End navbar--> 
    <?php endif; ?> 
    </header></div></div></div> 

    <div class="container-fluid"> 
    <div class="clearfix"> 
    <div class="leftCont"> 
    </div> 

    <div id="content" role="main"> 

    <?php if ($this->countModules('position-9')) : ?> 
    <div class="banners"> 
    <jdoc:include type="modules" name="position-9" style="none" /> 
    </div> 
    <?php endif; ?> 

    <!-- Begin Content --> 
    <div class="insider"> 

    <jdoc:include type="component" /> 
    <jdoc:include type="modules" name="position-3" style="none" /> 
    </div> 
    <!-- End Content --> 

    </div> 

    <div class="rightCont"> 
    <div class="clearfix"> 
    </div></div></div></div> 
    <div class="container-fluid"> 
    <footer class="clearfix"> 
    <section> 
    <?php if ($this->countModules('position-4')) : ?> 
    <jdoc:include type="modules" name="position-4" style="xhtml" /> 
    <?php endif; ?> 
    </section> 
    <section> 
    <?php if ($this->countModules('position-5')) : ?> 
    <jdoc:include type="modules" name="position-5" style="xhtml" /> 
    <?php endif; ?> 
    </section> 
    <section> 
    <?php if ($this->countModules('position-6')) : ?> 
    <jdoc:include type="modules" name="position-6" style="xhtml" /> 
    <?php endif; ?> 

    </section> 
    </footer> 
</div></div> 

</body> 
</html> 
+0

Erwähnte ich, dass ich war verzweifelt? –

Antwort

0

Sie haben das lokale Bild-URL hinzugefügt:

<img src="http://localhost/joomla/images/utv_pics/utv_transparent.gif" style="max-width:90%"> 

Wie Sie die URL sehen verweist auf localhost, die Ihre lokale Entwicklungs-Workstation ist. Diese Adresse funktioniert nicht mit einem anderen Gerät.

Sie sollten die baseurl Eigenschaft verwenden statt:

<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/utv_pics/utv_transparent.gif" style="max-width:90%"> 

und stellen Sie sicher, dass Ihr Bild utv_transparent.gif im Ordner images/utv_pics ist in Ihrem aktuellen Vorlagenordner.

+0

Danke, das macht Sinn und ich habe an den falschen Stellen gesucht ... Ich habe das jetzt geändert und bekomme jetzt einen verbotenen Code: Forbidden Sie sind nicht berechtigt, auf/test/templates/acropolis3free/css zuzugreifen /.../images/utv_pics/Toyota_image.jpg auf diesem Server. Darüber hinaus wurde ein Fehler 403 Forbidden bei dem Versuch, ein ErrorDocument zu verwenden, um die Anforderung zu verarbeiten, festgestellt. –

+0

Ich frage mich, ob dies das gleiche Problem ist, das ich mit meinem Bootstrap habe: Fehler beim Laden der Ressource: Der Server reagierte mit einem Status von 404 (nicht gefunden) –

+0

Das 403 Problem ist wahrscheinlich auf Dateiberechtigungen. Stellen Sie sicher, dass die Ordner und Dateien Leseberechtigungen für den Benutzer haben, mit dem Ihr HTTP-Server ausgeführt wird. Das Bootstrap-Problem ist wahrscheinlich auch eine schlechte URL. Überprüfen Sie den obigen Code. Es zeigt auf den Ordner "/ media/jui/css" im Stammverzeichnis Ihrer Website. Sind die Dateien tatsächlich da? –

0

Sie haben einen falschen Bildstandort, der auf localhost funktioniert, d. H. Nur auf Ihrem PC.

Statt

<img src="http://localhost/joomla/images/utv_pics/utv_transparent.gif" style="max-width:90%">

einfach nutzen diese

<img src="/images/utv_pics/utv_transparent.gif" style="max-width:90%">

+0

Vielen Dank! Ich habe es in Chrome funktioniert ... nicht funktioniert in Firefox und Bootstrap funktioniert auch nicht ... Wenn Sie eine Ahnung haben, wo meine URL Link falsch ist und wo ich ti finden kann, um es korrekt zu machen, werde ich es zu schätzen wissen! –

+0

Haben Sie Ihren Browser-Cache und auch den Joomla-Cache bereinigt? Die von mir vorgeschlagene Änderung wird angezeigt, wenn Sie Ihren Cache bereinigen. –

+0

Danke, alles funktioniert jetzt! –