Template Journey Block 2 und 3

[pepso]

Hallo zusammen,
ich habe mir das Template Journey von websitebaker.at installiert. Das finde ich wirklich gelungen. Mich würde es noch mehr freuen, wenn ich damit auch richtig arbeiten könnte. Meine Erfahrungen auf diesem Gebiet sind sehr begrenzt. Wie kann man den Block 2 und 3 bearbeiten? Wie kommt man da dran? Ich würde dort gerne Bilder und Text platzieren. Für gute Tipps wäre ich sehr dankbar  
L.G. Pepso

[herbi]

Hallo Pepso, als Erstes musst du schauen, ob bei den Optionen für die Seite, die Option "Blöcke" aktiviert ist.

Die Auswahl der Blöcke erreichst du über die Seitenoptionen.  Hier wählst du Abschnitte verwalten, nun wählst du einen Abschnittsnamen aus, der dir im Dropdownauswahlfeld angezeigt werden sollte, z. B. "Block 2" oder "Block 3". Nun weisst du einen Wysiwyg-Abschnitt hinzu indem du Text oder Bilder einfügst.

Das Template selbst kenne ich nicht, aber so funktioniert es bei allen WB-Templates.

Schau dir einfach mal die Möglichkeiten an. Rufe dir in aller Ruhe die Sachen ab. Nun wirst du sehen, dass dies alles keine Hexerei ist.

Ich habe eben gesehen, dass die Blockbezeichnung "Leftbox" und "Adbox" heißen. Der Hauptblock "maincontent". Diese Bezeichnungen muessen im im Dropdownauswahlfeld auftauchen. Dann einfach auswaehlen, dies war es schon.

Im Anhang siehst du was gemeint ist.

Viel Erfolg und Spass

[pepso]

Hallo herbi,

absolut spitze Dein Tip. Bin Dir sehr dankbar - hätte ich wahrscheinlich nie gefunden.
Da ich jetzt so schön am probieren bin, hab ich gleich die nächsten Fragen.
Wo kann ich die Größe und Farbe der Schrift in der logobox .sitetitle ändern?
und
Wenn ich mit der Maus über das Menue fahre, erscheint in Block2 links unten die Url.
Wie kann man das abschalten?

Gruß Pepso

[herbi]

@wie kann man das abschalten....

In der Main.css, hier musst du suchen nach der Classe ".sitetitel".

In der Classe änderst du dann die Werte für die Farbe, Größe oder Schriftfamily.


#logobox .sitetitle {

   width:460px;
   margin:20px 0 3px -6px;
   font-size: 24px;
   font-weight: normal;
   font-family: "Times New Roman", Times, serif;
   font-style: oblique;
color:#ff0000; /*Neuer Eintrag, hier wird die Schriftfarbe angegeben, hier der Farbwert für ROT*/
}

Wenn ich mit der Maus über das Menue fahre, erscheint in Block2 links unten die Url.

Was, genau meinst du da?
Wenn du den Seitentitel meinst, der wird in der Index so "<div class="sitetitle"><?php page_title('', '[WEBSITE_TITLE]');?></div>" ausgegeben.

Geändert wird der Titel in den allgem. Optionen.

[pepso]

Hallo Herbi,

erst einmal vielen Dank, das Du so viel Geduld mit mir hast.
Stück für Stück geht es weiter.
Die Farbe hab ich hin bekommen - top.
Jetzt würde ich die Schrift vom logobox .sitetitle gerne fetter machen - wie geht das jetzt schon wieder?
Was ich auch festgestellt habe, wenn ich die Schrift vergrößere, wird diese nachher im Browser nicht mehr richtig dargestellt - oben und unten wie abgeschitten (aber nur im IE9 - nicht im Firefox oder Opera).
Fahr mit der Maus über das Menü (Home, Aktuell, usw.) und Du kannst unten links die Weburl eingeblendet sehen. Wie kriegt man das weg?
Ich wäre Dir aber nicht böse, wenn Du keine Lust mehr hast.

LG.
Bernd

[herbi]

Hi,

Jetzt würde ich die Schrift vom logobox .sitetitle gerne fetter machen - wie geht das jetzt schon wieder?

in der Main.Css bei besagter Klasse diesen Wert ändern:

Alt: font-weight:normal;
Neu: font-weight:bold;

