Fork me on GitHub






header
Semi pro
Inscrit: 06/09/2005 01:34
De Royan
Messages: 609
Bonsoir à tous !

Je suis en train de créer un autre site (pour moi) j'ai créer mon théme dans mon éditeur graphique préféré jusqu'a la pas de probléme.

J'ai découpé mon théme en autre mon header puis enregistrer sous format htlm. Quand je clique sur la page web de mon header tout s'affiche correctement donc pas de prôblème.

Maintenant il faut installer mon théme dans xoops et la les probléme commence !

je fait un copier coller de ma page html que voici
------------------------------------------------------------
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR>
<TD><IMG WIDTH="82" HEIGHT="39" SRC="images/header_1.gif" BORDER="0"></TD>
<TD COLSPAN="2"><IMG WIDTH="110" HEIGHT="39" SRC="images/header_2.gif" BORDER="0"></TD>
<TD COLSPAN="14"><IMG WIDTH="402" HEIGHT="39" SRC="images/header_3.gif" BORDER="0"></TD>
</TR>
<TR>
Etc..
</TR>
</TABLE>
-----------------------------------------------------------
puis il faut le transforme pour que xoops le prennent en compte ce qui donne:
----------------------------------------------------------
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
<tr>
<td><a href="<{$xoops_url}>/"><IMG WIDTH="82" HEIGHT="39" SRC="<{$xoops_imageurl}>images/images/header_1.gif" BORDER="0"></td></a>
<td><a href="<{$xoops_url}>/"><IMG COLSPAN="2" WIDTH="110" HEIGHT="39" SRC="<{$xoops_imageurl}>images/images/header_2.gif" BORDER="0"></td></a>
</TR>
<TR>
Etc...
</TR>
</TABLE>
-----------------------------------------------------------
Mais là tout s'affiche mais des espaces blanc apparaît entre quelques images.
Pourquoi ?
Pourquoi certaines images et pas toutes ?
Cela 4 jours que je cherche j'ai essayer plusieurs config dont une qui fonctionne celle-çi:
-----------------------------------------------------------
<table class="toptable" border="0" cellspacing="0" cellpadding="0">
<tr>
<td href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>images/images/header_1.gif" width="82" height="39" border="0"/><img src="<{$xoops_imageurl}>images/images/header_2.gif" width="110" height="39" border="0"/>
Etc...
</table>
----------------------------------------------------------
Ce code fontionne le header s'affiche correctement car il n'y a plus de <td> sauf au début et à la fin du code, il n'y a plus de <tr> et donc </tr> entre les rangées le code se suit sur la même ligne <img src="bla bla bla><img src="bla bla bla><img src="bla bla bla> etc...
Mais mon soucci est que je veux supprimer des images de mon header pour y mettre des fonctions pour être plus claire,

images/images/header_3.gif doit être remplacer par le nom du site (texte multilangue "define") avec la couleur du header (sans le déformer)donc il faut un <td id=" bla bla ">.

images/images/header_8.gif mettre le slogan du site:<{$xoops_slogan}>

images/images/header_30.gif mettre le systeme rechercher:
<td id="search"><form style="margin: 0px;" action="<{$xoops_url}>/search.php" method="get"><input type="text" name="query" size="14" /><input type="hidden" name="action" value="results" /><input class="formButton" type="submit" value="<{$smarty.const._SEARCH}>" /><input type="hidden" name="mids[]" value="<{$smarty.const.modid}>" /></form></td>


images/images/header_37.gif mettre le systéme de bienvenue cpascal

puis prendre quelques autre images pour les mettres en repeat-x pour que mon header suive le site en largeur

