Transparenz Header

cracker

Hallo Gemeinde.

bräuchte ein wenig Hilfe zum Theme anpassen.
My Brand NEW Miekmeik-Page ;)
Meine Tochter wollte ein Hintergrundbild. Das habe ich hinbekommen.
Jetzt dachte ich, mach einfach bei den Bilder für Header, Footer und Content den schwarzen Rahmen transparent. Gesagt, getan (header). Das Bild hochgeladen, in der header.php den namen des Bildes angepasst *.gif aber wie ihr seht, irgendwas funktioniert nicht wie ich es mir vorgestellt habe. Was müßte ich anpassen um den Rahmen wegzubekommen?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Stay

Ich hatte neulich ein ähnliches Problem.
Kann es sein, das im Header eine Backgroundfarbe ffffff und im Hauptfenster 000000 in der css ist?

cracker

Hi,

weiß nicht genau welche Einstellungen du meinst.

header

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
 <title><?php bloginfo('name');
  if ( is_single() )
   _e('&raquo; Blog Archive');
  wp_title();
 ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<style type="text/css" media="screen">
  /* BEGIN IMAGE CSS */
   /* To accomodate differing install paths of WordPress, images are referred only here,
    and not in the wp-layout.css file. If you prefer to use only CSS for colors and what
    not, then go right ahead and delete the following lines, and the image files. */
  body   { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgcolor.jpg"); }
   #page  { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/jillijbgwide.jpg") repeat-y top; border: none; }
   #header  { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/jillijheader.gif") no-repeat bottom center; }
   #footer  { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/jillijfooter.jpg") no-repeat center;}
   #header  { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }
   #footer  { margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 61px; width: 758px; }
   #headerimg  { margin: 0px 9px 0; height: 192px; width: 740px; }
  /* END IMAGE CSS */
  @import "<?php echo bloginfo('stylesheet_directory'); ?>/style.css";
 </style>
 <!--[if lt IE 7]>
  <style type="text/css" media="screen, tv, projection">
   @import "<?php bloginfo('stylesheet_directory'); ?>/ie.css";
   body { behavior: url("<?php bloginfo('stylesheet_directory'); ?>/code/csshover.htc"); }
  </style>
 <![endif]-->
<?php wp_head(); ?>
</head>
<body>
<div id="page">


<div id="header">
 <div id="headerimg">
  <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
  <div class="description"><?php bloginfo('description'); ?></div>
 </div>
</div>

Alles anzeigen

in der Style.css steht ua dies:

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background-color: #d5d6d7;
color: #333;
text-align: center;
}
#page {
background-color: white;
border: 1px solid #959596;
text-align: left;
}
#header {
background-color: #73a0c5;
}

Annalena

Header anpassen

Hi cracker,
wenn ich Dich recht verstehe, willst du den weißen Rahmen vom Header weg
haben.

Also, ich helfe mir in solchen Dingen so:

Original-Header in Bildbearbeitungsprogramm herunterladen. Und wenn dieser
z.B. im Image-Verzeichnis des Blogs header.jpg heißt, diesen umbenennen in
header-original.jpg.

Dann das in Dein Bearbeitungsprogramm heruntergeladene Headerbild
in der Größe exakt mit dem von Dir gewünschten Bild überlagern, d.h. das
kein Rand mehr zu sehen ist. Dann unter dem Ursprungsnamen abspeichern
und per ftp ins Image-Verzeichnis des Blogs übertragen.

Da der Name ja mit dem bisherigen identisch ist, wird es auch akzeptiert.
Das vorher in header-original.jpg umbenannte Bild ist zur Sicherheit vorhanden. Falls es nicht klappt, kannst Du das neue wieder entfernen und
das Ursprungsbild wieder umbenennen.

Aber es wird klappen.

Übrigens mußt Du Dein angepasstes Bild als jpg (nicht gif) abspeichern, da es sich ja mit dem Ursprung identifizieren muß.

So, falls Du inzwischen nicht eine andere Lösung gefunden hast, versuch es einmal. Liebe Grüße

Annalena