...wenn ich die Schrift vergrößere, wird diese nachher im Browser nicht mehr richtig dargestellt - oben und unten wie abgeschitten ...

Probier´s ´mal mit einer Höhenangabe für die LogoBox, z.B.: height:50px;

Was mir noch aufgefallen ist, im Quelltext, du hast sehr wahrscheinlich eine Tabelle aus Word eingefügt.
Stimmts? 
Da sind nämlich Werte und Angaben vorhanden, die sollten nicht auftauchen. MS-Office-Produkte schleppen unnötigen Ballast mit ein.

Besser wäre es, wenn du im Editor ein Tabelle und da den Inhalt einfügst.

kannst unten links die Weburl eingeblendet sehen. Wie kriegt man das weg?

Dies ist die Meldung in der Statusleiste des Browsers.

Diese kannst du so http://www.homepage-total.de/tipps/daten_klau.php unter Punkt 6., verstecken.

[pepso]

Hallo Herbi,

Danke das Du mir weiterhin zur Seite stehst.
Fettschrift funktioniert 
MS-Office-Produkte habe ich hoffentlich alle entfernt 
Mit der Höhenangabe für die LogoBox hat irgendwie nicht geklappt.
Da gibt es keine height Angabe, oder muss ich die irgendwo einfügen?

Auf der empfohlenen Seite http://www.homepage-total.de/tipps/daten_klau.php
steht folgendes:

<script type="text/javascript">
function statusleiste(){
 window.status ="www.ihre-seite.de";
 setTimeout("statusleiste()",1);
}
statusleiste();
</script>

Wo schreibe ich das rein 

Für Deine optimalen Tipps im voraus tausend Dank.

LG.
Pepso

[herbi]

Hi,

MS-Office-Produkte habe ich hoffentlich alle entfernt

Nee, im linken Block stehen noch welche ("Motto der Session.....") und ("Die 70er waren...").

Die solltest du mal entfernen und nur im Editor formatieren.

...keine height Angabe, oder muss ich die irgendwo einfügen?

Hier:
#logobox .sitetitle

Kannst es ´mal so probieren:

#logobox
{
height: 75px;
}

Dies ist nur ein Beispielwert, musst mit den Angaben etwas variieren.

Zweite Möglichkeit.

Du fügst da, wo du die Schriftfarbe geändert hast, einen Padding-Wert ein.
Dieser regelt den Innenabstand des DIV-Bereiches.

Nur als Beispiel.:
#logobox .sitetitle
{
padding: 10px;
}

Aber zusätzlich zu den bereits vorhandenen Werten.
Nicht nochmals!!

Studier hier mal diese Seite: http://www.css4you.de/

Das Script für die Statusleiste fügst du in den Header-Bereich der Index-Seite des Templates ein.
Dazu bedarf es des AddonFile-Editors der installiert sein sollte.
http://www.websitebakers.com/pages/admin/admin-tools/addon-file-editor.php?searchresult=1&sstring=addon
Oder aber über FTP.

Am besten nach
"</style>
<![endif]-->"

aber vor "</head>"

Wobei ich mich aber frage, warum der Linkhinweis in der Statusleiste nicht sichtbar sein soll.
Hat dies einen plausiblen Grund?

Was mir noch aufgefallen ist.
Im rechten Block ragt ein Bild über den Bereich hinaus.
Da sollten die Werte des Bildes angepasst werden.

[pepso]

Hallo Herbi,

schön das man jemand kennt der Ahnung hat
Hab alles so gemacht - funktioniert - Danke,Danke.
Mit dem Linkhinweis habe ich noch nicht hin bekommen , ist aber nicht so schlimm.
Versuche es später nochmal.
Das soll es erst mal gewesen sein.
Sollte ich dann mal wieder Hilfe brauche, kontaktiere ich Dich wieder - wenn ich darf

LG.
Pepso

[herbi]

Hi,

...Linkhinweis habe ich noch nicht hin bekommen ...

Das Script muss in den Header der "index.php" eingefügt werden.
Vor dem schliessenden Tag "</header>".

Beim Script muss natürlich noch das...

window.status ="www.ihre-seite.de"; Hier solltest du deine Webadresse reinschreiben.

...geändert werden.
Ob es funzt habe ich aber nicht ausprobiert!!!

