| | Cadre de chaque côté du forum (messages) |  |
|
|
 Orange 
RocketMan
 Messages : 3086
 | 10 points à quiconque réussira à m'expliquer comment faire fonctionner ce code ! | | |
|
| | |
poussette59 
{ Membre }
 Messages : 236
| bah écoute pourtant chez moi il fonctionne parfaitement :/ la preuve il est sur mon forum
tu as juste a mettre dans le template le code ainsi que le CSS
edit: effectivement je viens de trouver le probléme je résouds cela dans la soirée | | |
|
| | |
poussette59
{ Membre }
Messages : 236
| a la fin juste avant /body | | |
|
| | |
Invité Invité
| Salut,
Cette tentative en est ou ?
Et quelle version fonctionne ? Car le CSS est parfois différent sous la version invision et punBB.
As tu rectifier le bug ? | | |
|
| | |
Invité Invité
| |
| | |
poussette59
{ Membre }
Messages : 236
| - Citation :
- template --> overall_footer:
c'est noté dans quel template il faut le mettre chez moi il fonctionne trés bien étant donner que je l'utilise sur mon forum principal Il faut juste modifier les px pour mettre correctement a l'emplacement voulu | | |
|
| | |
Invité Invité
| Ok mais a quel endroit du template ? | | |
|
| | |
poussette59
{ Membre }
Messages : 236
| - poussette59 a écrit:
- a la fin juste avant /body
je l'est dit aussi | | |
|
| | |
Invité Invité
| - poussette59 a écrit:
| { Cadre de chaque côté du forum } | Description: Il vous permet de mettre 1.. 2...3.. autant que vous voudrez, de cadres de chaque côté de votre forum sans être restrinct comme avec les vidgets car la vous décidez d'ou vous voulez qu'ils apparaissent | Aperçu: https://2img.net/h/oi25.tinypic.com/24exunl.jpg | Code: img.sidebar {padding:2px; -moz-opacity: 0.6; margin:2px; -moz-border-radius: 4px; border: 1px solid #6e8d90; background-color:#f0f0f0} img.sidebar:hover {padding:2px; -moz-opacity: 1; margin:2px; -moz-border-radius: 4px; border: 1px solid #a63f43;} .boxtoproundtitle {background-color: #C29F89; color:#F0F0F0; font-weight:bold; text-decoration:none; -moz-border-radius:5px; font-size:11px; margin:0px 0px 5px 0px; padding: 3px 10px 3px 10px; display:block; text-transform : uppercase; text-align : center;} .box {background-color: #F0F0F0; -moz-border-radius:5px; font-size:11px; margin:0px; padding: 3px 10px 3px 10px; color:#718C91;} .boxmenu {background-color: #d9bba8; -moz-border-radius:5px; font-size:11px; margin:0px; padding: 3px 10px 3px 10px; color:#718C91;} - Code:
-
template --> overall_footer: <span class="boxtoproundtitle">TITRE</span> <div style="text-align: center;" class="boxmenu"><a href="Lien" target="_blank"><img class="sidebar" src="IMAGE"></a> <a href="LIEN" target="_blank"><img class="sidebar" src="IMAGE"></a> <a</div><br> <span class="boxtoproundtitle">TITRE</span> <div style="text-align: center;" class="boxmenu"><a href="LIEN" target="_blank"><img class="sidebar" src="IMAGE"></a> <a href="LIEN" target="_blank"><img class="sidebar" src="IMAGE"></a> <a</div><br> <span class="boxtoproundtitle">TITRE</span><div class="boxmenu"><div id="menubox"> <a href="Lien" target="_blank">titre</a> <a href="Lien" target="_blank">titre</a> <a href="Lien" target="_blank">titre</a></div> | Informations Générales: | Pseudo du créateur | FdF | Date de Création du code | aucune idée | Code testé sous... | Mozilla | Approuvé par: | (STAFF SEULEMENT) | | | |
Dans le tuto que tu mets, il est indiqué nul part l'endroit ou le mettre. Désolé d'être chiant a ce point. | | |
|
| | |
poussette59
{ Membre }
Messages : 236
| |
| | |
Invité Invité
| Salut,
Je crois savoir se qu'elle tente de faire comme tuto.
Si tout le monde est patient, j'en ferai un, en me basant sur les contours de mon Forum d'Alderia. | | |
|
| | |
poussette59
{ Membre }
Messages : 236
| je comprend pas que ça fonctionne pas car j'ai copier coller mes codes j'ai juste retirer mes image etc... pitbull je peux peut être te transmettre par mp mes orginaux pour que tu vois d'ou viens l'erreur? | | |
|
| | |
Invité Invité
| Oui je veux bien.
J'attend ton MP pour voir ca de plus près. | | |
|
| | |
Invité Invité
| Fait ainsi sur mon forum, ça le fait.  . Bon, je vous explique pas comment j'ai galéré pour y arriver, cinq heures de codage intensif en tout mais ça marche pour moi finalement. .___. Je sais pas pour vous donc voilà. XD. (J'espère que je ne me suis pas planté, amen.. x__x.)
Edit : Sinon faut passer pas les widgets, et ça, j'm'y connais que dalle. \ô/.
Code CSS : - Code:
-
img.sidebar {
padding:1px; -moz-opacity: 0.6; margin:2px; -moz-border-radius: 4px; border: 1px solid #6e8d90;
background-color:#d4cec9
}
img.sidebar:hover {
padding:2px; -moz-opacity: 1; margin:2px; -moz-border-radius: 4px; border: 1px solid #a63f43;
}
.boxtoproundtitle {
background-color: #ada49f;
color:#F0F0F0;
font-weight:bold;
text-decoration:none;
-moz-border-radius:5px;
font-size:11px;
margin:0px 0px 5px 0px; padding: 3px 10px 3px 10px;
display:block;
text-transform : uppercase;
text-align : center;
}
.box {
background-color: #d4cec9;
-moz-border-radius:5px;
font-size:11px;
margin:0px; padding: 3px 10px 3px 10px;
color:#474442;
}
.boxmenu {
background-color: #d4cec9;
-moz-border-radius:5px;
font-size:11px;
margin:0px; padding: 3px 10px 3px 10px;
color:#474442;
}
Code à mettre dans overfall_footer AVANT le /body :
Premier Cadre : - Code:
-
<div style="position: absolute; top: 800px; right: 10px; "><span class="boxtoproundtitle">TITRE</span> <div style="width: 200px; text-align: center;" class="boxmenu">Blablabla. </div></div>
Second cadre : - Code:
-
<div style="position: absolute; top: 180px; right: 0px; "><span class="boxtoproundtitle">TITRE</span> <div style="width: 200px; text-align: center;" class="boxmenu">Blablabla. </div></div> | | |
|
| | |
Andie
{ Membre }
Messages : 10
| J'ai pourtant tout fait correctement, mais cela ne marche pas... | | |
|
| | |
Invité Invité
| |
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Hello,
Alors j'ai essayé ce que tu as dit, ça a marché, cependant ... ça m'affiche tout à droite ._. | | |
|
| | |
Invité Invité
| Fin c'est normal. Parce que dans les codes : - Code:
-
<div style="position: absolute; top: 800px; right: 10px; "><span class="boxtoproundtitle">TITRE</span> <div style="width: 200px; text-align: center;" class="boxmenu">Blablabla. </div></div>
- Code:
-
<div style="position: absolute; top: 180px; right: 0px; "><span class="boxtoproundtitle">TITRE</span> <div style="width: 200px; text-align: center;" class="boxmenu">Blablabla. </div></div>
Il faut changer les valeurs : « right » en « left » ainsi que les pixels correspondants afin de positionner les « boîtes ». x).
J'espère que c'est assez clair ce que je dis. .___.' | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Oui oui, en fait j'avais trouvé en regardant bien x) | | |
|
| | |
Invité Invité
| Ow', je suis content que mes codes fonctionnent chez quelqu'un. D:.
Enjoy. ~. | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Bon, bah ... J'sais pas trop quoi faire ._. Bon je vais éditer le tuto de Pousette pour mettre tes codes et je vais le valider, ça va être plus simple  | | |
|
| | |
Andie
{ Membre }
Messages : 10
| CA MARCHE ! Alors effectivement, il faut en mettre un left et l'autre le laisser à Right... Et changer les mesures... C'est à dire: - Code:
-
[color=black][font=Georgia]<div style="position: absolute; top: 800px;left: 10px; "><span class="boxtoproundtitle">TITRE</span> <div style="width: 200px; text-align: center;" class="boxmenu">Blablabla. </div></div>[/font][/color] - Code:
-
[color=black][font=Georgia]<div style="position: absolute; top: 800px; right: 10px; "><span class="boxtoproundtitle">TITRE</span> <div style="width: 200px; text-align: center;" class="boxmenu">Blablabla. </div></div>[/font][/color] | | |
|
| | |
Invité Invité
| OWIH, OUI, OUI ! \o/.
Ça marche !
WIN ! o//. | | |
|
| | |
Ode
{ Membre }
Messages : 183
| Coucou!
J'ai un ptit soucis avec le code! Le titre se décale vers la droite, sans que je comprenne pourquoi... Voici ce que j'ai dans le template & dans le CSS. - Code:
-
<div style="position: absolute; top: 572px;left: 30px; "><div style="width: 125px; text-align: center;" class="forumboxm"><div class="forumboxtitle">Postes Vacants</div> Blablablabla </div></div> <div style="position: absolute; top: 572px; right: 30px; "><div style="width: 125px; text-align: center;" class="forumboxm"><div class="forumboxtitle">Voter pour nous</div> Blablablabla </div></div> - Code:
-
img.sidebar {
padding:1px; -moz-opacity: 0.6; margin:2px; -moz-border-radius: 4px; border: 1px solid #6e8d90;
background-color:#d4cec9
}
img.sidebar:hover {
padding:2px; -moz-opacity: 1; margin:2px; -moz-border-radius: 4px; border: 1px solid #a63f43;
}
.forumbox {
background-image: url('http://img64.imageshack.us/img64/6995/jkhjkf.png');
-moz-border-radius:5px;
font-size:11px;
margin:0px; padding: 3px 10px 3px 10px;
border: 2px solid #2F404A;
}
.forumboxm {
background-image: url('http://img64.imageshack.us/img64/6995/jkhjkf.png');
-moz-border-radius:5px;
font-size:11px;
margin:0px; padding: 3px 10px 3px 10px;
border: 2px solid #2F404A;
}
.forumboxtitle {
font-variant: small-caps;
border-bottom: 2px solid #2F404A;
text-indent:14px;
text-transform:uppercase;
color: #9BB3D1
} Aussi, si quelqu'un pouvait m'expliquer ce a quoi correspond chaque partie du code CSS ca m'aiderai je pense!  Merci d'avance! <3 | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Hello,  As-tu modifié ton code ? Ton titre est-il long ? Pourrais-tu nous faire un screen please ? | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Cadre de chaque côté du forum (messages) | |
|
