Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag23.08.2008 um 22:00 (UTC)    
Titel: Transparentes gif hinter Text

Hallo an alle.

Ich habe versucht, hinter meinen Text ein transparentes gif zu machen. Leider wird das gif aber nichtz transparent angezeigt. Im Quelltext haben eine Freundin und ich gesehen, dass die originalen Bilddateien vom Design Iceblue noch vorhanden sind.
Kann man diese irgendwie löschen, denn momentan wird deswegen mein Hintergund nicht transparent angezeigt.
Es geht um folgenden Eintrag im Quelltext:
<td height="100" align="left" valign="top" background="http://img.webme.com/designs/iceblue/images/cont2_bg.gif" class="edit_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
Würde mich sehr über Hilfe freuen.
Noch zur Erklärung, das Bild hinter meinem Text besteht eigentlich aus transparenten Caros, also der Hintergrund sollte eigentlich durscheinen.

Vielen Dank im Voraus.

Gruß Anna
______________
Gruß Anna


Zuletzt bearbeitet von snakehome am 24.08.2008, 18:51, insgesamt einmal bearbeitet
Beitrag23.08.2008 um 22:17 (UTC)    
Titel:

Füg mal diesen Code ein:
Zitat:
<style type="text/css">
<!--
body {background-image:url(http://s4.directupload.net/images/080810/3nbfbj9i.jpg);background-repeat:no-repeat;background-attachment: fixed;width:99%;}
td.edit_content{background-image:url(http://img.webme.com/pic/s/snakehome/trans.gif);}
td.edit_content_bottom {background-image:url(URL); height:0px}
td.edit_rechts_sbg {background-image: url();visibility: hidden;position: absolute;right: 0px;}
td.edit_navi_headbg {background-image:url(URL);}
td.edit_below_nav {background-image:url(URL);}
td.edit_rechts_bottom {background-image:url(URL);}
td.edit_below_nav {visibility: hidden; height:0px;}
td.edit_content_top {background-image:url(URL);}
td.edit_rb_footer {background-image:url(URL);}
td.edit_rechts_cbg {background-image:url(URL);}
td.nav {background-image:url();}
td.nav_heading {color: #000000;background-image:url();}
td.sidebar_heading {color: #000000;background-image:url();}
td.nav a {font-size:14px;}
td.sidebar_heading {font-size:18px;font-style:italic; text-decoration:underline;}
td.edit_content_bottom2 {background-image:url();}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5{visibility: hidden; width: 0px ;}
td.headline2{;visibility: hidden;}
td.edit_navi_headbg,td.edit_navi_headbg table,td.nav_heading{margin-top:60px;}
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{background-position:center;background-repeat:no-repeat; height:115px}
td.edit_header_full table{ width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width: 100%}
-->
</style>
Ich habe dir mal den Code geordnet,
denn im anderem Code sind ein paar Stellen unnötig.

Aber wie meinst du das genau mit dem durchsichtig?
Dieses eine Bild entspricht der Klasse td.edit_content und die ist mit einem Bild überdeckt.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag23.08.2008 um 22:33 (UTC)    
Titel:

Ich möchte das so haben wie hier: http://www.schlangen.seriva-senkalora.de
Also ich möchte eine *.gif die aus einem Schachbrett von transparenten und farbigen Pixeln besteht als Hintergrund in meine Textbox einfügen, so dass man dort die Hintergrundgrafik durchscheinen sieht.

Leider funktioniert das aber nicht, wie man auf meiner Seite sehen kann.

Ausserdem würde ich gerne das komplette Textfeld weiter nach rechts verschieben, da es mir zu nahe an meiner Navigation dran ist.
Gibt es da einen Code?
______________
Gruß Anna
Beitrag23.08.2008 um 22:46 (UTC)    
Titel:

Ah, hab verstanden! Wink
Also das mit dem verschieben des Textfeldes hab Ich nicht hinbekommen,
aber jetzt ist das Textfeld 1/4 transparent.
Zitat:
<style type="text/css">
<!--
body {background-image:url(http://s4.directupload.net/images/080810/3nbfbj9i.jpg);background-repeat:no-repeat;background-attachment: fixed;}
td.edit_content{background-image:url(http://img.webme.com/pic/s/snakehome/trans.gif);-moz-opacity: 0.75;filter: alpha(opacity=75);opacity: 0.75;}
td.edit_content_bottom {background-image:url(URL); height:0px}
td.edit_rechts_sbg {background-image: url();visibility: hidden;position: absolute;right: 0px;}
td.edit_navi_headbg {background-image:url(URL);}
td.edit_below_nav {background-image:url(URL);}
td.edit_rechts_bottom {background-image:url(URL);}
td.edit_below_nav {visibility: hidden; height:0px;}
td.edit_content_top {background-image:url(URL);}
td.edit_rb_footer {background-image:url(URL);}
td.edit_rechts_cbg {background-image:url(URL);}
td.nav {background-image:url();}
td.nav_heading {color: #000000;background-image:url();}
td.sidebar_heading {color: #000000;background-image:url();}
td.nav a {font-size:14px;}
td.sidebar_heading {font-size:18px;font-style:italic; text-decoration:underline;}
td.edit_content_bottom2 {background-image:url();}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5{visibility: hidden; width: 0px; display:none;}
td.headline2{;visibility: hidden;}
td.edit_navi_headbg,td.edit_navi_headbg table,td.nav_heading{margin-top:60px;}
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{background-position:center;background-repeat:no-repeat; height:115px}
td.edit_header_full table{ width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width: 100%}
-->
</style>

rot = Das ist der Wert für 75% des Bildes anzeigen zu lassen.

mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag23.08.2008 um 22:50 (UTC)    
Titel:

Hallo,

schon mal vielen Dank, aber leider sind nun auch der Text und die Bilder transparent.
Textfeld habe ich verschoben bekommen.
Warum ist das mit den Bildern und dem Text nun auch so?
______________
Gruß Anna
Beitrag23.08.2008 um 22:52 (UTC)    
Titel:

Anders ist es leider nicht möglich,
dann musst du das Bild im Bildbearbeitungs
Programm leicht transparent machen! Wink
Am besten geht das mit Paint.NET.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag23.08.2008 um 22:55 (UTC)    
Titel:

Das Bild besteht aus einem Schachbrett von transparenten und farbigen Pixeln. Es verfügt also über eine Transparenz von 50%.
Genau das ist ja mein Problem.
Hier der Link zu dem Bild:
http://img.webme.com/pic/s/snakehome/transhell.gif
______________
Gruß Anna
Beitrag23.08.2008 um 23:00 (UTC)    
Titel:

Ok, wir haben es geschafft, lag am Bild.
Weißt du zufällig, ob man den Header verschieben kann? Also nicht nur center, rechts oder links, sondern dahin, wo man ihn haben möchte?
______________
Gruß Anna
Beitrag23.08.2008 um 23:02 (UTC)    
Titel:

Wo willst du denn den Header genau haben?
Denn vielleicht liegt das auch an etwas anderes! Wink

mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag23.08.2008 um 23:06 (UTC)    
Titel:

Ich habe das Textfeld ja nach rechts verschoben, damit es nicht mehr so nah an der Navigation sitzt.
Jetzt hätte ich den Header gerne zentriert über der Textbox.
______________
Gruß Anna
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de