Logo in isometric

dittsche · 13 Mai 2010, 00:39:13

Hallo,

ich muß nochmal nerven.

Ich bastel jetzt schon seit Stunden daran rum in meinen Isometric Theme im Header ein Logo einzubauen.
Es soll dafür der Seitentitel und der Slogan raus.

Ich benutze als HTML Editor Go Live CS.
Dort in der Vorschau ist das logo drin. Wenn ich es der FTP rüberziehe fehlt das Logo, obwohl die Struktur gleich ist.
Meine index.html sieht im Header zur Zeit so aus:

Code Auswählen

<head>
    <title>isometric @ yaml</title>
       <p align="left"><img src="images/jade_bazi.jpg" width="100" height="80" border="0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <link type="text/css" href="style/style.css" rel="StyleSheet" />
    <link type="text/css" href="style/news.css" rel="StyleSheet" />
 
<!-- START more_header -->
<!--[if lte IE 7]>
  <link href="style/patches/patch_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lte IE 6]>
  <link href="style/patches/patch_ie_old.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!-- 
  Design by Free CSS Templates, http://www.freecsstemplates.org
  Layout based on YAML, http://www.yaml.de
-->
<!-- END more_header -->
  </head>

die jpg Datei liegt einmal im Ordner
Root/Images
und
/themes/isometric/images

Aber auf meiner Seite ist nichts zu sehen.
Was mache ich falsch?

DANKE
Stefan

GeeLoo · 13 Mai 2010, 07:18:21

Schonmal mit F5 und Cache leeren Probiert ?

dittsche · 13 Mai 2010, 11:23:43

Ja habe ich, schon mehrmals

GeeLoo · 13 Mai 2010, 11:42:25

schau mal PM

GeeLoo · 13 Mai 2010, 12:38:13

Problem erkannt Problem gebannt

in der Index.html

Nach:
<body class="bodymain">
folgendes einfügen:
<div style="background-image:url(images/beispiel.jpg); background-repeat:no-repeat;">

dann VOR:
</body>
dies einfügen:
</div>

Bild wird in den images Ordner des Themes gespeichert oder den Bildpfad anpassen.
fertig.

SvenW · 13 Mai 2010, 14:22:24

Ich würde versuchen den vorhandenen h1 Tag einfach anzupassen und nur den Platzhalter "{PAGE_TITLE}" entfernen.
Dann hat man auch noch die Möglichkeit den Link mit der Grafik zu verbinden.

In der index.html würde die Änderung in etwa so ausschauen:

Code Auswählen


<h1><a href="./" title="{_THEME_GOTOHOME}"><img src="images/img2.gif" width="100" height="37" style="border:none" /></img></a></h1>

Dann noch das CSS vom h1 Tag in isometric\style\header.css anpassen.

Schaut in etwa so aus:

Code Auswählen


#header h1 {
	float: left;
	margin: 0 0 0 0;
	padding: 0;		
	width:100px;
	height:80px;
}

Falls der Link nicht erwünscht ist, könnte man auch die Grafik im CSS unterbringen...

Logo in isometric

dittsche

GeeLoo

dittsche

GeeLoo

GeeLoo

SvenW