Help - Search - Member List - Calendar
Full Version: Instalar Menu Feito Fo Fw Em Blogs S Sites
Designers Fórum > Design Gráfico > Fireworks
lanunes
caros amigos,

sou novo no fórum e um iniciante em FW, e ficaria muito grato se alguem me desse uma ajuda.

elaborei um menu pop up no FW e ele me gerou os seguintes arquivos:

- código html (em txt)
- código CSS (arquivo fechado Jscript)
- Imagens

como devo proceder para colocar este menu em um blog (blogger) ?
as imagens: por serem várias como identifico onde vai cada imagem especificamente no código ?

segue o código html gerado abaixo

CODE
td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
   display: block;
}

#FWTableContainer591448595 {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
   position:relative;
   margin:0px;
   width:978px;
   height:35px;
   text-align:left;
}

#MMMenuContainer0922214922_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0922214922_0 and contains the important positioning information for the menu as a whole */
   position:absolute;
   left:218px;
   top:32px;
   visibility:hidden;
   z-index:300;
}

#MMMenu0922214922_0 {
/* This class defines things about menu MMMenu0922214922_0's div. */
   position:absolute;
   left:0px;
   top:0px;
   visibility:hidden;
   background-color:#555555;
   width:102px;
   height:462px;
}

.MMMIFVStyleMMMenu0922214922_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0922214922_0 */
   width:102px;
   height:22px;
   voice-family: "\"}\"";
   voice-family:inherit;
   width:96px;
   height:16px;
}

.MMMIVStyleMMMenu0922214922_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0922214922_0 */
   width:102px;
   height:22px;
   voice-family: "\"}\"";
   voice-family:inherit;
   width:96px;
   height:16px;
}

#MMMenu0922214922_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:0px;
}

#MMMenu0922214922_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:22px;
}

#MMMenu0922214922_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:44px;
}

#MMMenu0922214922_0_Item_3 {
/* Unique ID for item 3 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:66px;
}

#MMMenu0922214922_0_Item_4 {
/* Unique ID for item 4 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:88px;
}

#MMMenu0922214922_0_Item_5 {
/* Unique ID for item 5 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:110px;
}

#MMMenu0922214922_0_Item_6 {
/* Unique ID for item 6 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:132px;
}

#MMMenu0922214922_0_Item_7 {
/* Unique ID for item 7 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:154px;
}

#MMMenu0922214922_0_Item_8 {
/* Unique ID for item 8 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:176px;
}

#MMMenu0922214922_0_Item_9 {
/* Unique ID for item 9 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:198px;
}

#MMMenu0922214922_0_Item_10 {
/* Unique ID for item 10 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:220px;
}

#MMMenu0922214922_0_Item_11 {
/* Unique ID for item 11 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:242px;
}

#MMMenu0922214922_0_Item_12 {
/* Unique ID for item 12 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:264px;
}

#MMMenu0922214922_0_Item_13 {
/* Unique ID for item 13 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:286px;
}

#MMMenu0922214922_0_Item_14 {
/* Unique ID for item 14 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:308px;
}

#MMMenu0922214922_0_Item_15 {
/* Unique ID for item 15 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:330px;
}

#MMMenu0922214922_0_Item_16 {
/* Unique ID for item 16 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:352px;
}

#MMMenu0922214922_0_Item_17 {
/* Unique ID for item 17 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:374px;
}

#MMMenu0922214922_0_Item_18 {
/* Unique ID for item 18 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:396px;
}

#MMMenu0922214922_0_Item_19 {
/* Unique ID for item 19 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:418px;
}

#MMMenu0922214922_0_Item_20 {
/* Unique ID for item 20 of menu MMMenu0922214922_0 so we can set its position */
   left:0px;
   top:440px;
}

#MMMenuContainer0922214922_0 img {
/* needed for Mozilla/Camino/Netscape */
   border:0px;
}

#MMMenuContainer0922214922_0 a {
/* Controls the general apperance for menu MMMenuContainer0922214922_0's items, including color and font */
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#ffff33;
   text-align:center;
   vertical-align:middle;
   padding:3px;
   background: url("images/mmmenu2_102x22_up.gif") #2f2f2f;
   font-weight:bold;
   font-style:normal;
   display:block;
   position:absolute;
}

#MMMenuContainer0922214922_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0922214922_0 */
   color:#000000;
   background: url("images/mmmenu2_102x22_over.gif") #cccccc;
}
#MMMenuContainer0922212319_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0922212319_0 and contains the important positioning information for the menu as a whole */
   position:absolute;
   left:91px;
   top:31px;
   visibility:hidden;
   z-index:300;
}

