WinFuture-Forum.de: Transparente Buttons Erstellen - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Transparente Buttons Erstellen


#1 Mitglied ist offline   Scary674 

  • Gruppe: aktive Mitglieder
  • Beiträge: 622
  • Beigetreten: 31. August 02
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Berlin

geschrieben 09. Januar 2007 - 09:38

hallo zusammen.
bastel derzeit mal wieder an einer hp. auf der seite ekiwi.de hab ich mir buttons erstellt für die seite. sie liegen im png format vor.um die buttons selber rum ist mehr oder weniger ein weißer hintergrund, sprich keine transparenz. das weiße passt nun nicht zum background meiner hp. meine frage ist nun wie bekomme ich diesen weißen bereich transparent? hab schon versucht mit verschiedenen konvertern und in gif abspeichern, aber irgendwie klappt das nicht. und selbst photoshop macht da irgendwie nicht so ganz mit.

wäre für jeden rat dankbar

greez Scary
Eingefügtes Bild
0

Anzeige



#2 Mitglied ist offline   tavoc 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.446
  • Beigetreten: 22. Juli 04
  • Reputation: 1
  • Geschlecht:Männlich

geschrieben 09. Januar 2007 - 14:34

schneid entweder den rand weg oder definiere weiß als transparente farbe
your IP is 127.0.0.1 or ::1
you are running an OS
you use a Browser
I know so much about you...
0

#3 Mitglied ist offline   intoxication 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.763
  • Beigetreten: 26. März 05
  • Reputation: 3
  • Geschlecht:Männlich

geschrieben 09. Januar 2007 - 20:46

has du photoshop?

markier einfach alles aus deinem bild (strg+a)
mach neues bild(die richte auflösung ist automatisch gewählt aus der zwischenablage), wähle aber transparent.
dann mim zauberstab weiße stellen markieren und entf drücken.
dann als png abspeichern, fertig.


Angehängtes Bild: Unbenannt.JPG

Dieser Beitrag wurde von intoxication bearbeitet: 09. Januar 2007 - 20:49

seit 20.08 nicht mehr so aktiv
.:| Intel Core 2 Duo E6300 @ 3GHz | Asus P5B-E P965/ICH8R | Mdt 3GB Dual Pc2-6400 | Palit 9600gt 512MB |:.

Eingefügtes Bild
Eingefügtes Bild
0

#4 Mitglied ist offline   Kirill 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.590
  • Beigetreten: 04. Dezember 06
  • Reputation: 121
  • Geschlecht:Männlich
  • Wohnort:BT

geschrieben 19. März 2007 - 12:31

Anderer Vorschlag mit Paint.NET. Das ist umsonst und hat einen Arbeitsschritt weniger.

1. Datei öffnen
2. Das was weg muss, markieren und löschen (Zauberstab)
3. Abspeichern
Most rethrashing{
DiskCache=AllocateMemory(GetTotalAmountOfAvailableMemory);}
0

#5 Mitglied ist offline   Fireblade310 

  • Gruppe: aktive Mitglieder
  • Beiträge: 939
  • Beigetreten: 27. Mai 06
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Dahoam
  • Interessen:www.fireblade310.de ;-)

geschrieben 19. März 2007 - 12:48

Du musst es aber dann als .gif abspeichern, weil der IE keine transparenten .png bilder kann...des können nur firefox und opera...
Eingefügtes Bild
0

#6 Mitglied ist offline   Gitarremann 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.263
  • Beigetreten: 04. Juni 06
  • Reputation: 3
  • Geschlecht:Männlich
  • Wohnort:Trebnitz

geschrieben 19. März 2007 - 12:54

und drauf achten, dass man "richtig" transparent macht und keine halben sachen, wie bei der alphatransparenz. gif kann nämlich nur richtig transparent oder gar nicht und wenn das so halbtransparent ist, sieht das im ergebnis ausgefranst aus. alphatransparenz geht nur bei png und da tut sich, wie schon beschrieben, der internet explorer ein bißchen schwer mit. (ich glaub der 7er kann es aber inzwiwschen.)
Der Pessimist sagt: "Das Glas ist halb leer,"
Der Optimist sagt: "Das Glas ist halb voll."
Der Realist sagt: "Bedienung, zwei Neue!"
0

