boite recherhe en haut du forum

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 le 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
****

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 le Mar 13 Mar 2012 - 20:33

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

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 le 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://illiweb.com/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
**

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 le 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
**

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 le Mar 13 Mar 2012 - 21:28

hello,

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

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 le 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
**

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 le Mar 13 Mar 2012 - 21:33

ok,merci quand même . Very Happy

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 le Sam 17 Mar 2012 - 20:53

hello,

j'ai ce code qui fonctionne, peut on le retravailler sur le fond avec cet image
Spoiler:
<div class="dfasearchbox"><form action="/search.forum" method="get"><b>Rechercher :</b> <input type="text" class="inputbox medium" name="search_keywords" size="24" /> <input type="submit" class="button1" value="Go" />

<span>Type : <label for="interne"><input id="internedfa" type="radio" name="typerecherche" value="interne" checked="checked" /> Interne</label> <label for="google"><input id="googledfa" type="radio" name="typerecherche" value="google" /> Google</label></span>

<span>Résultats par : <label for="rposts"><input id="rpostsdfa" type="radio" name="show_results" value="posts" /> Messages</label> <label for="rtopics"><input id="rtopicsdfa" type="radio" name="show_results" value="topics" checked="checked" /> Sujets</label></span></form></div>




merci de votre aide.

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 le 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
+ Hyperactif +

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

http://www.forum.forumactif.com
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 le Sam 17 Mar 2012 - 21:43

bonsoir Dr. Karlos,

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

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 le 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
+ Hyperactif +

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

http://www.forum.forumactif.com
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 le 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
****

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


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