Der Fehler ist aufgetreten, als ich von meinem Template eine Kopie angelegt habe.
Danke ich werde es so mal versuchen!
Beiträge von Graffa23
-
-
Ok dann habe ich aufjedenfall verstanden, einfacher ist es finde ich auch. Vorallem zusätzlich 100 mal übersichtlicher!
Zu Christianes Antwort.. stimmt da war ja was :-)!okay, scheint also ein Problem des Validitor zu sein, aufjedenfall schonmal gut zu wissen
Eigentlich nicht, ich werde mal versuchen noch was rauszuholen durch die Deinstallation des CK Editors.
Auch hier nochmal ein herzliches Dankeschön an alle die mich in diesem Thread (aber auch natürlich in anderen) unterstützt haben und die Nerven mit einem ich sage mal Neuling behalten haben. Ich glaube ihr könnt jetzt schon stolz auf dieses Forum sein, auch wenn erst die Grundsteine gelegt sind!
Natürlich ist dies eine Community und es ist leider schade, dass viele diese Leistungen und Beiträge/Hilfen anderer nicht wertschätzen können.
Ich finde ich kann dies! Auf diesem Wege wünsche ich euch noch einen schönen Abend un setze diesen Thread ersteinmal auf gelöst (vorrausgesetzt es ist in Ordnung).Freundliche und Liebe Grüße
Graffa23EDIT: Bevor ich es vergesse eine Frage habe ich noch.
Rechts unten steht doch normalerweise "Zum Seitenanfang" oder "Back to top". Warum wird mir dort die Klasse angezeigt bspw "TPL_PROTOSTAR_BACKTOTOP". Bekomme ich das mit? Liegt das nicht an der Sprachdatei? -
OK vielen Dank für die Bestätigung.
Ja das stimmt allerdings, habe jetzt alles nur mal schnell eingefügt den Rest formatiere ich dann noch.Sehr gut d.h. die ganze Definition oder Einstellungen der Schriftart wird empfohlen über CSS zu machen?
Achso Dann ist das ja in Ordnung dachte schon der Code wäre nicht bspw unsauber.
Prinzipiell einfach eine Meinung/Kritik Ob gut oder schlecht als her damit ich brauche Kritik!
--------
Nochmal kurz zum dem CSS Validation und HTML Validation: Wisst ihr auch wie ich diese Fehlermeldungen beim validieren der CSS wegbekomme es werden sehr viele Sachen im Zusammenhang mit ajax plugin und arg bootstrap erwähnt?
Mit freundlichen Grüßen
Graffa23 -
Ich bin echt einfach sprachlos und so dankbar für eure Hilfe
firstlady:
Ich habe diese "Methode" jetzt mal auf der Seite Herzlich Willkommen angewendet und jetzt müssten theoretisch und hoffentlich auch Praktisch aus der inline css draußen sein? Könnt ihr dies bestätigen?ChristineT:
Okay, ich glaube ich habe verstanden das heißt das die Methode die ich gemacht habe (Dank eurer Hilfe natürlich) auf jeden Fall schon einmal richtig sein sollte wenn ich die Sache mit der Schrift mal außen vor lasse. Diese habe ich jetzt übrigens auch mal über die custom.css definiert. So müsste es passen?!
Nochmal zu dem Quellcode vom custom.css den du gepostet hast, soll es so im Optimalfall aussehen? Weil meine "Schreibweise" ist ja bisher anders aufgebaut.Liebe Grüße und Danke(!!)
Graffa23 -
So hier bin ich wieder!
ChristineT: Dieser Codeschnipsel ist jetzt draußen, warum der dort drin war weiß ich selbst nicht.Hier mal meine custom.css
/* ALLGEMEIN */
html {
overflow-y: scroll;
}body {
background: url(/images/hintergrund_hell.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}body.site.fluid {
background-color: #ffffff;
max-width: 85%;
margin: 0 auto;
}
/* HEADER */
.header-inner {
background-color: rgba(255, 255, 255, 0.6);
border: 1px;
border-style: solid;
border-color: grey;
border-radius: 5px;
box-shadow: 2px 2px 25px #292929;
margin-bottom: 1px;
}
/* NAVIGATION */
.navigation {
background-color: #FAB217;
border: 1px;
border-style: solid;
border-color: rgb(107, 49, 16);}
.nav {
font-family: Gabriola;
font-size: 22px;
font-weight: bold;
}.navigation .nav-child {
background-color: #FAB217;
}.navigation .nav-child a {
font-size: 20px;
color: #6B3110;
}.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color:#EEE;
}.navigation .nav-pills {
letter-spacing: 0.3mm;
}
/* TEXTFELD */
.span12 {
background-color: rgba(231, 234, 243, 0.85);
border: 1px;
border-style: solid;
border-radius: 5px;
border-color: grey;
box-shadow: 2px 2px 25px #292929;
padding: 20px;
}/* FOOTER */
hr {
border-width: 0px;
}Liebe Grüße
Graffa23 -
Hallo Chrstine,
danke für deine Hilfe.Zu 1) Ich kann mich garnicht erinnern, dies reingeschrieben zu haben. Ich werde später mal meine komplette custom.css posten um vllt. Licht ins dunkle zu bringen.
Zu max-width etc wie gesagt kein Plan wo die her kommen?!Zu 2) Ja ich nehme die Texte aus Word, aber füge sie über den Extra Button in den Editor ein. Wie soll ich des denn sonst machen, wenn ich die Formatierung nicht so übernehmen kann? Irgendwie muss/will ich ja meinen Text formatieren.
Zu 3) Ja da ich meine ganzen Änderungen eben dann nur noch in der custom.css stehen haben wollte. Wie gesagt ich poste später mal, was ich genau in die custom.css geschrieben habe. Dürfte dann vielleicht etwas leichter fallen.
Liebe Grüße
Graffa23 -
Hey Astrid,
danke schonmal für deine Rückmeldung. Eigentlich ist das nicht gewollt, wüsste jetzt auch nicht wieso das so ist. Muss ich mir gleich mal anschauen.Beim Suchlauf der HTML sieht es ja garnicht allzu schlimm aus.
Aber beim CSS-Teil ist es schon sehr sehr heftig.
Wobei man jetzt aber auch sieht, dass der größte Teil von dem 'Ajax Plugin' kommt.Mit freundlichen Grüßen
Graffa23 -
Hey Astrid,
danke für den Tipp, ich werde mich dort mal ein wenig einlesen.Bin jetzt mit den meisten Änderungen auf der Seite fertig.
Wie sieht es von der Richtigekti aus? Habt ihr es so gemeint mit der custom.css ?Liebe Grüße
Graffa23 -
Hallo Christine,
danke für deine umfangreiche HilfePuuuh, da bin ich ja froh das ich mich nicht komplett auf dem Holzweg befinde!
Protostar hat sich erledigt, habe einfach nochmal Joomla runtergeladen und von dort die template.css in mein jetztiges Template eingefügt.
Ja ich habe ich größtenteils notiert, wird ja aber auch hier im Forum zu finden zu sein oder?Die index.php habe ich jetzt so abgeändert, wie beschrieben.
Logischerweise muss ich jetzt ja eine neue Datei custom.css anlegen.Wenn ich das richtig verstanden habe, kommen in meine custom.css NUR meine Abänderung des Templates.
Theoretisch müssten diese dann am Ende die Angabe in der template.css überschreiben oder?Und wie gesagt nochmal vielen Dank, das ihr euch wirklich so umfangreich und intensiv Zeit/Mühe macht
Liebe Grüße
Graffa23EDIT: Ich habe schonmal angefangen in der custom.css das ein oder andere zu basteln. Sollte ich zu voreilig sein, dann bremst mich bitte aus!
EDIT2:
ZitatDie Schriftart ist das Problem, die wird offensichtlich im IE falsch gerändert.
Kann dies bestätigen, habe es gerade ausprobiert. Ist es möglich, wenn jemand die Seite mit dem IE aufruft, eine andere Schriftart zu laden?
-
Hallo an alle,
erster viele Dank für eure Tips und hilfreiche Antworten.
deGobbis; anka:
Sind die BS2 jetzt vorhande?
Habe den Tipp von anka umgesetzt und die Klammer entfernt, die zu viel war.Im Großen und ganzen bin ich jetzt doch schon ein wenig geschockt, da ich dachte dass ich auf einem guten Weg bin.
Naja aber es wird scheinbar kein Weg daran vorbeiführern.Habe jetzt schon Probleme, da warum auch immer, mein Template Protostar nichtmehr da ist und ich somit nicht diese template.css zum "zurücksetzen" vorhanden habe.
Also ich stehe gerade schon ein wenig Kopf über Fußfirstlady:
Das heißt nicht die vorhandene template.css anpassen sondern eine komplett eigene css aufbauen?Danke für eure Unterstützung.
Liebe Grüße
Graffa23 -
Hallo Re:Later,
danke für deine Hilfe.Mit dem 'verkürzen' der Namen hat es im Firefox geklappt.
Im Internet-Explorer wird die Schrift ja sozusagen höhergestellt wie auf dem hervorigen Bild zu erkennen. Kan das was mit den paddings zu tun haben?Liebe Grüße
Graffa23 -
Hallo anka,
danke auch Dir für deine Hilfe und entschuldige das DurcheinanderDas Problem mit den Header hat sich aus meiner Sichtweise durch deinen oben genannten Code erledigt. Der Header wird sauber in allen 3 Browsern angezeigt. Danke!
Allerdings macht die Navigation nach wie vor Probleme beim Firefox (Bild mozilla_firefox.png) und Internet Explorer (ie.png)
Lediglich im Google Chrome Browser wird dies nach meinen Vorstellungen angezeigt. (chrome.png)
Ich hoffe das dadurch nochmal ein wenig Licht ins Dunkle kommt!Mit freundlichen Grüßen
Graffa23 -
Hallo ihr beiden,
erster mal wieder DANKE für eure Bemühungen und Tips!ChristineT:
Ja das stimmt, da habt ihr voll und ganz Recht dass sich bei mir müntlich was ändern kann. Liegt jedoch auch oft daran, das ich hier reinschreibe und eben trotzdem weiterhin versuche mir irgendwie das selbst zu erarbeiten.
Das mit dem Text ist komisch und kann ich nicht nachvollziehen, hab den gesamten Quelltext aus dem Editorfenster herausgelöscht und meinen Text einfach mal zur Probe reingeschrieben. Werde ich mir nochmal anschauen müssen!Das mit dem Verschieben habe ich bisher noch nicht ausprobiert.. aber wie soll ich schon schauen ob es bei mir Fehlerfrei angezeigt wird, wenn es das jetzt noch nichtmal tut.. Beim Firefox macht mein Header was er will, irgendwie ist das nicht mit verschiedenen Bildschirmauflösungen kompatibel (scheint mir so bzw eher gesagt die class bodyoben)
Normalerweise sollte Bild2.png noch da sein, besser gesagt das Hintergrundbild..
Ich meinte mit Responsive genau dieses "Hamburger-Menü", da ich finde das es einfach übersichtlicher bzw schlichter aussieht als dieser große Kasten.
Klar Kompatibel ist es aufjedenfall.
Danke und ich hoffe du hast gut geschlafen!astrid:
Das ist vollkommen in Ordnung und bin dir sehr dankbar für den Link, werde mich mal umschauen!
Es ist eben auch einfach sinnvoller alleine drauf zu kommen, aber gut ist es eben auch von anderen Denkanstöße etc zu bekommen.Liebe Grüße
Graffa23 -
Hallo Christine,
das ist garkein Problem! Ich bin für jeden Tipp und Kritik dankbar.Deine Verbesserungsvorschläge habe ich angenommen und auch so geändert. Das war scheinbar von am Anfang vom rumprobieren drin gewesen
Okay, Firefox sieht bei mir auch ganz normal aus. Wie sieht es bei dir denn im Internet Explorer aus?-----------
Hast du zu den anderen zwei Punkten noch Tips & Tricks für mich?
Liebe Grüße
Graffa23 -
Hallo Joomla-Gemeinde,
ich habe nicht allzulange auf mich warten lassen und melde mich gleich mit einer neuen Frage/Problem zurückSeite: horizont1.bplaced.de
Problem 1)
Die Darstellungen in verschiedenen Browsern:
Komischerweise habe ich das Problem mit dem Internet Explorer und auch mit dem Mozilla Firefox das meine Seite nicht richtig bzw. nach meinen Wünschen entsprechend angezeigt wird (oder werden kann?)
Im Chrome hingegen wird mir alles einwandfrei angezeigt. Mir ist bekannt oder ich habe oft gelesen dass das Problem beim Internet Explorer häufig davon kommt, dass Wordtexte einfach kopiert & eingefügt worden sind und daher die Formatierung von Word übernommen wurde. Dies kann ich nach meinen letzten Untersuchungen der Beiträge leider nicht bestätign.
Chrome: Zeigt alles einwandfrei an (Bild 1)
Mozilla Firefox: Schneidet Hintergrundbild ab (Bild 2)
Internet Explorer: hinterlegter Hintergrund ragt über, Navigation verzieht sich komplett. (Bild 3)Problem 2)
Ich bin gerade auf dem Weg, meine Navigation Responsive zu machen. Das Template Protostar ist ja selbst schon Responsive.
Ich habe jetzt ungefähr gefühlte 30 Minuten gegoogelt und auf verschiedenen Seiten gesucht, auch in anderen Foren gestöbert (sry fürs fremdgehen ).
Ich habe auch zahlreiche Erweiterungen gefunden, jedoch haben diese nichtmal funktioniert. Um ehrlich zu sein bin ich auch kein Fan davon, da man nie weiß was diese mit der Seite anrichten von daher lieber Finger weg. Muss ich jetzt eine "extra" Navigation anlegen und definieren oder was gibt es für Möglichkeiten? Ich finde irgendwie einfach nichts eindeutiges.Über eure Hilfe, bin ich wie immer sehr dankbar!
Mit freundlichen Grüßen
Graffa23 -
Habe ich jetzt gemacht
Wie gesagt vielen Dank für eure Unterstützung! Würde euch gerne alleine ein "Danke" geben, geht aber meineswissens leider nicht.
Liebe Grüße und schönes Restwochenende
Graffa23 -
Ok vielen Dank!
-
Es funktioniert!
Werde mir das jetzt nochmal anschauen, was genau der Unterschied zum davorigen ist.Ein wirklich FETTES FETTES dankeschön!
An ALLE die mir hier bei diesem Thema behilflich waren.
Wie viele Beiträge kann man in einem Thread als Hilfreich betiteln?!
Naja wie gesagt ich wollte mich echt nochmal bei euch allen Bedanken für eure Bemühungen und Zeitaufwand den ihr für mich betrieben habt!
Liebe Grüße
Graffa23 -
<?php
/**
* @package Joomla.Site
* @subpackage Templates.protostar
*
* @copyright Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/defined('_JEXEC') or die;
$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$user = JFactory::getUser();
$this->language = $doc->language;
$this->direction = $doc->direction;// Getting params from template
$params = $app->getTemplate(true)->params;// Detecting Active Variables
$option = $app->input->getCmd('option', '');
$view = $app->input->getCmd('view', '');
$layout = $app->input->getCmd('layout', '');
$task = $app->input->getCmd('task', '');
$itemid = $app->input->getCmd('Itemid', '');
$sitename = $app->get('sitename');if($task == "edit" $layout == "form" )
{
$fullWidth = 1;
}
else
{
$fullWidth = 0;
}// Add JavaScript Frameworks
JHtml::_('bootstrap.framework');
$doc->addScript('templates/' . $this->template . '/js/template.js');// Add Stylesheets
$doc->addStyleSheet('templates/' . $this->template . '/css/template.css');// Load optional RTL Bootstrap CSS
JHtml::_('bootstrap.loadCss', false, $this->direction);// Adjusting content width
if ($this->countModules('position-7') && $this->countModules('position-8'))
{
$span = "span6";
}
elseif ($this->countModules('position-7') && !$this->countModules('position-8'))
{
$span = "span9";
}
elseif (!$this->countModules('position-7') && $this->countModules('position-8'))
{
$span = "span9";
}
else
{
$span = "span12";
}// Logo file or site title param
if ($this->params->get('logoFile'))
{
$logo = '<img src="' . JUri::root() . $this->params->get('logoFile') . '" alt="' . $sitename . '" />';
}
elseif ($this->params->get('sitetitle'))
{
$logo = '<span class="site-title" title="' . $sitename . '">' . htmlspecialchars($this->params->get('sitetitle')) . '</span>';
}
else
{
$logo = '<span class="site-title" title="' . $sitename . '">' . $sitename . '</span>';
}
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<jdoc:include type="head" />
<?php // Use of Google Font ?>
<?php if ($this->params->get('googleFont')) : ?>
<link href='//fonts.googleapis.com/css?family=<?php echo $this->params->get('googleFontName'); ?>' rel='stylesheet' type='text/css' />
<style type="text/css">
h1,h2,h3,h4,h5,h6,.site-title{
font-family: '<?php echo str_replace('+', ' ', $this->params->get('googleFontName')); ?>', sans-serif;
}
</style>
<?php endif; ?>
<?php // Template color ?>
<?php if ($this->params->get('templateColor')) : ?>
<style type="text/css">
body.site
{
border-top: 3px solid <?php echo $this->params->get('templateColor'); ?>;
background-color: <?php echo $this->params->get('templateBackgroundColor'); ?>
}
a
{
color: <?php echo $this->params->get('templateColor'); ?>;
}
.navbar-inner, .nav-list > .active > a, .nav-list > .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover,
.btn-primary
{
background: <?php echo $this->params->get('templateColor'); ?>;
}
.navbar-inner
{
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
}
</style>
<?php endif; ?>
<!--[if lt IE 9]>
<script src="<?php echo $this->baseurl; ?>/media/jui/js/html5.js"></script>
<![endif]--></head>
<body class="site <?php echo $option
. ' view-' . $view
. ($layout ? ' layout-' . $layout : ' no-layout')
. ($task ? ' task-' . $task : ' no-task')
. ($itemid ? ' itemid-' . $itemid : '')
. ($params->get('fluidContainer') ? ' fluid' : '');
?>">
<!-- Body -->
<div id="bodyoben"> <jdoc:include type="modules" name="bodyoben" style="xhtml" />
<div class="header-inner clearfix">
<a class="brand pull-left" href="/">
<span class="site-title" title="Horizont-Praxis">Horizont-Praxis</span> </a>
<div class="header-search pull-right"></div>
</div> </div>
<div id="bodyunten"> <jdoc:include type="modules" name="bodyunten" style="xhtml" /></div>
<div class="container<?php echo ($params->get('fluidContainer') ? '-fluid' : ''); ?>">
<!-- Header -->
<header class="header" role="banner">
<div class="header-inner clearfix">
<a class="brand pull-left" href="<?php echo $this->baseurl; ?>">
<?php echo $logo; ?>
<?php if ($this->params->get('sitedescription')) : ?>
<?php echo '<div class="site-description">' . htmlspecialchars($this->params->get('sitedescription')) . '</div>'; ?>
<?php endif; ?>
</a>
<div class="header-search pull-right">
<jdoc:include type="modules" name="position-0" style="none" />
</div>
</div>
</header>
<?php if ($this->countModules('position-1')) : ?>
<nav class="navigation" role="navigation">
<jdoc:include type="modules" name="position-1" style="none" />
</nav>
<?php endif; ?>
<jdoc:include type="modules" name="banner" style="xhtml" />
<div class="row-fluid">
<?php if ($this->countModules('position-8')) : ?>
<!-- Begin Sidebar -->
<div id="sidebar" class="span3">
<div class="sidebar-nav">
<jdoc:include type="modules" name="position-8" style="xhtml" />
</div>
</div>
<!-- End Sidebar -->
<?php endif; ?>
<main id="content" role="main" class="<?php echo $span; ?>">
<!-- Begin Content -->
<jdoc:include type="modules" name="position-3" style="xhtml" />
<jdoc:include type="message" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="position-2" style="none" />
<!-- End Content -->
</main>
<?php if ($this->countModules('position-7')) : ?>
<div id="aside" class="span3">
<!-- Begin Right Sidebar -->
<jdoc:include type="modules" name="position-7" style="well" />
<!-- End Right Sidebar -->
</div>
<?php endif; ?>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer" role="contentinfo">
<div class="container<?php echo ($params->get('fluidContainer') ? '-fluid' : ''); ?>">
<hr />
<jdoc:include type="modules" name="footer" style="none" />
<p class="pull-right">
<a href="#top" id="back-top">
<?php echo JText::_('TPL_PROTOSTAR_BACKTOTOP'); ?>
</a>
</p>
<p>
© <?php echo date('Y'); ?> <?php echo $sitename; ?>
</p>
</div>
</footer>
<jdoc:include type="modules" name="debug" style="none" />
</body>
</html> -
Hallo Christine,
Vielen Dank!Ja genau so möchte ich es haben, habe dies jetzt mal eingefügt unter unterhalb von div bodyoben jedoch ist es jetzt doppelt gemoppelt.
Wichtig finde ich auch das wirklich nur das Kästchen sozusagen wandert und halt eben den Text oder Bild im Header hinterlegt.P.S Sry für den Doppelpost.
Liebe Grüße
Graffa23