boite recherhe en haut du forum

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu boite recherhe en haut du forum

Message par doro matra Dim 11 Mar 2012 - 21:01

hello,
je souhaiterais mettre la boite de recherche comme ici en haut a droite
Spoiler:

avec cet image comme fond
Spoiler:
merci de votre aide.


Dernière édition par doro matra le Dim 18 Mar 2012 - 8:58, édité 1 fois
doro matra

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par doro matra Mar 13 Mar 2012 - 20:33

hello, Wink
up.
Dr, karlos à 'lai............ merci.
doro matra

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par Syou Mar 13 Mar 2012 - 21:14

Bonjour,

J'ai déjà ce code-là mais sans image de fond :

Code:
/*###########Barre de recherche########*/
#search-box input.button2, a.button2, input.button1, input.button2 {
    background-color: #F5F5F5;
    background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_buttons.png");
    background-repeat: repeat-x;
    border: 1px solid #C3E0F1;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 1px;
    color: #666666 !important;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    line-height: 27px;
    margin: 5px 6px;
    padding: 0 8px !important;
    text-align: center;
}
#search-box input.button2:hover, a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
    background-position: 0 100%;
    border: 1px solid #00A5CD !important;
    box-shadow: 1px 1px 5px !important;
    color: #00A5CD !important;
}
input[type="text"], input[type="password"], select, textarea {
    border: 1px solid #00A5CD !important;
    box-shadow: 1px 1px 1px #FFFFFF;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
    border: 1px solid #FFB964 !important;
    box-shadow: 1px 1px 3px #FFB964;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    border: 1px solid #FF8A00 !important;
    box-shadow: 1px 1px 5px #FF8A00 !important;
}
Syou

Syou
**

Messages : 71
Inscrit(e) le : 28/01/2012

http://une-autre-vie.forumgratuit.org
Syou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par Syou Mar 13 Mar 2012 - 21:17

Vous pouvez essayer d'héberger votre image et mettre l'URL après « Background-image » ( 4 ème ligne ) à la place de celle existante pour voir. Je ne garantie pas le résultat.

Mes compétences s'arrêtent ici.

Cordialement.
Syou

Syou
**

Messages : 71
Inscrit(e) le : 28/01/2012

http://une-autre-vie.forumgratuit.org
Syou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par doro matra Mar 13 Mar 2012 - 21:28

hello,

merci , ça fonctionne pas , je les placé dans le css aucun résultat.
doro matra

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par Syou Mar 13 Mar 2012 - 21:31

C'est une erreur de version. C'est un code PhpBB3. Bon ben j'aurais essayé. Bonne chance ! Smile
Syou

Syou
**

Messages : 71
Inscrit(e) le : 28/01/2012

http://une-autre-vie.forumgratuit.org
Syou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par doro matra Mar 13 Mar 2012 - 21:33

ok,merci quand même . Very Happy
doro matra

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par doro matra Sam 17 Mar 2012 - 20:53

hello,

j'ai ce code qui fonctionne, peut on le retravailler sur le fond avec cet image
Spoiler:

boite recherhe en haut du forum Frigo212


merci de votre aide.
doro matra

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par Dr. Karlos Sam 17 Mar 2012 - 21:26

Bonsoir,

C'est possible en modifiant vos templates et en utilisant le code que vous nous avez donné.

Trouvez cette partie dans votre template overall_header (PA | Affichage | Templates | Général):
Code:
<span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
Remplacez-la par celle-ci:
Code:
<span class="gen">{SITE_DESCRIPTION}<br />  </span>
<table class="recherche" align="right"><tr><td valign="middle"><div class="dfasearchbox"><form action="/search.forum" method="get"><input type="text" class="inputbox medium" name="search_keywords" size="24" /> <input type="submit" class="button1" value="Rechercher" />
</form></div></td></tr></table>
                  </td>
J'ai retiré les autres fonctions de recherche pour que la boîte ressemble à l'image que vous nous avez donnée.


Pour positionner l'image de fond, vous devez insérer ce code dans votre CSS (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS):
Code:
.recherche{
background-image: url(http://i41.servimg.com/u/f41/14/41/84/13/frigo212.jpg);
background-repeat: no-repeat;
width: 40%;
margin-right: -50px;
}

N'oubliez pas de valider les modifications avec Ajout. Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par doro matra Sam 17 Mar 2012 - 21:43

bonsoir Dr. Karlos,

merci 1000 fois ,par contre l'image ne prend pas !
doro matra

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par Dr. Karlos Dim 18 Mar 2012 - 2:47

Re,

Que voulez-vous dire par "l'image ne prend pas"?

Pour agrandir la hauteur du tableau et du même coup, de l'image, changez ce code dans votre CSS:
Code:
.recherche{
background-image: url(http://i41.servimg.com/u/f41/14/41/84/13/frigo212.jpg);
background-repeat: no-repeat;
width: 40%;
margin-right: -50px;
}
Par celui-ci:
Code:
.recherche {
background-image: url(http://i41.servimg.com/u/f41/14/41/84/13/frigo212.jpg);
background-repeat: no-repeat;
margin-right: -50px;
width: 30%;
height: 275px;
}

Si ce n'est pas votre problème, pouvez-vous prendre une prise d'écran du problème et l'expliquer plus clairement? Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: boite recherhe en haut du forum

Message par doro matra Dim 18 Mar 2012 - 8:58

bonjour ,

merci ça marche docteur ,une question vous êtes un membre du staff !j'ai des doutes .
doro matra

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum