pragmaMx Support Forum

pragmaMx => Themes & Design => Thema gestartet von: dittsche in 13 Mai 2010, 00:39:13

Titel: Logo in isometric
Beitrag von: dittsche in 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:

<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
Titel: Re: Logo in isometric
Beitrag von: GeeLoo in 13 Mai 2010, 07:18:21
Schonmal mit F5 und Cache leeren Probiert ?
Titel: Re: Logo in isometric
Beitrag von: dittsche in 13 Mai 2010, 11:23:43
Ja habe ich, schon mehrmals
Titel: Re: Logo in isometric
Beitrag von: GeeLoo in 13 Mai 2010, 11:42:25
schau mal PM
Titel: Re: Logo in isometric
Beitrag von: GeeLoo in 13 Mai 2010, 12:38:13
Problem erkannt Problem gebannt :D
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.
Titel: Re: Logo in isometric
Beitrag von: SvenW in 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:


<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:


#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...