...Hilfe brauche, kontaktiere ich Dich wieder ...

Kein Problem...  

[pepso]

Hallo Herbi,

da bin ich schon wieder.
Habe doch noch eine Frage.
Kann man das Template irgendwie mittig ausrichten?
Da ist rechts ein grauer Streifen - bekommt man den weg.
Vielleicht hast Du noch ne Idee.

LG.
Pepso

[herbi]

Hi,

um deine Seite zu zentrieren ist folgendes notwendig:

Diesen Code musst du in die main.css schreiben.
 
body { text-align: center; }
#aussen { margin: auto; width: 800px; }

Achtung!! Das "#aussen" muss nicht zwangsläufig so genannt werden, sondern kann auch "wrapper" oder sonst wie heißen.

Die Weitenangabe "width:800px" ist nur ein Beispielwert.

Dein Quellcode sollte nun so aussehen...
<body>
<div id="aussen">
<!-- hier der Inhalt -->
</div>
</body>
</html>

Schreibe bitte noch einmal deinen Link zu deiner Seite mit rein.
Habe diesen nicht mehr.

[pepso]

Hallo Herbi,

http://www.kfl.m1d.de/

grauer Rand ist nun weg.
Die beige Hintergrundfarbe vom Block 2 + 3 aber auch.
Und die Seite selbst ist auch noch nicht mittig.

LG.
Bernd

[dbs]

dir fehlt noch das was herbi zu #aussen  und <div id="aussen"> schrieb.

[pepso]

Hallo dbs

schön das mir noch jemand helfen will.

folgendes habe ich in der main.css eingetragen:

body { text-align: center; }
#aussen { margin: auto; width: 800px; }

Wo und an welcher Stelle muss ich das eintragen?

<body>
<div id="aussen">
<!-- hier der Inhalt -->
</div>
</body>
</html>

LG.
Pepso

[dbs]

das kommt in die index.php deines templates.
dort findest du <head> und <body>

nach/unter <body> fügst du die zeile hinzu:

Code:

<div id="aussen">

und fast ganz unten vor/über </body> kommt das hin:

Code:

</div>

[herbi]

Hi,

@dbs

dir fehlt noch das was herbi zu #aussen  und <div id="aussen"> schrieb.

Danke

Hallo pepso,

mache es so wie dbs geschrieben hat.

Da ich den Link nicht mehr hatte, konnte ich nicht nachsehen, ob es nicht schon einen definierten Wrapper oder äußeren DIV-Container gab.

Sollte es nicht klappen, so kannst du mir evtl. einen temporären Zugang einrichten und per PM die Daten an mich senden.
So könnte ich mal darauf schauen.

Gruß aus dem Frankenländle  

ps.: Noch ein Tip hinterher. Wie wär´s für deine News auf der Startseite, wo die Veranstaltungen stehen, wenn du das News-Modul verwenden würdest. Könntest dir eine Menge Arbeit mit den Tabellen ersparen.
   

[herbi]

Hallo Pepso,

nimm ´mal die Werte wieder raus.
Damit erst einmal wieder der Urzustand hergestellt ist.

So wie du diese in die CSS geschrieben hast, können diese nicht wirken.  

Da es in der main.css schon einen "body-tag" gibt, hätte dieser Tag um den Wert nur da ergänzt werden müssen.
Ohne klammern, nur "text-align:center".

Der DIV "#aussen" stimmt so.
Muss nur noch in der Index, so wie von dbs beschrieben, eingefügt werden.

Aber, keine Bange.
Ich habe mir das Template auf meinem Localhost installiert und werde es ausprobieren.

So ein Template, mit diesem Aufbau, habe ich so noch nicht gesehen.
Ich werde es mal in seine Bestandteile zerlegen, damit ich weis was, wie und wo reagiert.

Gestern hatte ich den "#aussen" mal probiert, dieser zeigte überhaupt keine Wirklung.
Dem zu Folge muss eine Einstellung vorhanden sein, das dies verhindert. Dies muss ich erst suchen und finden.
Es kann auch das Hintergrundbild sein, oder eine der Boxen usw. und sofort.

Also, habe Geduld.
"Hier werden Sie geholfen".    

[dbs]

