Recherche dans le forum:
Rechercher


Auteur Message
Message05/11/2008, 19 07 38 (UTC)    
Sujet du message: [résolu] Mettre une photo à gauche du design ice blue

[/b]Slt à tous

J'ai un problème que je souhaite m'aider pour le résoudre surtout de toi cher ami "webmaster-shop.fr.gd"

le problème est comme ça :

je veux insérer une image ou une pub à gauche du design "ice blue" à la place de l'image Laughing

Svp essayer de m'aider j'ai vraiment besoin de votre aide

Arrow signature : Infographie corporation
votre ami "Zouhair" Mr. Green
[/b]


Dernière édition par infographie le 07.11.2008, 07:36; édité 3 fois
Message05/11/2008, 22 10 27 (UTC)    
Sujet du message:

Salut, je ne suis pas webmaster-shop mais je peux t'aider.

Si tu veux mettre une image sous ta navigation pour le design iceblue, d'abord :

1. ton image ne doit pas dépasser 185 px de large,
2, tu mets la longueur que tu veux
3. tu charges ton images sur un site hébergeur d'images
4. tu copies le lien de ton image que l'hébergeur te donne
5. tu vas dans ajouter design et réglages avancés
6. puis dans texte au-dessus du design
7. tu copies l'url de ton image entre les parenthèses où c'est écrit :

td.edit_navi_headbg{background-image:url(http://img4.hostingpics.net/pics/197015Sans.jpg);

et tu dois absolument ajouter après ceci :
background-repeat:no-repeat;

juste avant ou c'est écrit cela :
background-color: transparent;}

Mais attention, il faut coller l'url exactement là où je te dis ci-haut, et n'oublie pas de changer mon url (écrit en rouge) par le tien. Puis sauvegardes.

Vas voir sur mon site www.recette-maison.fr.gd car j'ai créé une image blanche pour te montrer un exemple.

Toutefois, tu ne peux rien mettre d'autre sous la navigation, juste le lien d'une image (pas de pub ni de code, ni texte, juste une url).

______________
Amitiés, gigi, modératrice

Je vous recommande mes autres sites : http://gisoft.ca - http://photos.gisoft.ca - http://3dscreensavers.xyz


Dernière édition par gif-transparent le 05.11.2008, 23:29; édité 1 fois
Message06/11/2008, 11 11 29 (UTC)    
Sujet du message:

Very Happy Merci cher gigi je vais pas oublier ce plaisir que vous venez de me faire.

Mr. Green Mr. Green Mr. Green Merci beaucoup ma belle Mr. Green Mr. Green Mr. Green


Infographie Corporation
Message06/11/2008, 13 01 40 (UTC)    
Sujet du message: Espace gauche ICEBLUE

Salut !
Tu peux aussi aller voir sur ce topic...

http://www.fr.gd/forum/viewtopic.php?t=70637

J'ai eu a peu près la même question, et j'ai résolu le probleme, tu peux voir le resultat sur mon site.
En espérant t'avoir un peu aidé.

Manu
______________
"Un con qui marche ira toujours plus loin qu'un intelectuel assis"
© FяцKTγS ™ ²°°'
Message06/11/2008, 15 03 46 (UTC)    
Sujet du message: remerciement

cc je te remercie lilly, t'es vraiment jentille Mr. Green

bisous, et peace

merci pour tous Infographie corporation

Bienvenue chez nous Very Happy Very Happy
Message07/11/2008, 06 06 33 (UTC)    
Sujet du message:

Petit précision concernant le code donné par gif-transparent,pour éviter que les utilisateurs qu'ils essayent ,perdent des heurs a ne pas comprendre pourquoi le code marche pas pour eux .

Pour un design Iceblue sans modifié par CSS ,comme c'est le cas de infograpfie.fr.gd ,il faut toujours utiliser les tags ,pour effectuer des modifications ,et après ca, insérer dans : Réglages du design-->Réglages Avancées -->Texte au dessus du design.
Code:
<style type="text/css">
<!--
Votre code ici
-->
</style>


Voici le code donné par gif-transparent avec les tags:

Code:

<style type="text/css">
<!--
td.edit_navi_headbg{background-image:url(http://img4.hostingpics.net/pics/197015Sans.jpg); background-repeat:no-repeat;}
-->
</style>


Pour obtenir le même résultat que sur le site de gif-transparent , il faut rectifier comme ca:

Code:

<style type="text/css">
<!--
td.edit_navi_headbg{background-image:url(http://img4.hostingpics.net/pics/197015Sans.jpg); background-repeat:no-repeat;}
td.edit_below_nav {visibility:hidden;}
-->
</style>



Voici ce qu'on peut observer dans exemple de gif-transparant sur son site: www.recette-maison.fr.gd



Dans le design Iceblue le code:

td.edit_navi_headbg
td.edit_below_nav


concerne arrière plan de la zone de menu gauche.Image utilisé dans exemple par gif-transparent est 185 px X 300px. Le carré blanche ,qu'on peut observer dans son exemple n'est que un bout d'image qu'il se position en réalité derrière le menu ,il n'est en aucun cas en dessous du menu.



Voici un exemple avec un image de taille: 185px × 207px




En utilisant le code cité , ça vous donnera le résultat suivant:




Notre image se position derrière le menu.

Si on enlève le : background-repeat:no-repeat; , on aura le résultat suivant:



Notre image est multiple mais il se position toujours derrière le menu.


La seule solution pour mettre un image ou objet en dessous de menu est ,positionner avec un code CSS :


Voici un exemple de code pour positionner un image avec CSS:

Citation:

<div style="position: absolute; top: 273px; left: 5px; width: 185px; height: 207px"><img src="http://img206.imageshack.us/img206/790/0082bj5.jpg" > </div>


Left = distance en pixel a partir de gauche de l'écran
Top = distance en pixel a partir de haut de l'écran
width = largeur de votre image
height = hauteur de votre image

Vous pouvez modifier les valeurs selon vos besoins.


Et voici le résultat en image:



Votre image se position en dessous du menu .

A ne pas oublier modifier les valeurs chaque fois que vous ajoutez une nouvelle page .Si non, votre image couvrira votre menu.Pour optimiser, Il faut toujours vérifier la position de votre image avec IE et Firefox en même temps, a cause de différence d'affichage environ de 5pixel entre deux navigateurs.
______________

Visitez :


Dernière édition par webmaster-shop le 07.11.2008, 07:44; édité 1 fois
Montrer les messages depuis:   


Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com