Quoi que je fasse (ajout de <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0"><TR> etc..) mon header se déforme impossible d'ajouter les fonctions aux emplacement prévu à cette effet sans tout déformer, impossible d'ajouter une id a une image sans <td id etc..> j'ai essayer entre autres:

<img id="bla bla" src="<{$xoops_imageurl}>images/images/header_37.gif" width="201" height="15" border="0"/>
ou
<img src="<{$xoops_imageurl}>images/images/header_37.gif" width="201" id="bla bla" height="15" border="0"/>.

Quand je laisse mon code avec les <td> (idéal pour ajouter des id) j'ai essayer de jouer avec les "COLSPAN" sur certaines images je les mets à "0" ex: COLSPAN="6" devient COLSPAN="0" l'image se met la ou il faut mais cela ne fonctionne pas pour toutes les images pourquoi ? j'essai de jouer avec au lieu de 2 je met 1 ou 3 enfin j'ai essayer pas mal de combinaison pourquoi cela ne fonctionne pas sous xoops ?

Ajouter quelques fonctions de xoops sur des images de mon header ou à la place de celle-çi ne doit pas être impossible.

J'espere que l'un d'entre vous a une soluce car la j'avoue être totalement décourager.

Coordialement

Posté le : 04/03/2006 20:39

Edité par CPascal sur 11/03/2006 11:22:38
Edité par CPascal sur 11/03/2006 12:21:12
Edité par CPascal sur 11/03/2006 12:24:30
Edité par CPascal sur 11/03/2006 18:48:35
Partager Twitter Partagez cette article sur GG+
Re: Je Craque !
Semi pro
Inscrit: 05/04/2003 19:03
Messages: 1645
Bonjour,

peut-on avoir un lien ou au moins une image?

Actuellement, le stock d'aspirine est écoulé

@+

Posté le : 10/03/2006 21:41
Partager Twitter Partagez cette article sur GG+
Re: Je Craque !
Guest_
Citation :

fooups a écrit:
peut-on avoir un lien ou au moins une image?

Y a qu'a demander...

ps : j'y peux rien, c'est encore ma main droite.

Attacher un fichier:



jpg  product-108714.jpg (3.35 KB)
2454_4411e5992f726.jpg 113X76 px

Posté le : 10/03/2006 21:46
Partager Twitter Partagez cette article sur GG+
Re: Repeat-x
Semi pro
Inscrit: 06/09/2005 01:34
De Royan
Messages: 609
Bonjour,

Désolé fooups je ne penser pas que cela s'afficherai de cette façon (j'était trés fatigué ) j'aurai du mettre uniquement 2 ou 3 lignes de code.

Ma question de base était: Pourquoi mes lignes de code html ne passe pas sur xoops affichage dans le désordre exemple:

Code de base
<td><img src="images/header/header_1.gif" width="93" height="89" border="0"></td>
<td><img src="images/header/header_2.gif" width="93" height="89" border="0"></td>
Etc..

Code modifier pour Xoops
<td rowspan="3" href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>images/header/header_1.gif" width="93" height="89" border="0"></td>
Etc...

La Réponse...
En faite ce code était bon mais je n'avais pas cru bon mettre les codes spacer.gif a la fin ce qui déformé mon header.

Mes lignes dispose chacune de leurs <td> ce que je souhaitai pour pouvoir leurs attribué des "id" notament les repeat-x ou repeat-y "mon cauchemar a chaque fois"

Et la surprise ! mes repeat-x ne sont pas pris en compte pourtant:

Code htlm:
<td id="header1" rowspan="5" href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>images/header/header_3.gif" width="3" height="168" border="0"></td>

Code dans CSS:
td#header1
{
background-image: url(../images/header_3.gif);
background-repeat: repeat-x;
background-position: left;
}
La largeur du header (images) ne s'élargie pas quand la page s'élargie.

j'ai essayer de changer le width:width="3" en width="100%"mais là cette fois çi c'est mon header qui élargie la page.
Il y a quelques temps un xoopsien m'avais donné une ligne de code qui ressemblé à quelques chose comme:
<div id="header1">
<div>&nbsp;</div>
Mais je ne retrouve pas sur le forum ou dans "editer son compte"
Si une soluce entrant dans mon code htlm sans déformé les images existe merci... sinon tant pis !

Coordialement

Posté le : 11/03/2006 12:21
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

15 Personne(s) en ligne (7 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 15 | Plus ...