PS. sehe gerade in Deiner header.pgp steht jetzt [COLOR=#000000]"images/jillijheader.gif".
Wenn das Originalbild schon ein gif war, mußt Du es natürlich auch als
gif nach Deiner Bearbeitung abspeichern.
[/COLOR]

telekommander

Korrigiert mich bitte wenn ich was falsches erzähle ...

*.JPG unterstützen keine Transparenz, mit CSS hat das nix zutun.
Und die angesprochene Rahmen, weiss bzw. schwarz, gehört nun mal zum Bild.
Das Header-Bild ist zwar GIF, also evtl. keine Transparenz im Grafikprog. definiert ?

Um Transparenz ins Bild zubekommen steht dir das GIF Format zur Verfügung bzw. PNG.
Mit den PNG Format hat wiederum der IE bis 6.0 so seine Probleme.

cracker

Hallo Annalena,

ursprünglich war das ein jpg-Bild. Hatte nur erhofft, wenn ich den schwarzen Rahmen transparent mache und das Bild als gif abspeichere wäre mein "Problem" behoben.
Jetzt ist es doch aber so, ich kann das bestehende Bild ausschneiden, dann wird es allerdings kleiner. Somit müßte ich doch auch alle Maße anpassen. ich möchte das bestehende headerbild nicht durch ein anderes ersetzen, sondern nur den schwarzen Rand wegbekommen.

cracker

Zitat von telekommander

Korrigiert mich bitte wenn ich was falsches erzähle ...

*.JPG unterstützen keine Transparenz, mit CSS hat das nix zutun.
Und die angesprochene Rahmen, weiss bzw. schwarz, gehört nun mal zum Bild.
Das Header-Bild ist zwar GIF, also evtl. keine Transparenz im Grafikprog. definiert ?

Um Transparenz ins Bild zubekommen steht dir das GIF Format zur Verfügung bzw. PNG.
Mit den PNG Format hat wiederum der IE bis 6.0 so seine Probleme.

Alles anzeigen

Hallo,

jpg / keine Transparenz - auch meine Information. Aus diesem Grund habe ich das Bild ja im gif-Format abgespeichert. Funktioniert aber auch nicht. Muss also versuchen die Bilder ohne den schwarzen rand in exakter größe zu bekommen. Dann habe ich wiederum das Problem mit den Radien.

Weiß jemand wo ich was ändern muß um den oberen Rand und den unteren wegzubekommen. Das also die Site direkt oben und unten anliegt.
So wie hier: Ist zwar meine Page aber ich weiß nicht mehr was ich da geändert habe...:oops:

</title> <meta name="generator" content="WordPress 2.2" /> <link rel="stylesheet" href="http://www.paul-robert.de/wordpress/wp-content/themes/jillij/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="

Annalena

Hallo cracker,

Dein Bild ist doch innerhalb des Randes. Ich werde es jetzt einfach mal bei
mir bearbeiten und Dir rüberschicken. Aber bitte, benenne bevor Du meins reingibst Dein Original um, damit Du es - falls es nicht klappt, wieder rückgängig machen kannst.

Welches Theme benutzt Du?
Wie genau lautete der Name des Originalbildes?

Danke
Annalena

nadine12345

Ich weiß jetzt nicht ganz genau ob ich hier alles richtig verstanden habe:

cracker... ein Bild im GIF Format zu speichern, heißt nicht automatisch, dass es transparent ist.

Vielleicht bringt es dich weiter...

Annalena

cracker
Also, schau mal auf Was macht unsere Linda....

Lade Dir Dein Headerbild herunter und versuche es. Habe allerdings
auf die runden Ecken verzichtet. Wenn Du sie trotzdem unbedingt
möchtest, kümmere ich mich nochmals drum. Dauert dann etwas länger, da ich mehr Zeit dazu brauche,

Annalena

PS. Bitté bald machen, damit ich meine Startseite wieder herstellen kann.
danke.

cracker

nadine
Stimmt, allerdings mehr als explizit im Speichernfenster Transparenz anzugeben kann ich nicht.

Für meine Tochte habe ich das "theme_killercup_jillij" verwendet.

Annalena

cracker

Noch etwas, falls Du Deine Einträge in gif geändert hattest, mußt Du ggf.
den Ursprungszustand wieder herstellen, sonst kann es nicht klappen, oder
ich speichere Dir das neue, größere Headerbild mal in gif ab. Sag Bescheid.

Annalena

cracker

ne das ist egal, ich habe nur den Header-Namen geändert und den kann ich ja wieder rücksetzen.
Allerdings, was ist mit dem Radius an den "Ecken"?
Ich muß jetzt leider weg, habe einen Termin.

Aber das mit der Transparenz müßte doch auch gehen..........

Annalena

cracker, also, melde Dich mal, wenn Du wieder da bist, nehme dann jetzt
meine pics erst einmal wieder raus. Dann können wir nachher nochmals
schauen. Wann ungefahr bist Du wieder hier vor Ort?

Annalena

cracker

Wie, du nimmst deine pics wieder raus? Die, die ich verwende habe ich oben anghehängt.
Kannst sie mir ja per Mail schicken. Möchte aber nicht, das du da einen riesen Aufwand reinsteckst!
Muß auf eine Besprechung, die wird wohl bis 15:00 Uhr dauern...ca.....

Annalena

cracker
Dann sag mir bitte Deine email-Adresse

2. Würde es Dir reichen, wenn der schwarze Rand überall weiß ist?

Annalena

cracker

Also die runden Ecken wäre schon schön...wobei, ist die Seite meiner Tochter...:twisted:

Bist du das? Ich sehe ein altes haus und eine hübsche Frau...kein headerbild....

cracker

Zitat von Annalena

cracker
Dann sag mir bitte Deine email-Adresse

2. Würde es Dir reichen, wenn der schwarze Rand überall weiß ist?

Annalena

Habe ich dir als PM geschickt, muß jetzt aber weg, sonst krieg ich ein paar auf die Ohren

Hmm...weiß kann ich auch...

Annalena

Sie haben Post - hab Dir die email geschickt.

Das Headerbild kannste nicht mehr sehen, habe ich wieder entfernt
Bis denne
Annalena

cracker

Dankeschön! Weiß nicht ob ich heute noch dazukomme, spätestens morgen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Transparenz Header

Jetzt mitmachen!