VotreBoutiquePro / VotreBoutiqueWeb
Forum d'entraide. Entrée libre.
 
 FAQFAQ   RechercherRechercher   Liste des MembresListe des Membres   Groupes d'utilisateursGroupes d'utilisateurs   S'enregistrerS'enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 

Un site pour vos boutons , menus et autres ...

 
Poster un nouveau sujet   Répondre au sujet    VotreBoutiquePro / VotreBoutiqueWeb Index du Forum -> VotreBoutiquePro/VotreBoutiqueWeb : Design/Graphisme
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Mer 10 Déc 2008 10:48    Sujet du message: Un site pour vos boutons , menus et autres ... Répondre en citant

Bonjour,
Si vous souhaitez ajouter des boutons ou menus à votre boutique nous vous suggérons ce site : http://www.grsites.com

Cordialement
_________________
Votre admin Cool
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
MICHEL



Inscrit le: 12 Mar 2008
Messages: 128
Localisation: cher .Région centre

MessagePosté le: Lun 26 Jan 2009 08:17    Sujet du message: Répondre en citant

Bonjour ,
Cher Admin j'ai été sur le site GRsites pour des boutons .
J'ai créer mes boutons j'ai le code HTML je fais un copier/coller dans l'éditeur html de ma page d'accueil et j'obtient seulement que le texte de mes boutons c'est tout.

Je comprend pas le message de GRsites concernant le code

Instructions:

Téléchargez le menu fichier zip et transférer les fichiers dans le sur votre serveur web,
dans le même répertoire que les fichiers HTML qui permettra d'afficher le menu.
OU:
Si vous ne savez pas comment télécharger sur un serveur Web, créez un dossier au lieu GRSites
d'accueillir le logo et l'utilisation de code HTML fourni pour afficher le logo.


merci pour votre aide
codialement
michel
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Lun 26 Jan 2009 12:41    Sujet du message: Répondre en citant

MICHEL a écrit:
Bonjour ,
Cher Admin j'ai été sur le site GRsites pour des boutons .
J'ai créer mes boutons j'ai le code HTML je fais un copier/coller dans l'éditeur html de ma page d'accueil et j'obtient seulement que le texte de mes boutons c'est tout.

Je comprend pas le message de GRsites concernant le code

Instructions:

Téléchargez le menu fichier zip et transférer les fichiers dans le sur votre serveur web,
dans le même répertoire que les fichiers HTML qui permettra d'afficher le menu.
OU:
Si vous ne savez pas comment télécharger sur un serveur Web, créez un dossier au lieu GRSites
d'accueillir le logo et l'utilisation de code HTML fourni pour afficher le logo.


merci pour votre aide
codialement
michel


Bonjour,
Le principe est le suivant :
Vous définissez votre bouton, le texte et l'URL de la page correspondant au bouton.
Vous obtenez 2 éléments
- Une image
- un code html

Vous devez télécharger l'image dans votre boutique :
- Téléchargez l'image du bouton sur votre PC : cliquez sur l'image avec le bouton droit de la souris puis choisissez l'option 'enregistrer la photo sous"
- Utilisez l'une des pages d'information libre de votre boutique , insérez l'image depuis votre PC à l'aide de l'icône "image" et copiez le chemin de l'image à l'aide de l'icône "<>".

GRsites vous fournit un code html tel que :
<a href="http://www.votreboutiquepro.com">
<img border="0" src="button13705575.jpg" width="42" height="25" >
</a>

- Vérifiez que l'url est bien celle qui est associée à votre bouton.
- Modifiez le chemin de l'image en collant celui que vous venez de copier à la place de button13705575.jpg.

Autre méthode, sans utiliser le code de GRsites.
- Vous insérez l'image puis vous utilisez l'icône 1 de la deuxième ligne pour affecter l'url de destination.

Cordialement
_________________
Votre admin Cool
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Mer 08 Avr 2009 08:06    Sujet du message: Re: AMICALEMENT Répondre en citant

Et que ce passe t il quand il vous donne comme HTML:

</a>
</td>
<td>
<a>
<div></div>
</a>
</td>

Est ce que je dois mettre l'emplacement de mon image à la place des balises <div> ou alors En Plus des balises <div>?
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Mer 08 Avr 2009 11:03    Sujet du message: Re: AMICALEMENT Répondre en citant

Belleva a écrit:
Et que ce passe t il quand il vous donne comme HTML:

</a>
</td>
<td>
<a>
<div></div>
</a>
</td>

Est ce que je dois mettre l'emplacement de mon image à la place des balises <div> ou alors En Plus des balises <div>?


Bonjour,
Votre code n'est pas affiché,
Désactivez le code html avant de poster le message.
Cordialement
_________________
Votre admin Cool
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Mer 08 Avr 2009 12:27    Sujet du message: Répondre en citant

pfffffffff j'oublie a chaque fois

<style type="text/css">

.bar4414727 {

width: 504px;
height: 43px;
position: relative;
}

.bar4414727 table.tabbar {
position: absolute;
width: auto;
height: auto;
top: 0px;
left: 0px;
}

.bar4414727 div {
height: 43px;
width: 168px;
}