#MMMenu0922212319_0 {
/* This class defines things about menu MMMenu0922212319_0's div. */
   position:absolute;
   left:0px;
   top:0px;
   visibility:hidden;
   background-color:#555555;
   width:102px;
   height:528px;
}

.MMMIFVStyleMMMenu0922212319_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0922212319_0 */
   width:102px;
   height:22px;
   voice-family: "\"}\"";
   voice-family:inherit;
   width:96px;
   height:16px;
}

.MMMIVStyleMMMenu0922212319_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0922212319_0 */
   width:102px;
   height:22px;
   voice-family: "\"}\"";
   voice-family:inherit;
   width:96px;
   height:16px;
}

#MMMenu0922212319_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:0px;
}

#MMMenu0922212319_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:22px;
}

#MMMenu0922212319_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:44px;
}

#MMMenu0922212319_0_Item_3 {
/* Unique ID for item 3 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:66px;
}

#MMMenu0922212319_0_Item_4 {
/* Unique ID for item 4 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:88px;
}

#MMMenu0922212319_0_Item_5 {
/* Unique ID for item 5 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:110px;
}

#MMMenu0922212319_0_Item_6 {
/* Unique ID for item 6 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:132px;
}

#MMMenu0922212319_0_Item_7 {
/* Unique ID for item 7 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:154px;
}

#MMMenu0922212319_0_Item_8 {
/* Unique ID for item 8 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:176px;
}

#MMMenu0922212319_0_Item_9 {
/* Unique ID for item 9 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:198px;
}

#MMMenu0922212319_0_Item_10 {
/* Unique ID for item 10 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:220px;
}

#MMMenu0922212319_0_Item_11 {
/* Unique ID for item 11 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:242px;
}

#MMMenu0922212319_0_Item_12 {
/* Unique ID for item 12 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:264px;
}

#MMMenu0922212319_0_Item_13 {
/* Unique ID for item 13 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:286px;
}

#MMMenu0922212319_0_Item_14 {
/* Unique ID for item 14 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:308px;
}

#MMMenu0922212319_0_Item_15 {
/* Unique ID for item 15 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:330px;
}

#MMMenu0922212319_0_Item_16 {
/* Unique ID for item 16 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:352px;
}

#MMMenu0922212319_0_Item_17 {
/* Unique ID for item 17 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:374px;
}

#MMMenu0922212319_0_Item_18 {
/* Unique ID for item 18 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:396px;
}

#MMMenu0922212319_0_Item_19 {
/* Unique ID for item 19 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:418px;
}

#MMMenu0922212319_0_Item_20 {
/* Unique ID for item 20 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:440px;
}

#MMMenu0922212319_0_Item_21 {
/* Unique ID for item 21 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:462px;
}

#MMMenu0922212319_0_Item_22 {
/* Unique ID for item 22 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:484px;
}

#MMMenu0922212319_0_Item_23 {
/* Unique ID for item 23 of menu MMMenu0922212319_0 so we can set its position */
   left:0px;
   top:506px;
}

#MMMenuContainer0922212319_0 img {
/* needed for Mozilla/Camino/Netscape */
   border:0px;
}

#MMMenuContainer0922212319_0 a {
/* Controls the general apperance for menu MMMenuContainer0922212319_0's items, including color and font */
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#ffff33;
   text-align:center;
   vertical-align:middle;
   padding:3px;
   background: url("images/mmmenu3_102x22_up.gif") #2f2f2f;
   font-weight:bold;
   font-style:normal;
   display:block;
   position:absolute;
}

#MMMenuContainer0922212319_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0922212319_0 */
   color:#000000;
   background: url("images/mmmenu3_102x22_over.gif") #cccccc;
}
#MMMenuContainer0922220007_1 {
/* This ID is related to the master menu div for menu MMMenuContainer0922220007_1 and contains the important positioning information for the menu as a whole */
   position:absolute;
   left:369px;
   top:32px;
   visibility:hidden;
   z-index:300;
}

#MMMenu0922220007_1 {
/* This class defines things about menu MMMenu0922220007_1's div. */
   position:absolute;
   left:0px;
   top:0px;
   visibility:hidden;
   background-color:#555555;
   width:102px;
   height:220px;
}

.MMMIFVStyleMMMenu0922220007_1 {
/* This class determines the general characteristics of the menu items in menu MMMenu0922220007_1 */
   width:102px;
   height:22px;
   voice-family: "\"}\"";
   voice-family:inherit;
   width:96px;
   height:16px;
}

