Trouble using transparent gif in a PVII Menu Magic 2 submenu

I am using PVII Menu Magic 2 to build a menu system that is
image based. The submenu images have transparent backgrounds. When
inserted into the menu, however, they display with a blue or black
background. See attached page for a sample, under the "What's Hot"
link here:
http://www.annaknowsnails.com/WD/Artificial.htm
I didn't have any luck searching PVII's KB or the Dreamweaver
KB. I thought I'd ask here before emailing them directly. I'm not
sur if I goofed something (very likely) or this extension pack just
isn't compatible with transparent submenu images. If you have any
ideas, I'd appreciate it.
Thank you!
Rebekah Schmitt
http://www.annaknowsnails.com/WD/Artificial.htm

It is best to mail us directly or to post on our news server.
The
image-based style sheet, per the user guide, assumes you are
using images
for just the root level. For the sub-levels you would need to
make some
mods.
Remove the background color here:
.p7PMMv10 ul ul li {
background-image: none;
background-color: #27B6D4;
margin-bottom: 0px;
Remove padding, background color and borders here:
.p7PMMv10 ul ul a {
padding: 5px 12px;
color: #000 !important;
text-align: left;
background-color: #27B6D4;
border-top: 1px solid #43C1DC;
border-right: 1px solid #229DB7;
border-bottom: 1px solid #229DB7;
border-left: 1px solid #43C1DC;
Remove background color here:
.p7PMMv10 ul ul a:hover {
background-color: #000 !important;
color: #FFF !important;
background-image: none;
You might also want to validate your page.
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/pop
The Ultimate DW Menu System
"kalwebs" <[email protected]> wrote in
message
news:gnvb0r$g15$[email protected]..
>I am using PVII Menu Magic 2 to build a menu system that
is image based.
>The
> submenu images have transparent backgrounds. When
inserted into the menu,
> however, they display with a blue or black background.
See attached page
> for a
> sample, under the "What's Hot" link here:
>
http://www.annaknowsnails.com/WD/Artificial.htm
>
> I didn't have any luck searching PVII's KB or the
Dreamweaver KB. I
> thought
> I'd ask here before emailing them directly. I'm not sur
if I goofed
> something
> (very likely) or this extension pack just isn't
compatible with
> transparent
> submenu images. If you have any ideas, I'd appreciate
it.
>
> Thank you!
>
> Rebekah Schmitt
http://www.annaknowsnails.com/WD/Artificial.htm
>

Similar Messages

Trouble buffering transparent gif

I've been working on a fairly simple interface that allows multiple people to use sprites and walk around in a room conected through the internet. I've been having lots of the normal trouble with flickering but I had solved it with buffering. As soon as I started trying to use a transparent gif as the sprite the flickering returned. Here I have greatly simplified my program to basicaly just show the flickering after you hit connect so there is a lot of stuff that was used in the full version but is pointless here. If you make "sprite.gif" a normal gif there is no problem, but when its transparent there is noticeable flickering. Does anyone know why this happens?
import javax.swing.*;
import java.io.PrintWriter;
import java.net.Socket;
import java.net.URL;
import java.awt.*;
import java.awt.event.*;
import java.io.BufferedInputStream;
import java.io.ObjectInputStream;
public class GifDisplay extends JPanel implements ActionListener {
    JTextArea topTextArea;
    Color m_clrBg = new Color(0, 0, 100);
    static JTextArea bottomTextArea;
    JButton button1, button2;
    final static String newline = "\n";
    static JTextField namef, input_text; // Textfields
    Button display_button; // Display button
    static JLabel message, input_label, output_label; // Labels for textfields
    String out_string;
    static JButton button;
    static Image image, image1, image2, image3, image4, image5, image6;
    static JTextArea textArea, online;
    static int start, start2;
    static Color squareColor; // The color of the square.
    int squareTop, squareLeft; // Coordinates of top-left corner of square.
    boolean focussed = false; // True when this applet has input focus.
    static boolean init = false;
    static DisplayPanel canvas; // The drawing surface on which the applet draws,
    // belonging to a nested class DisplayPanel, which
    // is defined below.
    Image m_imgOffScr = null; // Image for off-screen drawing -- "back buffer"
    Graphics m_gOffScr = null; // Graphics drawing interface to offscr image
    public GifDisplay() {
        super(new GridBagLayout());
        GridBagLayout gridbag = (GridBagLayout) getLayout();
        GridBagConstraints c = new GridBagConstraints();
        message = new JLabel("Enter Name:");
        gridbag.setConstraints(message, c);
        add(message);
        c.weightx = 1;
        c.ipadx = 250;
        namef = new JTextField(15);
        namef.setEditable(false);
        namef.setForeground(Color.BLACK);
        gridbag.setConstraints(namef, c);
        add(namef, c);
        c.ipadx = 0;
        c.weightx = 0;
        c.ipady = 60;
        c.gridwidth = 2;
        c.gridheight = 2;
        c.gridx = 0;
        c.gridy = 1;
        c.fill = GridBagConstraints.BOTH;
        bottomTextArea = new JTextArea();
        bottomTextArea.setEditable(false);
        JScrollPane bottomScrollPane = new JScrollPane(bottomTextArea);
        gridbag.setConstraints(bottomScrollPane, c);
        add(bottomScrollPane);
        c.ipady = 80; //reset to default
        c.ipadx = 60; //make this component tall
        c.weighty = 1.0;
        c.weightx = .8;
        c.gridwidth = 0;
        c.gridheight = 3;
        c.weighty = 1;
        // c.ipady = 40; //make this component tall
        c.gridx = 3;
        c.gridy = 0;
        online = new JTextArea();
        online.setEditable(false);
        JScrollPane onlinePane = new JScrollPane(online);
        // bottomScrollPane.setPreferredSize(preferredSize);
        gridbag.setConstraints(onlinePane, c);
        add(onlinePane);
        c.weightx = 0.0;
        c.gridwidth = 4;
        c.gridx = 0;
        c.gridy = 3;
        c.weightx = 1;
        c.weighty = 1;
        c.fill = GridBagConstraints.BOTH;
        squareColor = Color.red;
        canvas = new DisplayPanel(); // Create drawing surface and
        canvas.setBackground(Color.white); // Set the background color of the canvas.
        squareTop = canvas.getSize().height - canvas.getSize().height / 10 / 2;
        squareLeft = canvas.getSize().width - canvas.getSize().height / 10 / 2;
        gridbag.setConstraints(canvas, c);
        add(canvas);
        c.fill = GridBagConstraints.NONE;
        c.ipady = 0; //reset to default
        c.weightx = 0;
        c.weighty = 0;
        c.gridwidth = 3;
        c.gridx = 0; //aligned with button 2
        c.gridy = 7; //third row
        c.gridwidth = 1;
        button1 = new JButton("Connect");
        gridbag.setConstraints(button1, c);
        add(button1);
        start = 1;
        button1.addActionListener(this);
        namef.addActionListener(this);
        URL url = this.getClass().getResource("sprite.gif");
        image3 = getToolkit().getImage(url);
        setPreferredSize(new Dimension(500, 500));
    class DisplayPanel extends JPanel {
        public void update(Graphics g) {
            paint(g);
        public void paint(Graphics g) {
            while (Abstract.paint) {}
            if (refresh.buffer1 != null) {
                g.drawImage(Abstract.buffer, 0, 0, this); // Just display the "back" buffer
            } else {
                g.setColor(m_clrBg);
                g.drawRect(0, 0, getSize().width, getSize().height);
            Abstract.paint = true;
    } // end nested class DisplayPanel
    public static void disp(String mes) {
        bottomTextArea.append(mes);
        bottomTextArea.setCaretPosition(bottomTextArea.getDocument().getLength());
        Toolkit.getDefaultToolkit().beep();
    public static void onup(User c[]) {
        online.setText("");
        for (int l = 0; l < c.length; l++) {
            if (c[l].active && c[l].name != null) {
                online.append(c[l].name + newline);
    public static void sen(String h) {
        try {
            PrintWriter os = new PrintWriter(Abstract.soccer().
                                             getOutputStream());
            os.print(h + "\r\n");
            os.flush();
            init = true;
        } catch (java.io.IOException c) {
    public void actionPerformed(ActionEvent e) {
        if (e.getSource().equals(button1)) {
            if (start == 0) {
                start = 1;
                sen(":exit:");
                System.err.println("Exit");
                namef.setEditable(false);
                button1.setText("Connect");
                message.setText("Enter Name:");
            } else {
                start = 0;
                new refresh().start();
                start2 = 0;
     * Create the GUI and show it. For thread safety,
     * this method should be invoked from the
     * event-dispatching thread.
    private static void createAndShowGUI() {
        //Make sure we have nice window decorations.
        JFrame.setDefaultLookAndFeelDecorated(true);
        //Create and set up the window.
        JFrame frame = new JFrame("GifDisplay");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        //Create and set up the content pane.
        JComponent newContentPane = new GifDisplay();
        newContentPane.setOpaque(true); //content panes must be opaque
        frame.setContentPane(newContentPane);
        //Display the window.
        frame.pack();
        frame.setVisible(true);
    public static void main(String[] args) {
        //Schedule a job for the event-dispatching thread:
        //creating and showing this application's GUI.
        javax.swing.SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                createAndShowGUI();
class Abstract {
    static Socket s;
    static int serial;
    static String c[];
    static String name;
    static Image buffer;
    static boolean paint = false;
    static JFrame fra;
    public static Socket soccer() {
        return s;
    public static void soccer(Socket soc) {
        s = soc;
    public static void retu(String a[]) {
        c = a;
    public static void retun(String a) {
        name = a;
    public static void fram(JFrame a) {
        fra = a;
    public static void ser(int a) {
        serial = a;
class refresh extends Thread {
    static int f[][];
    Color m_clrBg = new Color(0, 0, 100);
    static Image buffer1;
    Graphics pad;
    final static String newline = "\n";
    private User m[];
    Image image;
    public void run() {
        int place = Abstract.serial;
        while (true) {
            if (Abstract.paint) {
                painter(place);
                GifDisplay.canvas.repaint();
    public void painter(int place) {
        int width = GifDisplay.canvas.getSize().width; // Width of the applet.
        int height = GifDisplay.canvas.getSize().height; // Height of the applet.
        buffer1 = GifDisplay.canvas.createImage(GifDisplay.canvas.getSize().width,
                                           GifDisplay.canvas.getSize().height);
        pad = buffer1.getGraphics();
            pad.drawImage(GifDisplay.image3, 55, 55,
                          width / 25, height / 25 * 2,
                          GifDisplay.canvas);
        Abstract.buffer = buffer1;
        Abstract.paint = false;
}

Cross post http://forums.java.sun.com/thread.jspa?threadID=637547
� {�

Transparent GIFs no longer supported in iWeb '08 ?

Was happily using transparent GIFs on previous versions of iWeb--they would appear completely blacked out in the media browser and in iPhoto, but when placed in an iWeb page, they maintained their transparency and looked fine.
Now, with iWeb'08, they are just black. Does iWeb '08 no longer support transparency?

Troubleshooting something else with AFP server I checked the com.apple.AppleFileServer.plist preference file and - indeed - there is no longer a specifically set option for SSHTunnel.
Just in case Apple had made it default behaviour, I did attempt an SSH connection from a Tiger machine to a Leopard Server and a warning came up that SSH is not supported on the Leopard server.
Apple seems to be pointing us all towards VPN's in general use - which is a good thing, as they are a snap to install and configure with Leopard Server. This is quite logical since SSH tunneling requires the user to have access to a shell, and the more security conscious administrator won't even allow a login-shell for normal users.
If you do want to use SSH tunneling, it is still possible but you do have to the usual Terminal dance i.e. ssh -L 8548:remotehost:548 username@remotehost and then connect to the remote file server via afp://localhost:8548/.
Generally, AFP over SSH is a kludge anyway, since it relies solely on TCP and is quite laggy and prone to failure. Also, it's quite a resource hog compared to other ways of securing network traffic.

What is it with transparent GIFs and Black????

I'm trying to use transparent gifs in a little game! ;o) as an introduction to graphical java!
Problem is when I load the images using the toolkit and then setting them as say the Icon for a panel, they are surrounded by Black?! In addition when I try to display them using an BufferedImage they are also surrounded by black?!!!
Ive been tearing my hair out trying to understand why - and have sucessfully failed :D
Can anyone help?!
Pleeeeeeeeeeeeease!
Thanks

Can't seem to get that working?!
If I want to put that image as the icon for the whole window how would I do that?
ImageIcon tempIcon = new ImageIcon(Toolkit.getDefaultToolkit().getImage("images/icon.gif"));
f.setIconImage(tempIcon.getImage());where f is a JPanel.
The above code does not work?! I just get the black surround to the gif as before!>?

Pvii pop menu magic problems in ie11

I just installed pvii pop menu magic in dreamweaver. The horizontal menu I created looks great in firefox. It is centered, the corners are rounded an the animation is great.
In internet Explorer the menu is to the left, the edges are not rounded an the animation is minimal. What is going on? How do I fix this.
Here is the htmk code:
<!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>
<meta id="p7PM3" name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="p7pm3/p7PM3-01.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="p7pm3/p7PM3scripts.js"></script>
</head>
<body>
<div id="p7PM3_1" class="p7PM3-01 p7PM3 p7PM3noscript horiz responsive menu-centered rounded auto-subs sub-left justified">
<div id="p7PM3tb_1" class="pmm3-toolbar closed"><a href="#" title="Hide/Show Menu">&equiv;</a></div>
<ul>
    <li><a href="cliffsteele.html">Home</a></li>
    <li><a href="#">Resort</a>
      <ul>
        <li><a href="facilities.html">Our Facility</a></li>
        <li><a href="Kennel.html">Boarding and Daycare</a></li>
        <li><a href="spa.html">Grooming</a></li>
        <li><a href="#">Rates</a></li>
        <li><a href="friendsgallery.html">Our Guests</a></li>
      </ul>
    </li>
    <li><a href="#">Show Handling</a>
      <ul>
        <li><a href="handlinginfo.html">Info</a></li>
        <li><a href="handlingrates.html">Rates</a></li>
        <li><a href="calendar.html">Schedule</a></li>
      </ul>
    </li>
    <li><a href="#">Photo Gallery</a></li>
    <li><a href="aboutme.html">About Me</a></li>
    <li><a href="Contact.html">Contact Me</a></li>
</ul>
<script type="text/javascript">P7_PM3op('p7PM3_1',1,8,-5,-5,0,1,0,1,0,1,1,1,0,900,1,1)</script>
</div>
</body>
</html>
=========================================================================
Here is the CSS:
Pop Menu Magic 3
by Project Seven Development
www.projectseven.com
Style Theme: 01 - Basic
.p7PM3-01 {
line-height: 1;
font-size: 18px;
font-family: "Arial Narrow", Arial, sans-serif;
font-stretch: condensed;
-webkit-transform-style: preserve-3d;
.p7PM3-01.horiz {
padding: 0px 8px;
.pmm3-toolbar {
display: none;
.p7PM3-01 a img {
border: none;
vertical-align: bottom;
.p7PM3-01.menu-centered {
text-align: center;
.p7PM3-01.menu-right {
text-align: right;
.p7PM3-01:after {
content: "\0020";
clear: both;
font-size: 0px;
line-height: 0;
display: inline;
height: 0px;
.p7PM3-01 ul {
margin: 0px;
padding: 0px;
display: inline-block;
vertical-align: bottom;
.p7PM3-01 ul li {
list-style-type: none;
float: left;
position: relative;
.p7PM3-01 ul li a {
display: block;
padding: 12px 18px;
color: #FFF;
text-decoration: none;
background-position: left center;
background-repeat: no-repeat;
background-color: #93A5C4;
.p7PM3-01 ul li a.pm3-link:hover {
background-color: #D6D6D6;
color: #000000;
.p7PM3-01 a.trig_closed {
background-image: url(img/pmm3-right-dark.gif);
.p7PM3-01 ul ul a.trig_closed {
background-image: url(img/pmm3-right-medium.gif);
.p7PM3-01 a.trig_open {
background-image: url(img/pmm3-down-medium.gif);
background-color: #93A5C4;
color: #FFF;
.p7PM3-01 ul ul li a {
border: none;
border-bottom: 1px solid rgba(0,0,0,.8);
color: #FFF;
font-size: 0.9em;
.p7PM3-01 ul ul li:last-child a {
border-bottom: none;
.p7PM3-01 ul ul li a.pm3-link:hover, .p7PM3-01 ul ul li a.trig_open {
background-color: #999999;
color: #FFF;
/*Turn off BG Image for links that are not triggers*/
.p7PM3-01 ul li a.pm3-link, .p7PM3-01 ul li a.pm3-link:hover {
background-image: none;
.p7PM3-01 ul ul {
background: linear-gradient(90deg, rgba(34,34,34,1), rgba(0,0,0,1));
background-color: #93A5C4;
display: block;
text-align: left;
width: 200px;
.p7PM3-01.transparent ul ul {
background: linear-gradient(90deg, rgba(34,34,34,1), rgba(0,0,0,.95));
.p7PM3-01.shadows ul ul {
box-shadow: 10px 10px 30px rgba(0,0,0,.5);
.p7PM3-01.auto-subs ul ul {
width: auto;
.p7PM3-01.auto-subs ul ul li a {
white-space: nowrap;
.p7PM3-01 ul ul li {
position: relative;
float: none;
margin: 0px;
padding: 0px;
/*ROUNDED CORNERS OPTION - Sub-Center Bias*/
.p7PM3-01.rounded ul ul {
border-radius: 5px;
.p7PM3-01.rounded.justified ul li.pm3first ul.level_2,
.p7PM3-01.rounded.sub-left ul ul {
border-top-left-radius: 0px;
.p7PM3-01.rounded.sub-left ul ul ul {
border-top-left-radius: 5px;
.p7PM3-01.rounded.justified ul li.pm3last ul.level_2 {
border-top-right-radius: 0px;
.p7PM3-01.rounded ul a.root_trig,
.p7PM3-01.rounded ul a.root_link {
border-radius: 5px 5px 5px 5px;
.p7PM3-01.rounded a.root_trig.trig_open {
border-radius: 5px 5px 0px 0px;
.p7PM3-01.rounded ul ul a.pm3first,
.p7PM3-01.rounded ul ul .pm3first.pmm3-title-bar {
border-radius: 5px 5px 0px 0px;
.p7PM3-01.rounded.sub-centered.justified ul li.pm3first ul.level_2 a.pm3first,
.p7PM3-01.rounded.sub-right.justified .pm3first .level_2 a.pm3first,
.p7PM3-01.rounded.sub-left ul.level_2 a.pm3first {
border-top-left-radius: 0px;
.p7PM3-01.rounded.sub-left ul.level_3 a.pm3first,
.p7PM3-01.rounded.sub-left.justified .pm3last ul.level_2,
.p7PM3-01.rounded.sub-left.justified .pm3last ul.level_2 a.pm3first,
.p7PM3-01.rounded.sub-right.justified .pm3first .level_2 ul a.pm3first {
border-top-left-radius: 5px;
.p7PM3-01.rounded.justified ul li.pm3last ul.level_2 a.pm3first,
.p7PM3-01.rounded.sub-right ul.level_2,
.p7PM3-01.rounded.sub-right ul.level_2 a.pm3first {
border-top-right-radius: 0px;
.p7PM3-01.rounded.sub-right ul.level_2 ul,
.p7PM3-01.rounded.sub-right ul.level_2 ul a.pm3first {
border-top-right-radius: 5px;
.p7PM3-01.rounded.sub-right.justified .pm3first .level_2,
.p7PM3-01.rounded.sub-right.justified .pm3first .level_2 a.pm3first {
border-top-right-radius: 5px;
.p7PM3-01.rounded ul ul a.pm3last,
.p7PM3-01.rounded ul ul .pm3last.pmm3-title-bar {
border-radius: 0px 0px 5px 5px;
.p7PM3-01.rounded ul ul a.pm3first.pm3last {
border-radius: 5px 5px 5px 5px;
.p7PM3-01.rounded ul a.root_trig.trig_up {
border-radius: 5px 5px 5px 5px;
.p7PM3-01.rounded li.trig_up div {
padding-bottom: 10px;
.p7PM3-01.rounded .trig_up a.pm3first {
border-radius: 5px 5px 5px 5px !important;
.p7PM3-01.rounded ul li.trig_up ul {
border-radius: 5px 5px 5px 5px;
.p7PM3-01.rounded .trig_up .pm3first.pmm3-title-bar {
border-radius: 5px 5px 0px 0px !important;
.p7PM3-01.rounded .trig_up .pm3last.pmm3-title-bar {
border-radius: 0px 0px 5px 5px !important;
.p7PM3-01.vert.rounded {
border-radius: 5px;
.p7PM3-01.vert.rounded a.root_trig {
border-radius: 5px 5px 5px 5px;
.p7PM3-01.vert.rounded ul ul {
border-radius: 5px;
/*DISPLAY AS TITLE ONLY*/
.p7PM3-01 .pmm3-title-bar {
padding: 12px 18px;
color: #DDD;
background-color: #666;
.p7PM3-01.auto-subs ul ul .pmm3-title-bar {
white-space: nowrap;
/*IMAGE LINKS*/
.p7PM3-01 .p7PM3_img {
border: none;
padding: 0px;
text-align: center;
background: none !important;
.p7PM3-01 .p7PM3_img img {
border: none;
width: auto !important;
height: auto !important;
max-width: 100%;
vertical-align: bottom;
/*VERTICAL MODE */
.p7PM3-01.vert {
background: none;
border: none;
.p7PM3-01.vert.shadows {
box-shadow: none;
.p7PM3-01.vert ul {
display: block;
.p7PM3-01.vert ul li {
float: none;
padding: 0px;
position: relative;
.p7PM3-01.vert ul ul li {
padding: 0px;
margin: 0px;
/*CURRENT MARK */
.p7PM3-01 ul li a.current_mark {
text-shadow: -.5px 0px 0px #000;
.p7PM3-01 ul ul li a.current_mark {
color: #FFF;
font-weight: bold;
text-shadow: none;
.p7PM3-01.vert ul li a.current_mark {
font-weight: bold;
text-shadow: none;
NO-SCRIPT RULES
The following rules enable your menu to work even when javascript is disabled in the browser
.p7PM3-01.p7PM3noscript {
position: relative;
.p7PM3-01.p7PM3noscript ul ul {
position: absolute;
display: none;
top: 100%;
.p7PM3-01.p7PM3noscript ul ul ul {
display: none;
top: 0px;
left: 100%;
.p7PM3-01.vert.p7PM3noscript ul ul {
top: 0px;
left: 100%;
.p7PM3-01.p7PM3noscript li:hover ul {
display: block;
.p7PM3-01.p7PM3noscript li:hover ul ul, .p7PM3-01.p7PM3noscript li:hover ul ul ul, .p7PM3-01.p7PM3noscript li:hover ul ul ul ul, .p7PM3-01.p7PM3noscript li:hover ul ul ul ul ul, .p7PM3-01.p7PM3noscript li:hover ul ul ul ul ul ul {
display: none;
.p7PM3-01.p7PM3noscript li li:hover ul, .p7PM3-01.p7PM3noscript li li li:hover ul, .p7PM3-01.p7PM3noscript li li li li:hover ul, .p7PM3-01.p7PM3noscript li li li li li:hover ul, .p7PM3-01.p7PM3noscript li li li li li li:hover ul {
display: block;
/*BREADCRUMBS*/
.p7PM3-01_crumbs.centered {
text-align: center;
.p7PM3-01_crumbs.right {
text-align: right;
.p7PM3-01_crumbs ul {
margin: 0px;
padding: 0px;
overflow: hidden;
font-size: 1em;
display: inline-block;
.p7PM3-01_crumbs li {
list-style-type: none;
display: block;
float: left;
margin-right: .25em;
.p7PM3-01_crumbs a {
text-decoration: none;
color: #000;
.p7PM3-01_crumbs a:hover {
text-decoration: underline;
.p7PM3-01_crumbs li:last-child {
margin-right: 0px;
font-weight: bold;
.p7PM3-01_crumbs.thick-arrow li:after {
    content: "\0020 \0020 \27A7";
.p7PM3-01_crumbs.thin-arrow li:after {
    content: "\0020 \0020 \279F";
.p7PM3-01_crumbs.open-arrow li:after {
    content: "\0020 \0020 \21E8";
.p7PM3-01_crumbs.triangle-dots li:after {
    content: "\0020 \0020 \2234";
.p7PM3-01_crumbs.double-colon li:after {
   content: "\0020 \0020 \2237";
.p7PM3-01_crumbs.pipe li:after {
   content: "\0020 \0020 |";
.p7PM3-01_crumbs.dash li:after {
   content: "\0020 \0020 -";
.p7PM3-01_crumbs li:last-child:after {
content: "\0020";
/*END BREADCRUMB RULES*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
.p7PM3-01.responsive:after {
display: none;
.p7PM3-01.responsive .pmm3-toolbar {
display: block;
background-color: #222;
padding: 10px;
text-align: right;
cursor: pointer;
.p7PM3-01.responsive .pmm3-toolbar a {
font-size: 2em;
font-weight: bold;
color: #999;
text-decoration: none;
.p7PM3-01.responsive .pmm3-toolbar a:hover {
color: #FFF;
.p7PM3-01.responsive .toggle-text.closed a:before {
content: "Show Menu \0020";
font-size: .5em;
.p7PM3-01.responsive .toggle-text.opened a:before {
content: "Hide Menu \0020";
font-size: .5em;
.p7PM3-01.responsive .pmm3-toolbar {
display: block;
background-color: #222;
padding: 10px;
.p7PM3-01.responsive {
text-align: left !important;
padding: 0px !important;
.p7PM3-01.responsive.vert ul {
margin-top: 0px;
.p7PM3-01.responsive ul {
display: block;
.p7PM3-01.responsive ul li {
float: none;
margin-right: 0px;
.p7PM3-01.responsive a.trig_closed:hover {
background-color: #222;
color: #DDD;
.p7PM3-01.responsive ul ul {
position: static !important;
width: auto;
.p7PM3-01.responsive .pmm3-title-bar {
padding: 12px 18px;
.p7PM3-01.responsive ul ul a,
.p7PM3-01.responsive ul ul .pmm3-title-bar {
padding-left: 24px;
.p7PM3-01.responsive ul ul ul a,
.p7PM3-01.responsive ul ul ul .pmm3-title-bar {
padding-left: 32px;
.p7PM3-01.responsive ul.closed {
display: none;
.p7PM3-01.responsive ul.opened {
display: block;
.p7PM3-01.responsive.rounded,
.p7PM3-01.responsive.rounded * {
border-radius: 0px !important;
.p7PM3-01.responsive.shadows * {
box-shadow: none !important;
.p7PM3-01_crumbs {
display: none;
.p7PM3-01_crumbs.show-mobile {
display: block;
/*Workaround for very old Android devices*/
.p7PM3-01 div {
left: 0px !important;
top: 0px !important;
/*End old Android workaround*/

Can compatibility mode be turned off in the user’s browser via javascript?
Ordinarily, compatibility mode is only necessary with older web sites when pages DON'T appear as they should.   Most people don't even know how to enable it.
I can't remember if Project Seven uses the X-UA Edge meta tag in their source code or not.
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Basically, this tells IE to use the highest mode available for that browser version. Example: IE8 in IE8 mode, IE9 in IE9 mode and so forth...
Nancy O.

Transparent Gif Background?

Hello,
I've been trying to make a gif with a transparent background, however I've been having a few problems with it.
While the gif does start fine and the background is transparent at the beginning, after a few frames the background color would come up and then after a few frames more it'll be transparent again, then colored again.
It's really troubling since I've been stalking every forum I could find on the subject, however my research had deemed fruitless.
The best I could find out is that when I change its palette on the 'Publish settings' to either Web 216 or Web Snap Adaptive--the background stays transparent! However in return, the colors of the gif turn really ugly. The only palette setting I could go with that won't ruin its colors is 'Adaptive' of course, but I really want it to be transparent and it would absolutely not give me that choice. The other option for the palette choice is Custom which also makes the background transparent--however I don't know what palette to use for it since even if I chose the photo itself as a palette resource the colors still come out undesireable. I'm not really sure what the best 'palette choice' is for custom. (do you have a specific file to use for that?)
Anyways I would love it if I could get some help figuring this out! It seems simple enough, but I really can't for the love of me figure it out.

Normally in transparent GIF creation only one color can be used to define the transparency. It sounds like somewhere along the line your background color is changing such that it no longer matches the transparency color.

Does Keynote 6.0 no longer support Transparent GIF or Quicktime Animations?

So, I have some sample files here:
Bees and Honey Clear Quicktime
http://www.presentermedia.com/blog/wp-content/uploads/2013/10/beehive_bees_400_c lr_12723.mov
Bees and Honey Clear GIF
http://www.presentermedia.com/blog/wp-content/uploads/2013/10/beehive_bees_150_c lr_12723.gif
Bees and Honey Green Background Quicktime
http://www.presentermedia.com/blog/wp-content/uploads/2013/10/beehive_bees_12723 _grn.mov
Bees and Honey Blue Background GIF
http://www.presentermedia.com/blog/wp-content/uploads/2013/10/beehive_bees_12723 _blue.gif
Moving on...
At my company, we create images, animations, video backgrounds and templates for PowerPoint and Keynote etc. Keynote '09 (iwork '09) and PowerPoint 2008 and 2011 on the Mac, all work. Now we're hearing that the transparent backgrounds are no longer being recognized (black background instead of clear). Is anyone able to check this for me and let me know if there is a workaround or something? I can't find any documentation on how Quicktime changed with Maverick or Keynote 6, so need to do real world testing I'm only running '09 on my Mac and won't have Keynote 6 for another 2 weeks or so.
Please let me know, I may be able to throw in a free subscription to our website for someone who can help me with this.

Hello all... I'm maybe a little late to the party here, but I've had the same trouble for a while with both animated Transparent gifs and quicktime movies with an alpha channel matte.
This morning I spent half an hour tinkering with the export options from quicktime player pro on my old laptop (I used QT 7.6.6 on OSX 10.8.5) and managed to make a "transparent" quicktime movie which plays in the new version of Keynote.
If you have access to the old version of quicktime player pro, you can open your transparent, previously playable file (.gif or .movie) and use the ProRes compressor, using the "4444" option in the list of compressors. Make sure the colours are set to "millions+" to retain the matte and you shoud be OK.
It works a charm... you have to re-import it, simply replacing the original file in the finder seemingly doesn't work, but you can use this method to generate a working version and take 30 seconds to re-import it into the keynote.
Yes, the files are much larger than gifs. Yes it's a lot of messing around if you're not familiar with movies. But in principle it worked for me and sorted out a whole heap of my problems.
Just for note, I've not tried exporting it to Powerpoint as I've no need to do so, or way to test it, but I guess that is a different matter.
Hope that makes sense!

Regarding transparent gif creation

To anyone who knows more about this subject, I'm looking for some sample code.
I've been having trouble redrawing an image as a gif while introducing transparent regions.
The following method results in blackness where the transparency should be:
    [http://www.exampledepot.com/egs/java.awt.image/DrawOnImage.html]
The next method accomplishes the transparency, but the non-transparent areas suffer in quality (I am drawing a BufferedImage of an outdoor scene after the transparency is drawn - it come out grainy). I think this is because in creating a new ColorModel to establish the transparent pixels, the original colors are approximated.
    [m-10305410]
Can anyone show me how to establish a transparent gif with the original quality of the non-transparent areas preserved?
Thanks.

I think I can accomplish what you suggest by creating the bufferedImage as type TYPE_INT_ARGB.
Although it doesn't show the creation of the BufferedImage in the first link of the two above, specifying TYPE_INT_ARGB doesn't seem to make a difference.
The second link seems to provide a way around this by setting the transparency through use of a new ColorModel.
This is guesswork. If it's a false assumption that initializing a BufferedImage with TYPE_INT_ARGB provides alpha support, let me know.
By grainy, I mean pixelated.
The code I used can be found at:
     [http://forums.sun.com/thread.jspa?threadID=5333259&tstart=45]
I had posted the subject there earlier, but I think I didn't get to the point soon enough (no replies).
You can cut and paste that code and try the two methods bWITH_TRANSPARENCY=true & bWITH_TRANSPARENCY=false and see the difference in the quality of the images produced. Just change "c:\\myjpg.jpg"; to point at a JPG file on your system.

Resizing a transparent GIF

Hi There,
I am having trouble getting a transparent gif to resize correctly while preserving the transparency.
I am using the following GIF library to write my image to file:
http://www.shetline.com/cgi-bin/java_formatter.cgi?src=../html/java/org/shetline/io/GIFOutputStream.java&tabwidth=3&log=true
If I load in a gif image and send it straight to the GIFOutputStream, it preserves the transparent level. If I resize the image and send that to the GIFOutputStream, it loses the transparency. This is all happening in a JavaBean called by a Servlet (I am running in headless mode).
The code to resize the image reads:
Image image = Toolkit.getDefaultToolkit().createImage(originalImage);
MediaTracker mediaTracker = new MediaTracker(new Container());
mediaTracker.addImage(image, 0);
mediaTracker.waitForAll();
ByteArrayOutputStream out = new ByteArrayOutputStream();
BufferedImage thumbImage = new BufferedImage(40, 40, BufferedImage.TYPE_INT_ARGB);
Graphics2D graphics2D = thumbImage.createGraphics();
graphics2D.drawImage(image, 0, 0, this.getWidth(), this.getHeight(), this);
// Encode the image as a GIF
Color transparency = getGIFTransparency(thumbImage);
if (transparency == null) {
GIFOutputStream.writeGIF(out, thumbImage, 5);
} else {
GIFOutputStream.writeGIF(out, thumbImage, 5, transparency);
The getGIFTransparency method reads:
private Color getGIFTransparency(Image thisImage) {
MediaTracker mediaTracker = new MediaTracker(new Container());
mediaTracker.addImage(thisImage, 0);
try {
mediaTracker.waitForID(0);
} catch (InterruptedException e) {
Logger.addError(e.toString());
PixelGrabber grabber = new PixelGrabber(thisImage, 0, 0,
thisImage.getWidth(this),
thisImage.getHeight(this),
false);
try {
grabber.grabPixels();
} catch (Exception e) {
Logger.addError(e.toString(), this, "getGIFTransparency");
if (grabber.getColorModel() != null) {
ColorModel colorModel = (ColorModel) grabber.getColorModel();
if (colorModel.getTransparency() != -1) {
return new Color(colorModel.getRGB(colorModel.getTransparency()));
return null;
Any ideas on what I am doing wrong?
Thanks in advance,
Ben

I'm having a similar problem, not exactly with Java 2D but I didn't find a JAI forum:
when I create a new image from 2 BufferedImages, I also have no transparency (and just "add" changes colors because all components of the color are added to each other and green + red = yellow on the screen). I think it has something to do with the initialisation of BufferedImage, but I haven't solved the problem yet. The API says something about BufferedImage being opaque by default. I suppose you have to use a ColorModel in the constructor which is saying that your image is Transparency.Translucent.
If this solves the problem (or if something else works), please do post here, cause I'm looking for a solution too!
Greetings,
Saskia.

Best way to edit out a white background and make a transparent gif

I have an image I purchased but need to make it into a gif. It already has a white background but when I use the magic wand it chops little bits of the edge of the images up.
Is there an easier way of editing the white out of this background and making a transparent gif?
I am using Adobe Photoshop CS2
Image is attached to take a look.
Thanks, I appreciate any help with this.
Nick

Worked perfect at a tolerance of 10, didn't know what that was for before
Thanks!
Nick

How to add text to transparent gif?

Hi, I'm using Photoshop 6.01. with Windows 7 Professional. I have a transparent gif file, to which I want to add text, including bullets. The stuff I want to add is now on one of my webpages, and so is the gif, but I want to combine the image and the text. Is there a way to do this? If so, how?
Thanks.

If I understand what you are after and due to the point that Marion made. It would be wise to overlay the html text onto the graphic. To do so I recommend that you do a bit of research on CSS for absolute position and placement.
But this assumes that the text in the html fits your needs. If you require special effects applied to the text or even fonts that are not supported via html, then you are more or left forced to use either photoshop or flash.

Using Transparent Images in DW CS3

I am new to DreamWeaver and would like to know the best type
of image to use when transparency is desired. I have tried png
files but they don't work in anything but IE7 without the fix that
you have to add to CSS for every image. When I use a gif it is
never transparent. When I post it there is white where the
transparent should be. I know that this is an old issue and I have
been reading alot in these forums but I want to know what the
professionals do so I don't have to spend 48 hours with trial and
error. Can anyone share their expert konwledge? Please!?

Set the image transparency before you save the image (look
for the selection
list in the Optimize panel in FW).
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"robweed7" <[email protected]> wrote in
message
news:flh3i3$dtu$[email protected]..
>I have used A-CS3's Fireworks, Illustrator, and Photoshop
to create gif
>images. I make an image with a transparent canvas and
then save it as a
>gif. Is there another step I should be doing?

White lines around transparent gifs

I've tried without success to eliminate the thin white line
that appears around my transparent gifs in Fireworks. Does anyone
know how to achieve this?

The problem is how GIFs render transparency. What might help
is to change the "matte" color found in the Optimize panel. It's
probably set to white. Set it to match the background color of
wherever the GIF is going to go.
Because GIFs can't have semi-transparency, then anti-aliased
(smoothed) edges basically have to have a background color baked
into those pixels, that's what the matte color it. However, if you
use PNG32 or PNG8 with Alpha Transparency, it will remain smooth.
The only problem is the same problem with most things on the web:
Internet Explorer. Alpha Transparency doesn't work in Internet
Explorer 6 or below, without using some crazy hacks you'd have to
google for.

Trouble using Cut & Paste function

I am having trouble using any type of cut and paste function
in Dreamweaver......I have tried using "ctrl c" and "ctrl v", have
tried using right click mouse function with drop down menu for
cutting and pasting, and using the edit (top bar) cut and paste
functions. Nothing works.......it doesn't matter whether I cut and
paste within Dreamweaver or whether I cut from a word document and
paste into Dreamweaver. It just doesn't work. Any ideas on how to
fix this issue? I understand this SHOULD be working.

Did the problem just occur out of the blue? Was Cut &
Paste working OK for
a while? Can you think of anything you changed between when
it worked and
when it broke?
See if this workaround solves the problem:
Re-creating the Dreamweaver user configuration folder on
Windows
http://www.adobe.com/go/36bda422
Please post back whether this solves it or not.
Thanks,
David Alcala
Adobe Product Support

Creating a transparent GIF in Photoshop CS4

I am new to Photoshop CS4 and I'm finding it a bit of a 'challenge'.
I would like to create a transparent GIF of my signature, so that I can put it into various documents.
My signature is on a white background and is written using a blue ball point pen and is scanned in as a colored GIF file.
Despite having Googled how to do that I am completely stumped. They talk about using the lasso tool to draw around my signature (which I do) and then they say press the delete key. Well, on my iMac NOTHING happens!
Can anyone offer me a simple tutorial (for the Mac) that can walk me through creating a transparent GIF file of my signature?
Thanks,
Peter

Load luminance or the channel with the best contrast by command-clicking the appropriate channel in the Channels Panel
It seems hard to make it more clear …
Command-click (hold the command-key pressed while clicking) the composite Channel’s icon (or any of the other channels’ if you should deem them preferable) in the Channels Panel.
This should load a Selection.
I would like to create a transparent GIF of my signature, so that I can put it into various documents.
Where do you want to do that anyway (Photoshop, some layout-software, a browser …)?
Because depending on that using a file-format of fairly limited features like gif could seem inadvisable.
the problem I have with Photoshop CS4 is that when I enter the help system it goes to the web and give me help for Photoshop CS5!!!!
You should be able to download the Help as a pdf here:
http://kb2.adobe.com/cps/408/kb408379.html
If psd doen’t mean anything to you you should look it up.

Trouble using transparent gif in a PVII Menu Magic 2 submenu

Similar Messages

Maybe you are looking for