#7 Mitglied ist offline   Kirill 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.590
  • Beigetreten: 04. Dezember 06
  • Reputation: 121
  • Geschlecht:Männlich
  • Wohnort:BT

geschrieben 19. März 2007 - 12:55

Seit ein paar Monaten ist IE7 raus und der frisst PNG-Transparenz.
Ich verwend bei meiner HP PNG-Transparenz und noch hat sich keiner beschwert.
Most rethrashing{
DiskCache=AllocateMemory(GetTotalAmountOfAvailableMemory);}
0

#8 Mitglied ist offline   Nigg 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.344
  • Beigetreten: 19. Mai 04
  • Reputation: 14
  • Geschlecht:Männlich

geschrieben 19. März 2007 - 12:59

Der IE5/6 kann das schon, wenn man es ihm beibringt :angry:
npm - nginx php mysql

Wenn dir kalt is, geh in eine Ecke, da sind meist 90°
0

#9 Mitglied ist offline   Gitarremann 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.263
  • Beigetreten: 04. Juni 06
  • Reputation: 3
  • Geschlecht:Männlich
  • Wohnort:Trebnitz

geschrieben 19. März 2007 - 13:13

Beitrag anzeigenZitat (Kirill: 19.03.2007, 12:55)

Ich verwend bei meiner HP PNG-Transparenz und noch hat sich keiner beschwert.


ja wie denn auch? wenn ich kein bild an einer stelle sehe wo ich auch gar nicht weiß, dass da eins sein soll, dann weiß ich ja auch gar nicht, dass ich meckern muß und wenn ich immer mit nem browser surfe, der keine alpha transparenz kann, dann kenne ich das ja auch gar nicht anders und weiß gar nicht, wie es aussehen müßte. also beschwere ich mich auch nicht. wenn ich mit dem firefox surfe und sehe es richtig und gucke mir dann ne seite im ie6 an und sehe es falsch, dann denk ich für mich auch nur. "typisch ie - kann mal wieder nix" oder so ähnlich aber beschwere mich ja nicht beim seitenersteller. wo sollten da also beschwerden herkommen?
Der Pessimist sagt: "Das Glas ist halb leer,"
Der Optimist sagt: "Das Glas ist halb voll."
Der Realist sagt: "Bedienung, zwei Neue!"
0

#10 Mitglied ist offline   Kirill 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.590
  • Beigetreten: 04. Dezember 06
  • Reputation: 121
  • Geschlecht:Männlich
  • Wohnort:BT

geschrieben 19. März 2007 - 13:18

Bilder sind da schon.
Ausserdem, noch ein Grund, transparante PNGs zu verwenden.

@Nigg: wie?
Most rethrashing{
DiskCache=AllocateMemory(GetTotalAmountOfAvailableMemory);}
0

#11 Mitglied ist offline   Nigg 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.344
  • Beigetreten: 19. Mai 04
  • Reputation: 14
  • Geschlecht:Männlich

geschrieben 19. März 2007 - 13:35

Es gibt mehrere Möglichkeiten:

http://koivi.com/ie-png-transparency/
http://webfx.eae.net...ngbehavior.html

Funktionieren hervorragend.

Es gibt auch noch Methoden mit CSS, Google spuckt schnell was aus :angry:

Dieser Beitrag wurde von Nigg bearbeitet: 19. März 2007 - 13:42

npm - nginx php mysql

Wenn dir kalt is, geh in eine Ecke, da sind meist 90°
0

#12 Mitglied ist offline   N1truX 

  • Gruppe: aktive Mitglieder
  • Beiträge: 2.823
  • Beigetreten: 06. Juli 06
  • Reputation: 2
  • Geschlecht:Männlich
  • Wohnort:Berlin
  • Interessen:Bei WF vorbeischauen, Webprogrammierung, mit Freunden treffen oder irgendwas anderes...

geschrieben 19. März 2007 - 21:27

Oder mach einfach das mit Pngs und leite alle mit dem IE 6 und älter um
PC: AMD FX-8150 | Sapphire Radeon HD 5770 @OC-Bios | GA-990XA-UD3 - 4x4 GB DDR3-2133 | OCZ Agility II 128 GiB SSD (OS) & 10 TB-Storage-Server | Win7 Professional x64
NB: Sony Vaio VPCYB16 - AMD Fusion E-350 - 1x4 GiB Kingston DDR3-1333 - 64 GiB Super*Talent SSD
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0