.MMMIVStyleMMMenu0922220007_1 {
/* This class determines the general characteristics of the menu items in menu MMMenu0922220007_1 */
   width:102px;
   height:22px;
   voice-family: "\"}\"";
   voice-family:inherit;
   width:96px;
   height:16px;
}

#MMMenu0922220007_1_Item_0 {
/* Unique ID for item 0 of menu MMMenu0922220007_1 so we can set its position */
   left:0px;
   top:0px;
}

#MMMenu0922220007_1_Item_1 {
/* Unique ID for item 1 of menu MMMenu0922220007_1 so we can set its position */
   left:0px;
   top:22px;
}

#MMMenu0922220007_1_Item_2 {
/* Unique ID for item 2 of menu MMMenu0922220007_1 so we can set its position */
   left:0px;
   top:44px;
}

#MMMenu0922220007_1_Item_3 {
/* Unique ID for item 3 of menu MMMenu0922220007_1 so we can set its position */
   left:0px;
   top:66px;
}

#MMMenu0922220007_1_Item_4 {
/* Unique ID for item 4 of menu MMMenu0922220007_1 so we can set its position */
   left:0px;
   top:88px;
}

#MMMenu0922220007_1_Item_5 {
/* Unique ID for item 5 of menu MMMenu0922220007_1 so we can set its position */
   left:0px;
   top:110px;
}

#MMMenu0922220007_1_Item_6 {
/* Unique ID for item 6 of menu MMMenu0922220007_1 so we can set its position */
   left:0px;
   top:132px;
}

#MMMenu0922220007_1_Item_7 {
/* Unique ID for item 7 of menu MMMenu0922220007_1 so we can set its position */
   left:0px;
   top:154px;
}

#MMMenu0922220007_1_Item_8 {
/* Unique ID for item 8 of menu MMMenu0922220007_1 so we can set its position */
   left:0px;
   top:176px;
}

#MMMenu0922220007_1_Item_9 {
/* Unique ID for item 9 of menu MMMenu0922220007_1 so we can set its position */
   left:0px;
   top:198px;
}

#MMMenuContainer0922220007_1 img {
/* needed for Mozilla/Camino/Netscape */
   border:0px;
}

#MMMenuContainer0922220007_1 a {
/* Controls the general apperance for menu MMMenuContainer0922220007_1's items, including color and font */
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#ffff33;
   text-align:center;
   vertical-align:middle;
   padding:3px;
   background: url("images/mmmenu1_102x22_up.gif") #2f2f2f;
   font-weight:bold;
   font-style:normal;
   display:block;
   position:absolute;
}

#MMMenuContainer0922220007_1 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0922220007_1 */
   color:#000000;
   background: url("images/mmmenu1_102x22_over.gif") #cccccc;
}


desculpe-me o post ter ficado grande, é que não encontrei como colocar um espoiler para reduzir.

Obs.: como faço para alterar o título do post ?

abraços
Designers Fórum

Fabiohasst
Cara, não entendi muito bem sua pergunta, mas se é sobre a criação de layout pro blogger, o próprio blog tem uns tutoriais sobre isso, se não encontrar por lá, procura no google, pois existem várias formas de se fazer isso, e seria uma boa você fazer pela forma que fique mais fácil pra você =D


Abraços
lanunes
Grande Fabio,

na realidade o que quero é conseguir instalar um menu criado no FW em um blog.
Pensei que dava para instalar direto, com os códigos fornecidos pelo próprio FW (este código acima), mas parece-me que tenho que tratá-lo com o dreamwaver.

já instalei o dreamwaver, e agora é que tô danado, pois dele eu não manjo nada, vou ter que aprender.(rssss)

mas brigadão pelo retorno.

abraços
pletcherksg
After you do purchase ugg boot ugg boot styles shoes, be certain to care for these people properly. As they definitely might be normal water repellant, you might want to deal with all of them with suede water repellant, specially if you're unsure these are the actual shoe.






ugg boots ireland,ugg boots sale uk cheap, UGG Boots,UGG Pas Cher France
pletcherksg
After you complete buy ugg sheepskin boots ugg boot styles footwear, be certain to maintain these people correctly. When they may be normal water repellant, you may need to take care of them with suede mineral water repellant, specially if you're undecided those are the actual shoe.






ugg boots ireland,ugg boots sale uk cheap, UGG Boots,UGG Pas Cher France
pletcherksg
After you accomplish purchase uggs ugg shoes or boots footwear, make certain to maintain these people properly. When they may be mineral water repellant, you may need to deal with all of them with suede water repellant, specially if you're not sure they are the actual start.






ugg boots ireland,ugg boots sale uk cheap, UGG Boots,UGG Pas Cher France
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.