.bar4414727 div.button {
background: url(menu55636040.gif);
}
<div class="bar4414727">
<table cellpadding="0" cellspacing="0" border="0" class="tabbar">
<tr>
<td valign="middle">
<a href="http://funnynaildesign">
<div id="b44147273" class="button"
style="background-position: 0px -86px; "
onmouseover = "mOv4414727(3); " onmouseout = "mOut4414727(3); "
></div>
</a>
</td>

<script type="text/javascript">
function mOv4414727 (num) {
document.getElementById("b4414727"+num).style.backgroundPosition = "-168px -"+(num-1)*43+"px";
}
function mOut4414727 (num) {
document.getElementById("b4414727"+num).style.backgroundPosition = "0px -"+(num-1)*43+"px";
}
</script>

</tr>
</table>
</div>
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Mer 08 Avr 2009 14:40    Sujet du message: Répondre en citant

Bonjour,
La principale opération consiste à télécharger l'image du menu dans votre boutique :
- Vous téléchargez sur votre pc le fichier "zip" fourni (lien au bas de la page de grsites qui vous donne le code html).
- Vous téléchargez dans votre boutique l'image du menu (dans votre exemple : menu55636040.gif) via le menu "Votre compte > Fichiers".
- Vous remplacez le code :
.bar4414727 div.button {
background: url(menu55636040.gif);
par le code
.bar4414727 div.button {
background: url(http://maboutique.votreboutiquepro.com/compte/zjjp-maboutique-votreboutiquepro-com/images//menu55636040.gif);

Cordialement
_________________
Votre admin Cool
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Mer 08 Avr 2009 16:08    Sujet du message: re Répondre en citant

Encore une question.

j'ai vu que sur grsite, ils proposent de faire des menus déroulables.

Quand on en crée un il en résulte
1 code HTML
Plusieurs fichiers images
1 Script Java.

Est ce qu'ils sont intégrables sur le site?

Si oui comment?
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Mer 08 Avr 2009 16:27    Sujet du message: Re: re Répondre en citant

Belleva a écrit:
Encore une question.

j'ai vu que sur grsite, ils proposent de faire des menus déroulables.

Quand on en crée un il en résulte
1 code HTML
Plusieurs fichiers images
1 Script Java.

Est ce qu'ils sont intégrables sur le site?

Si oui comment?


Sans avoir encore essayé ...
je pense que le principe etant le même , il ne devrait pas y avoir de problème ... en théorie.
Il faudra repérer et télécharger les images dans la boutique, puis modifier le chemin comme dans l'exemple précédent qui lui possède un script et une seule image.
A suivre ...

Cordialement
_________________
Votre admin Cool
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Mer 08 Avr 2009 18:24    Sujet du message: re Répondre en citant

Alors j'ai fais un petit essaie pour voir et j'obtient ça:

J'ai donc fais des menus avec une image en backround.

Je reçois; - 2 fichiers texture JPG nommés texture84417254 et texture87080875
- 1 fichier menu_off.gif
- 1 fichier menu_on.gif
- 1 fichier menubar84086830.jpg
- 1 dropdown20090318.js
- 1 instruction

Dans le fichier instruction il est écrit ça:

Internet Explorer Users: You may have to force your browser to SHOW ACTIVE CONTENT
(by clicking on the yellow bar above) to see a preview of your drop-down menu displayed on this Instructions page.

To use this drop-down menu in your web pages:
copy the dropdown.js file and the GIF images (contained in this ZIP file)
to your web server into the same directory as the web page HTML files.

Then, copy the block of HTML code below to each HTML page where you want the menu displayed.


et on me joint le HTML suivant:

<style type="text/css">

.leftMenu665 { text-align: left; }
.centerMenu665 { text-align: center; }
.rightMenu665 { text-align: right; }

.MenuLabelLink665 { color: #ffeecc; font-size: 15px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 4px 15px; font-weight: bold; text-decoration: None; }
.MenuLabelLinkOn665 { color: #ffeecc; font-size: 15px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 4px 15px; font-weight: bold; text-decoration: None; }
.MenuItemLink665 { color: #ffeecc; font-size: 15px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 3px 4px; font-weight: bold; text-decoration: None; }
.MenuItemLinkOn665 { color: #ffeecc; font-size: 15px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 3px 4px; font-weight: bold; text-decoration: None; }

.menuDef665 { position: absolute; visibility: hidden; }

.menuLabelTable665 { table-layout: auto; width: auto; border-collapse: collapse; border: 0; }
.menuLabelTable665 td { border: 0; }
.menuLabelTable665 td.x { border: 0; }

.menuTable665 { table-layout: auto; width: auto; border-collapse: collapse; border: 1px solid black; padding: 2px; }
.menuTable665 td { border: 0; padding: 2px; }

</style>

<script language="JavaScript" src="dropdown20090318.js" type="text/javascript"></script>

<script language="JavaScript" type="text/javascript">

if (! menuActive) { var menuActive = []; }
if (! tier) { var tier = []; }
if (! borderMod) { var borderMod = []; }
if (! borderModIEHack) { var borderModIEHack = []; }
if (! offClass) { var offClass = []; }
if (! onClass) { var onClass = []; }
if (! labelBulletName) { var labelBulletName = []; }
if (! menuType) { var menuType = []; }
if (! currentMenuNo) { var currentMenuNo = []; }
if (! timeOn) { var timeOn = []; }
if (! menuLabelData) { var menuLabelData = []; }

menuActive['665'] = [];
tier['665'] = [];
borderMod['665'] = 0;
borderModIEHack['665'] = 0;
offClass['665'] = [];
onClass['665'] = [];
labelBulletName['665'] = [];
menuType['665'] = [];
currentMenuNo['665'] = 0;
timeOn['665'] = null;
menuLabelData['665'] = []

menus665 = [];


menuItemBullet665 = new bulletPoint("menu_off.gif","menu_on.gif");


myMenu665 = new menuBar('myMenu665', 'horizontal', '665');



menuLabelData['665'].push([
'#ffffff',
'#ffffff',
'menubar84086830.jpg',
'menubar84086830.jpg',
0, 0,
-561, 0
]);

myMenu665.addLabel(
'labelBullet665',
('accueil'),
1,
'#ffffff',
'#ffffff',
'menubar84086830.jpg',
'menubar84086830.jpg',
0, 0,
-561, 0,
'http://funnynaildesi',
'left',
'187px', '43px'
);

menus665[1] = new menu('vertical', '665');



menus665[1].writeMenu();


menus665[1].align = 'left';






menuLabelData['665'].push([
'#ffffff',
'#ffffff',
'menubar84086830.jpg',
'menubar84086830.jpg',
0, 0,
-561, 0
]);

myMenu665.addLabel(
'labelBullet665',
('Les Gels UV'),
2,
'#ffffff',
'#ffffff',
'menubar84086830.jpg',
'menubar84086830.jpg',
0, 0,
-561, 0,
'http://funnynaildesi',
'left',
'187px', '43px'
);

menus665[2] = new menu('vertical', '665');


menus665[2].addItem(
'menuItemBullet665',
('Gels de Construction'),
null,
'#ffffff',
'#ffffff',
'texture87080875.jpg',
'texture84417254.jpg',
0, 0,
0, 0,
'http://funnynaildesi',
'left'
);

menus665[2].addItem(
'menuItemBullet665',
('Gels de Base'),
null,
'#ffffff',
'#ffffff',
'texture87080875.jpg',
'texture84417254.jpg',
0, 0,
0, 0,
'http://funnynaildesi',
'left'
);

menus665[2].addItem(
'menuItemBullet665',
('Gels French'),
null,
'#ffffff',
'#ffffff',
'texture87080875.jpg',
'texture84417254.jpg',
0, 0,
0, 0,
'http://funnynaildesi',
'left'
);


menus665[2].writeMenu();


menus665[2].align = 'left';






menuLabelData['665'].push([
'#ffffff',
'#ffffff',
'menubar84086830.jpg',
'menubar84086830.jpg',
0, 0,
-561, 0
]);

myMenu665.addLabel(
'labelBullet665',
('Système Accrylique'),
3,
'#ffffff',
'#ffffff',
'menubar84086830.jpg',
'menubar84086830.jpg',
0, 0,
-561, 0,
'http://funnynaildesi',
'left',
'187px', '43px'
);

menus665[3] = new menu('vertical', '665');


menus665[3].addItem(
'menuItemBullet665',
('Poudre Transucide'),
null,
'#ffffff',
'#ffffff',
'texture87080875.jpg',
'texture84417254.jpg',
0, 0,
0, 0,
'http://funnynaildesi',
'left'
);

menus665[3].addItem(
'menuItemBullet665',
('Poudre Rose'),
null,
'#ffffff',
'#ffffff',
'texture87080875.jpg',
'texture84417254.jpg',
0, 0,
0, 0,
'http://funnynaildesi',
'left'
);

menus665[3].addItem(
'menuItemBullet665',
('Liquide Acrylique'),
null,
'#ffffff',
'#ffffff',
'texture87080875.jpg',
'texture84417254.jpg',
0, 0,
0, 0,
'http://funnynaildesi',
'left'
);


menus665[3].writeMenu();


menus665[3].align = 'right';






myMenu665.writeMenuBar();

</script>

<!--[if lte IE 7]>
<script language="JavaScript" type="text/javascript">
borderModIEHack['665'] = 1;
</script>
<![endif]-->




Pour le script, je l'ai ouvert avec mon bloc note et on m'y met ça:



function getElemWidth(Elem) {
return document.getElementById(Elem).offsetWidth;
}

function getElementLeft(Elem) {
var elem = document.getElementById(Elem);
xPos = elem.offsetLeft;
tempEl = elem.offsetParent;
while (tempEl != null && tempEl.style.position !== "absolute") {
xPos += tempEl.offsetLeft;
tempEl = tempEl.offsetParent;
}
return xPos;
}

function getElementTop(Elem) {
var elem = document.getElementById(Elem);
yPos = elem.offsetTop;
tempEl = elem.offsetParent;
while (tempEl != null && tempEl.style.position !== "absolute") {
yPos += tempEl.offsetTop;
tempEl = tempEl.offsetParent;
}
return yPos;
}

function moveXY(obid, x, y) {
obj = document.getElementById(obid).style;
obj.top = y + 'px';
obj.left = x + 'px';
}

function changeClass(Elem, myClass) {
document.getElementById(Elem).className = myClass;
}

function changeBGColor(obid, colour) {
var obj = document.getElementById(obid);
if (obj) { obj.style.backgroundColor = colour; }
}

function changeBGImage(obid, imageURL) {
var obj = document.getElementById(obid);
if (obj && imageURL) { obj.style.backgroundImage = "url("+imageURL+")"; }
}

function changeBGOffset(obid, textureOffsetX, textureOffsetY) {
var obj = document.getElementById(obid);
if (obj) { obj.style.backgroundPosition = textureOffsetX+"px "+textureOffsetY+"px"; }
}

function changeBulletImage(target, source) {
var imageObj;
imageObj = eval('document.images.' + target);
if (imageObj) imageObj.src = eval(source).src;
}

function bulletPoint(offURL, onURL) {
if (offURL && onURL) {
this.offImage = new Image();
this.offImage.src = offURL;
this.onImage = new Image();
this.onImage.src = onURL;
this.URL = String(offURL);
}
}

function menuOver(RandInt) {
clearTimeout(timeOn[RandInt]);
}

function menuOut(RandInt, outColor, outTexture, textureOffsetXOut, textureOffsetYOut) {
timeOn[RandInt] = setTimeout("hideAllMenus("+RandInt+", \""+outColor+"\", \""+outTexture+"\", "+textureOffsetXOut+", "+textureOffsetYOut+")", 500);
}

function showMenu(m_No, RandInt, overColor, overTextureURL, outColor, outTextureURL, textureOffsetXOut, textureOffsetYOut, textureOffsetXOver, textureOffsetYOver) {
hideAllMenusTier(tier[RandInt][m_No]-1, RandInt, outColor, outTextureURL, textureOffsetXOut, textureOffsetYOut);
var borderModSize = borderMod[RandInt];
var borderModSizeIEHack = borderModIEHack[RandInt];
changeBGColor('labelCell' + RandInt + m_No, overColor);
changeBGImage('labelCell' + RandInt + m_No, overTextureURL);
changeBGOffset('labelCell' + RandInt + m_No, textureOffsetXOver, textureOffsetYOver);
changeClass('menuLink' + RandInt + m_No, onClass[RandInt][m_No]);
if (labelBulletName[RandInt][m_No] != null) changeBulletImage('menuBullet' + RandInt + m_No, labelBulletName[RandInt][m_No] + '.onImage');
menuActive[RandInt][m_No] = true;
if (menuType[RandInt][m_No] != 'blank') {
labelObj = 'labelCell'+RandInt+m_No;
x = getElementLeft(labelObj) + borderModSize;
y = getElementTop(labelObj) + document.getElementById(labelObj).offsetHeight - borderModSizeIEHack;
if ( eval("menus"+RandInt+"[m_No].align == 'left'") ) {
x = x + 0;
}
if ( eval("menus"+RandInt+"[m_No].align == 'center'") ) {
x = x + ((getElemWidth(labelObj)-getElemWidth('menu'+RandInt+m_No))/2);
}
if ( eval("menus"+RandInt+"[m_No].align == 'right'") ) {
x = x + ((getElemWidth(labelObj)-getElemWidth('menu'+RandInt+m_No)));
}
moveXY('menu' + RandInt + m_No, x, y);
document.getElementById('menu' + RandInt + m_No).style.visibility = 'visible';
return true;
}
}

function showMenuSide(m_No, myTier, RandInt, overColor, overTextureURL, outColor, outTextureURL, textureOffsetXOut, textureOffsetYOut, textureOffsetXOver, textureOffsetYOver) {
hideAllMenusTier(tier[RandInt][m_No]-1, RandInt, outColor, outTextureURL, textureOffsetXOut, textureOffsetYOut);
var borderModSize = borderMod[RandInt];
changeBGColor('labelCell' + RandInt + m_No, overColor);
changeBGImage('labelCell' + RandInt + m_No, overTextureURL);
changeBGOffset('labelCell' + RandInt + m_No, textureOffsetXOver, textureOffsetYOver);
changeClass('menuLink' + RandInt + m_No, onClass[RandInt][m_No]);
if (labelBulletName[RandInt][m_No] != null) changeBulletImage('menuBullet' + RandInt + m_No, labelBulletName[RandInt][m_No] + '.onImage');
menuActive[RandInt][m_No] = true;
if (menuType[RandInt][m_No] != 'blank') {
labelObj = 'labelCell'+RandInt+m_No;
x = getElementLeft(labelObj) + borderModSize;
y = getElementTop(labelObj) - borderModSize;
if ( eval("menus"+RandInt+"[m_No].align=='right'") )
x += getElemWidth(labelObj) - borderModSize;
else
x -= getElemWidth('menu'+ RandInt + m_No);
moveXY('menu' + RandInt + m_No, x, y);
document.getElementById('menu' + RandInt + m_No).style.visibility = 'visible';
return true;
}
}

function hideAllMenus(RandInt, outColor, outTexture, textureOffsetXOut, textureOffsetYOut) {
for (var i = 1; i < (currentMenuNo[RandInt]+1); i++) {
if(menuActive[RandInt][i] == true) hideMenu(i, RandInt, outColor, outTexture, textureOffsetXOut, textureOffsetYOut);
}
}

function hideAllMenusTier(myTier, RandInt, outColor, outTexture, textureOffsetXOut, textureOffsetYOut) {
for (var i = 1; i < (currentMenuNo[RandInt]+1); i++) {
if( tier[RandInt][i] > myTier && menuActive[RandInt][i] == true) hideMenu(i, RandInt, outColor, outTexture, textureOffsetXOut, textureOffsetYOut);
}
}

function hideMenu(m_No, RandInt, outColor, outTexture, textureOffsetXOut, textureOffsetYOut) {
changeBGColor('labelCell' + RandInt + m_No, outColor);
changeBGImage('labelCell' + RandInt + m_No , outTexture);
changeBGOffset('labelCell' + RandInt + m_No , textureOffsetXOut, textureOffsetYOut);
changeClass('menuLink' + RandInt + m_No, offClass[RandInt][m_No]);
if (labelBulletName[RandInt][m_No] != null){
changeBulletImage('menuBullet' + RandInt + m_No, labelBulletName[RandInt][m_No] + '.offImage');
}
menuActive[RandInt][m_No] = false;
document.getElementById('menu' + RandInt + m_No).style.visibility = 'hidden';
return true;
}

function pOn() { document.body.style.cursor = "pointer"; }
function pOff() { document.body.style.cursor = "default"; }

function menuBar(barName, orientation, RandInt) {
this.numLabels = 0;
this.orientation = orientation;
this.labelText = new Array();
this.offClass = 'MenuLabelLink'+RandInt;
this.onClass = 'MenuLabelLinkOn'+RandInt;
this.bulletAlign = 'left';

this.addLabel = function(bullet, labelText, menuNo, bgcolorOut, bgcolorOver, textureURLOut, textureURLOver, textureOffsetXOut, textureOffsetYOut, textureOffsetXOver, textureOffsetYOver, labelURL, align, labelwidth, labelheight, target) {
this.numLabels += 1;
labelData = menuLabelData[RandInt][this.numLabels-1];
tier[RandInt][menuNo] = 0;
if (menuNo != null) {
onClass[RandInt][menuNo] = this.onClass;
offClass[RandInt][menuNo] = this.offClass;
labelBulletName[RandInt][menuNo] = bullet;
}

temp = '<td id="labelCell' + RandInt + menuNo + '" bgcolor="' + bgcolorOut + '" style=" ';
temp += (labelwidth ? 'width:'+labelwidth+'; ' : '') + (labelheight ? 'height:'+labelheight+'; ' : '');
temp += (textureURLOut ? ' background-image: url('+textureURLOut+'); background-position: '+textureOffsetXOut+'px '+textureOffsetYOut+'px;' : '') + '"';

temp += ' onmouseout="pOff(); menuOut('+RandInt+', \''+bgcolorOut+'\', \''+textureURLOut+'\', '+textureOffsetXOut+', '+textureOffsetYOut+');" ';
temp += ' onmouseover="pOn(); menuOver('+RandInt+'); ';
temp += (this.orientation == 'vertical' ? 'return !showMenuSide(' + menuNo + ', tier['+RandInt+'][' + menuNo + '],' : 'return !showMenu(' + menuNo + ', ');
temp += RandInt+', \''+bgcolorOver+'\', \''+textureURLOver+'\', \''+bgcolorOut+'\', \''+textureURLOut+'\', '+textureOffsetXOut+', '+textureOffsetYOut+', '+textureOffsetXOver+', '+textureOffsetYOver+'); " ';

if (target == "new") {
temp += ' onclick="window.open(\'' + labelURL + '\');" >';
} else {
temp += ' onclick="document.location.href=\'' + labelURL + '\';" >';
}
temp += '<div style="text-align: '+align+'; " class="' + this.offClass + '" id="menuLink' + RandInt + menuNo +'">' + labelText + '</div></td>';
this.labelText[this.numLabels] = new String(temp);
}

this.writeMenuBar = function() {
menuBarStr = '<div id="' + barName + RandInt + '">';
menuBarStr += '<table class="menuLabelTable'+RandInt+'" border="0" cellpadding="0" cellspacing="0">';
if (this.orientation == 'vertical') {
for (var i = 0; i < this.numLabels; i++) {
menuBarStr += "<tr>" + this.labelText[i+1] + "</tr>";
}
} else {
menuBarStr += '<tr>';
for (var i = 0; i < this.numLabels; i++) {
menuBarStr += this.labelText[i+1];
}
menuBarStr += '</tr>';
}
menuBarStr += '</table></div>';
document.write(menuBarStr);
}
}

function menu(orientation, RandInt) {
currentMenuNo[RandInt] += 1;
this.numItems = 0;
this.itemText = new Array();
this.align = 'left';
this.offClass = 'MenuItemLink' + RandInt;
this.onClass = 'MenuItemLinkOn' + RandInt;
this.orientation = orientation;
this.bulletAlign = 'left';

this.addItem = function(bullet, itemText, menuNo, bgcolorOut, bgcolorOver, textureURLOut, textureURLOver, textureOffsetXOut, textureOffsetYOut, textureOffsetXOver, textureOffsetYOver, itemURL, align, target) {
this.numItems += 1;
labelData = menuLabelData[RandInt][currentMenuNo[RandInt]-1];
var tempId = currentMenuNo[RandInt] + '_' + this.numItems;
if (menuNo != null) {
tier[RandInt][menuNo] = tier[RandInt][currentMenuNo[RandInt]] + 1;
labelBulletName[RandInt][menuNo] = bullet;
}

temp = '';
if (menuNo != null) {
temp += '<td id="labelCell' + RandInt + menuNo + '" bgcolor="' + bgcolorOut + '" valign="middle" ';
} else {
temp += '<td id="itemCell' + RandInt + tempId + '" bgcolor="' + bgcolorOut + '" valign="middle" ';
}
if (textureURLOut) { temp += 'style="background-image: url('+textureURLOut+'); background-position: '+textureOffsetXOut+'px '+textureOffsetYOut+'px; " '; }

if (target == "new") {
temp += ' onclick="window.open(\'' + itemURL + '\');" ';
} else {
temp += ' onclick="document.location.href=\'' + itemURL + '\';" ';
}

if (menuNo != null) {
if (this.orientation =='vertical') temp += ' onmouseover="pOn(); menuOver('+RandInt+'); return !showMenuSide(' + menuNo + ', tier['+RandInt+'][' + menuNo + '], '+RandInt+', \''+bgcolorOver+'\', \''+textureURLOver+'\', '+textureOffsetXOut+', '+textureOffsetYOut+', '+textureOffsetXOver+', '+textureOffsetYOver+'); " ';
else temp += ' onmouseover="pOn(); menuOver('+RandInt+'); return !showMenu(' + menuNo + ', '+RandInt+', \''+bgcolorOver+'\', \''+textureURLOver+'\', \''+textureURLOver+'\', '+textureOffsetXOut+', '+textureOffsetYOut+', '+textureOffsetXOver+', '+textureOffsetYOver+'); " ';
temp += ' onmouseout="pOff(); menuOut('+RandInt+', \''+labelData[0]+'\', \''+labelData[2]+'\', '+labelData[4]+', '+labelData[5]+'); "';
} else {
temp += ' onmouseover="pOn(); changeClass(\'menuLink'+RandInt + tempId + '\',\'' + this.onClass + '\'); hideAllMenusTier(tier['+RandInt+'][' + currentMenuNo[RandInt] + ', '+RandInt+'], '+RandInt+', \''+bgcolorOut+'\', \''+textureURLOut+'\', '+textureOffsetXOut+', '+textureOffsetYOut+'); menuOver('+RandInt+'); changeBGColor(\'itemCell' + RandInt + tempId + '\', \'' + bgcolorOver + '\'); changeBulletImage(\'menuItemBullet' + RandInt + tempId + '\', \'' + bullet + '.onImage\'); changeBGImage(\'itemCell\' + \''+RandInt+'\' + \''+tempId+'\', \''+textureURLOver+'\'); changeBGOffset(\'itemCell\' + \''+RandInt+'\' + \''+tempId+'\', '+textureOffsetXOver+', '+textureOffsetYOver+'); " onmouseout="pOff(); menuOut('+RandInt+', \''+labelData[0]+'\', \''+labelData[2]+'\', '+labelData[4]+', '+labelData[5]+'); changeClass(\'menuLink' + RandInt + tempId + '\',\'' + this.offClass + '\'); changeBGColor(\'itemCell' + RandInt + tempId + '\', \'' + bgcolorOut + '\'); changeBulletImage(\'menuItemBullet' + RandInt + tempId + '\', \'' + bullet + '.offImage\'); changeBGImage(\'itemCell\' + \''+RandInt+'\' + \''+tempId+'\', \''+textureURLOut+'\'); changeBGOffset(\'itemCell\' + \''+RandInt+'\' + \''+tempId+'\', '+textureOffsetXOut+', '+textureOffsetYOut+'); "';
}
temp += '><div style="text-align: '+align+';" class="' + this.offClass + '" id="menuLink' + RandInt + (menuNo != null ? menuNo : tempId) + '">';

if (bullet) {
if (menuNo != null) temp += '<nobr><img src="' + eval(bullet + ".URL") + '" border="0" align="' + this.bulletAlign + '" id="menuBullet' + RandInt + menuNo + '" name="menuBullet' + menuNo + '">';
else temp += '<nobr><img src="' + eval(bullet + ".URL") + '" border="0" align="' + this.bulletAlign + '" id="menuItemBullet' + RandInt + tempId + '" name="menuItemBullet' + tempId + '">';
}
temp += itemText + '&nbsp;</nobr></div></td>';
this.itemText[this.numItems] = new String(temp);
}

this.writeMenu = function() {
if (this.numItems == 0) menuType[RandInt][currentMenuNo[RandInt]] = 'blank';
else menuType[RandInt][currentMenuNo[RandInt]] = 'default';
var menuStr = '<div id="menu' + RandInt + currentMenuNo[RandInt] + '" name="menu' + currentMenuNo[RandInt] + '" class="menuDef'+RandInt+'" >';
menuStr += '<table border="0" cellpadding="0" cellspacing="0" class="menuTable'+RandInt+'" >';
if (this.orientation == 'vertical') {
for (var count = 0; count < this.numItems; count++) {
menuStr += "<tr>" + this.itemText[count+1] + "</tr>";
}
} else {
menuStr += '<tr>';
for (var count = 0; count < this.numItems; count++) {
menuStr += this.itemText[count+1];
}
menuStr += '</tr>';
}
menuStr += '</table></div>';
document.write(menuStr);
}
}


Voila, ce serait pas mal de pouvoir s'en servir je trouve.
J'attend votre réponse avec impatience Embarassed
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Ven 17 Avr 2009 08:01    Sujet du message: re Répondre en citant

ouinnnnnnnnn ze boude parce que pas de réponse lool.... je plaisante je sais qu'il y a dû y avoir pas mal de taff durant mon absence
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Ven 17 Avr 2009 08:06    Sujet du message: Re: re Répondre en citant

Belleva a écrit:
ouinnnnnnnnn ze boude parce que pas de réponse lool.... je plaisante je sais qu'il y a dû y avoir pas mal de taff durant mon absence


Bonjour,
ok ... il va falloir glisser ce point dans le planning Smile

Cordialement
_________________
Votre admin Cool
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Ven 17 Avr 2009 08:12    Sujet du message: re Répondre en citant

rhooooo qu'il est taquin notre admin lool
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Ven 17 Avr 2009 11:43    Sujet du message: Répondre en citant

Bonjour,
Voila donc comment procéder.

1 - Dans un premier temps, utilisez le menu "Votre compte > Fichiers" pour télécharger les éléments fournis par GRSITES, soient :
dropdown99999999.js
menu_off.gif
menu_on.gif
menubar99999999.jpg
texture199999999.jpg
texture299999999.jpg

2 - copiez/collez le code html fourni par GRSITES via l'icône "<>" dans la section "haut du site".

3 - Copiez l'adresse :
http://maboutique.votreboutiquepro.com/compte/zjjp-maboutique-votreboutiquepro-com/images/
après avoir remplacé "maboutique" par le nom de votre boutque.

4 - recherchez ".js", ".jpg", ".gif" et collez devant chacun des noms de fichiers trouvés, l'adresse précédemment copiée.

Cordialement

NB : grsites limite la longueur des urls à 20 caractères.
Du fait que vous utilisez un sous-domaine de votreboutiquepro, votre url excède ces 20 caractères.
Vous devrez donc modifier également les urls "provisoires" que vous serez obligée de coder chez GRSITES. (rappel : chaque abonné peut associer un nom de domaine à sa boutique).
_________________
Votre admin Cool


Dernière édition par admin le Ven 17 Avr 2009 20:37; édité 1 fois
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Ven 17 Avr 2009 18:39    Sujet du message: re Répondre en citant

Donc si j'ai bien compris pour les histoires d'url, quand je créée ma barre de menu, je ne met pas la vrais URL qui correspond a mes pages mais une URL inventée, et je la modifie quand je reçois le fichier via un éditeur de texte c'est ça?
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
admin
Site Admin


Inscrit le: 05 Déc 2006
Messages: 3029

MessagePosté le: Ven 17 Avr 2009 20:36    Sujet du message: Re: re Répondre en citant

Belleva a écrit:
Donc si j'ai bien compris pour les histoires d'url, quand je créée ma barre de menu, je ne met pas la vrais URL qui correspond a mes pages mais une URL inventée, et je la modifie quand je reçois le fichier via un éditeur de texte c'est ça?


C'est ça effectivement ...

Cordialement
_________________
Votre admin Cool
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Envoyer un e-mail Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Sam 18 Avr 2009 19:55    Sujet du message: re Répondre en citant

Je viens d'installer une barre de menue déroulante sur ma boutique et tout allait bien jusqu'à ce que que je rentre l'adresse de chaque page correspondant aux éléments des menus .. là la barre c'est carrément effacée et pourtant elle est bien dans mon haut de site.
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Sam 18 Avr 2009 20:43    Sujet du message: re Répondre en citant

C'est bon on arrete tout j'ai compris pourquoi.

En fait pour les menus je met le "http://funnynaildesingn.votreboutiquepro.com/index.php/cPath/23" par exemple et pour les sous catégories je ne rentre plus l'adresse complette mais juste le '"/index.php/cPath/23_32" qui correspond a la suite de l'adresse qui correspond a la catégorie.
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Lun 20 Avr 2009 21:13    Sujet du message: re Répondre en citant

Et par rapport aux JS et au HTMl que je vous ai donné vous arriveriez a faire que le menu soit déroulant mais vers le haut... J'ai beau chercher j'ai pas trouver la commande qui permet ça
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Mer 22 Avr 2009 07:16    Sujet du message: re Répondre en citant

Toujours concernant le menu déroulant vers le Haut est ce que vous pensez que si je remplace tout ce qui est "*.Top" par "*.Bottom" dans le fichier JS ça pourrait marcher??? En fait je trouve pas la commande qui fait que ça se d&roule sur le coté ou vers le bas... Vous qui vous y connaissez plus en java que moi est ce que vous pensez que ça vient des commandes qui ont la fin en "Top"?
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Sam 25 Avr 2009 11:45    Sujet du message: re Répondre en citant

Bon, j'ai cherché et recherché encore pour un menu bas se déroulant vers le haut mais comme je suis une brelle en javascript j'ai pas trouvé l'astuce qui peut faire ça
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
floris84



Inscrit le: 20 Fév 2009
Messages: 16

MessagePosté le: Mar 06 Oct 2009 11:11    Sujet du message: un bouton avec effet Répondre en citant

bonjour,

je n'arrive pas à placer un bouton avec effet
une fois le bouton créé sur GRSite j'ai 2 images + code html:

<a href="http://www.boutix-lingerie.com">
<img border="0" id='button89' width="100" height="40"
src="button18926633.png"
onmouseover = 'document.getElementById("button89").src = "button56897622.png"'
onmouseout = 'document.getElementById("button89").src = "button18926633.png"'
>
</a>

si je remplace "button???????.png" par les codes html des images ça ne marche pas ! avez vous une solution ?
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Mar 06 Oct 2009 11:32    Sujet du message: re Répondre en citant

Ton adresse de bouton doit etre quelque chose dans le style suivant

http://www.flesh-boutix.com/compte/zjjp-flesh-boutix-votreboutiquepro-com/images//button18926633.png

Donc pour cela tu dois modifier ton code comme suit:

Code:
<a href="http://www.boutix-lingerie.com">
<img border="0" id='button89' width="100" height="40"
src="http://www.flesh-boutix.com/compte/zjjp-flesh-boutix-votreboutiquepro-com/images//button18926633.png"
onmouseover = 'document.getElementById("button89").src = "http://www.flesh-boutix.com/compte/zjjp-flesh-boutix-votreboutiquepro-com/images//button56897622.png"'
onmouseout = 'document.getElementById("button89").src = "http://www.flesh-boutix.com/compte/zjjp-flesh-boutix-votreboutiquepro-com/images//button18926633.png"'
>
</a>
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
floris84



Inscrit le: 20 Fév 2009
Messages: 16

MessagePosté le: Mar 06 Oct 2009 12:27    Sujet du message: Répondre en citant

Merci mais je n'arrive toujours pas Sad je vais finir par trouver la solution !

site: www.boutix-lingerie.com
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Mar 06 Oct 2009 12:56    Sujet du message: re Répondre en citant

Question bete.... Est ce que tu as téléchargé tes images sur ton administration/fichiers?
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
floris84



Inscrit le: 20 Fév 2009
Messages: 16

MessagePosté le: Mar 06 Oct 2009 13:58    Sujet du message: Répondre en citant

oui Smile

1) Création des boutons
2) copie des images ds l'ordi
3) télécharge dans ma boutique
4) code html + lien des images

j'ai bien mon bouton mais pas l'effet
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Mer 07 Oct 2009 09:13    Sujet du message: re Répondre en citant

Je viens d'aller voir dans ta boutique ou pouvait se trouver le bouton pour voir le soucis de roll over mais je n'ai pas trouvé de quel bouton il s'agissait
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
floris84



Inscrit le: 20 Fév 2009
Messages: 16

MessagePosté le: Mer 07 Oct 2009 10:21    Sujet du message: Répondre en citant

bonjour

j'ai plusieurs boutiques ma question est sur www.boutix-lingerie.com
sur les boutons (accueil, promotion......)

merci
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
Belleva



Inscrit le: 23 Fév 2009
Messages: 821

MessagePosté le: Mer 07 Oct 2009 11:54    Sujet du message: re Répondre en citant

Je crois que j'ai trouvé.. tu as mis un tiret a la place de ton point dans l'url de ton site. Je m'explique.

Tu as mis en URL d'adresse: src="http://www.boutix-lingerie.com/compte/zjjp-boutix-lingerie-votreboutiquepro-com/images//button-accueil.png" ?="" ?button89?)

Au lieu de src="http://www.boutix-lingerie.com/compte/zjjp-boutix-lingerie-votreboutiquepro.com/images//button-accueil.png" ?="" ?button89?)

De plus je te suggèrerais de nommer tes images avec un tiret bas plutot qu'un tiret haut...
Exemple button_accueil.png
plutot que button-accueil.png
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
floris84



Inscrit le: 20 Fév 2009
Messages: 16

MessagePosté le: Jeu 08 Oct 2009 10:45    Sujet du message: Répondre en citant

ahh je comprends je vais faire un test ce soir et je poste mon resultat.
Je ne sais pas comment je me débrouille alors que je fais des copier/coller!

MERCI Very Happy
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé Visiter le site web de l'utilisateur
celynette11



Inscrit le: 07 Juin 2009
Messages: 29

MessagePosté le: Jeu 15 Oct 2009 15:26    Sujet du message: Impossible d'y arriver.. Répondre en citant

admin a écrit:
Bonjour,
La principale opération consiste à télécharger l'image du menu dans votre boutique :
- Vous téléchargez sur votre pc le fichier "zip" fourni (lien au bas de la page de grsites qui vous donne le code html).
- Vous téléchargez dans votre boutique l'image du menu (dans votre exemple : menu55636040.gif) via le menu "Votre compte > Fichiers".
- Vous remplacez le code :
.bar4414727 div.button {
background: url(menu55636040.gif);
par le code
.bar4414727 div.button {
background: url(http://maboutique.votreboutiquepro.com/compte/zjjp-maboutique-votreboutiquepro-com/images//menu55636040.gif);

Cordialement



Pouvez vous regarder ce qu'il manque pour que mon menu apparaisse?
http://www.votre-ambassadrice.be
Merci de votre aide
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé
celynette11



Inscrit le: 07 Juin 2009
Messages: 29

MessagePosté le: Jeu 15 Oct 2009 15:46    Sujet du message: J"ai réussie.. Répondre en citant

J'ai trouvée.. it's good..
Revenir en haut de page
Voir le profil de l'utilisateur Envoyer un message privé
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    VotreBoutiquePro / VotreBoutiqueWeb Index du Forum -> VotreBoutiquePro/VotreBoutiqueWeb : Design/Graphisme Toutes les heures sont au format GMT - 2 Heures
Page 1 sur 1

 
Sauter vers:  
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum


Powered by phpBB & CreezVotreForum.com - Traduction par : phpBB-fr.com