Ist auch schwer mit Firebug was zu erreichen. Komische Sache. 
Die editor.css sollte wohl raus aus dem head.

[pepso]

Hallo Leute,

merci und tausend Dank wieder einmal für die tolle Hilfe.
Konnte gestern leider nicht mehr posten.
Die Einträge in die Index haben nichts bewirkt, da habe ich sie wieder raus genommen.
Die Einträge in die Main haben zwar die Seite breiter gemacht, dann war aber die Farbe weg.
Habe Herbis Rat, den Urzustand wieder herzustellen, vollzogen.
Ich warte nun geduldig, bis Ihr mir weiterhelfen könnt.

bis bald
Pepso

[herbi]

Hallo Pepso,

habe eben mal das Template zerlegt.

Das Problem, dass der Wrapper bzw. der DIV "aussen" nicht wirken, ist das Hintergrundbild.
Dies ist 1265px breit und 23 px hoch und wird nach unten wiederholt.

Des Weiteren sind die Boxen mit absoluten Werten fixiert.

Man müsste das gesamte Template umschreiben, damit dies alles in der Bildschirmmitte zentriert ist.

Vielleicht gibt es ja die Möglichkeit eines ähnlichen Templates das die Grundvoraussetzunge n, mittig, erfüllt.
Schau mal hier nach
http://websitebaker.at/wb-templates/
Chio hat ein reichhaltiges Angebot.

Schau erst mal bei Chio nach.

Wenn ich eine andere Möglichkeit, für das bestehende Template finde, melde ich mich bei dir.

[pepso]

Hallo Herbi,

dieses Template stammt von Chio.
Hat mir sehr gut gefallen.
Ich geh nochmal auf die Suche.

nach 20 Min. später ------

Hab mal alles so durchgeschaut.
Es sind ja ganz tolle Sache dabei - aber anfreunden kann ich mich im Moment nicht so richtig.

Bis bald.
Pepso

[herbi]

Hallo Pepso,

im Anhang ist "dein" überarbeitetes Template.

Installier es und gebe Bescheid.

Die Farben, die eingestellt sind, sind nur so eingestellt, dass du weißt was wo ist.  
Die Hintergrundgrafik habe ich ´mal weg gelassen.
Solltest du eine benötigen, so kann die Vorhandene evtl. angepasst werden.
Aber, ich denke, dass dann die Dimensionen nicht mehr stimmen.

Weiter, es wurden auch Werte verändert für den Content, für das Logo, für das Menu und die Brotkrumen, so wie für die rechte Box.

Diese Lösung habe ich aus einem Yaml-Template von mir.

Da wurden, um auch die Wirkung für den IE zu berücksichtigen, zwei zusätzliche Div eingefügt.
Einmal "pagemargins" und "page".
Darin befinden sich die Div´s deines Templates.

Bei mir wird das Template zentriert im FF und im IE dargestellt.

Die Mindestbreite ist nun 740px und die Maximale sind 85em;
Wenn du den Wert in der main.css für den Maximalen-Wert änderst, z.B. erhöhst auf 90em, so wird der blaue, sichtbare Rand kleiner. Analog dazu größer.

Probier es einfach mal aus.

Deinstalliere dir das Original in einen seperaten Ordner und installiere das von mir geänderte.

[pepso]

Hallo Herbi,

das ist ja absolute Spitze.
Habe das ganze mal in einen neuen Ordner installiert und schon angepasst.
Einfach super - ich bin Happy.
Neue Url: http://www.kfl1.m1d.de/
Werde mich dann mal an die Gestaltung wagen.
Kannst ja ab und zu mal drüber schauen - wenn Du magst

LG.
Pepso

[herbi]

Freut mich,

beim jetzigen Stand müssen die "margin-left"-Werte verändert werden.
Für die Contentbox, das Menu und der Brotkrumennavi, so wie der LogoBox.
Dazu einfach die Werte verringern.

Die Div´s sollten so nach links rutschen.

Bei der Logobox kannst du mit den Padding-Werten etwas spielen.
Damit die Überschrift genau passt.

Übrigens, wenn du FireFox hast, benutze den.
Installiere dir das Addon FireBug.

So kannst deine Seite genau untersuchen und sehen wo die DIV´s sind.
Diese werden mit FF hervorgehoben.

Mach diese mal.
So lernst du dein Template kennen.