La date/heure actuelle est Sam 21 Oct 2017 - 07:02 - créer un forum

[Tuto] Un menu navigation fixe

Aller au contenu

Poster un nouveau sujet Répondre au sujet Aller à la page: <  1, 2, 3, 4, 59, 10, 11  >

[Tuto] Un menu navigation fixe
Auteur Message
hpro





MessagePosté le: Ven 12 Juin 2009 - 18:57    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

PublicitéSupprimer les publicités ?
Revue du message précédent :

style.css est le seul avec css
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Ven 12 Juin 2009 - 18:58    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

tu es sur

tu dois avoir un autre css parfois il est plus bas
_______________________


Forum
Auteur Message
Caly02
Membre


Hors ligne
Membre

Inscrit le: 27 Mai 2009
Messages: 3
Niveau:
Point(s): 3
Moyenne: 1,00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Cancer (21juin-23juil) 猴 Singe

MessagePosté le: Mer 24 Juin 2009 - 13:28    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

Le CSS peut-être dans une template, comme overall_header. Smile

J'ai un problème chez moi, les images ne s'affiche pas...

Code: Sélectionner - Agrandir
<div id="navigation">
<a href=http://soul-of-legends.xooit.com/index.php><img scr="http://img1.xooimage.com/files/b/9/1/home-fe6a2f.png" alt="Index"/></a><br />
<a href=http://soul-of-legends.xooit.com/profile.php?mode=editprofile><img scr="http://img7.xooimage.com/files/f/e/5/user-ff0c51.png" alt="Profil" /></a><br />
</div>


Comme dit, il n'y à que l'alternatif qui s'affiche, pas d'image.
Pourquoi, svp ?
_______________________
Coucou !


Forum
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 24 Juin 2009 - 13:29    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

bonjour

quel est le lien de ton forum
sinon je vois les images
essayes ctrl +F5 pour voir
_______________________


Forum
Auteur Message
Caly02
Membre


Hors ligne
Membre

Inscrit le: 27 Mai 2009
Messages: 3
Niveau:
Point(s): 3
Moyenne: 1,00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Cancer (21juin-23juil) 猴 Singe

MessagePosté le: Mer 24 Juin 2009 - 13:34    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

Voici:
http://sol-test.xooit.fr/index.php

Ca ne marche pas, même si on F5...
_______________________
Coucou !


Forum
Auteur Message
Caly02
Membre


Hors ligne
Membre

Inscrit le: 27 Mai 2009
Messages: 3
Niveau:
Point(s): 3
Moyenne: 1,00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Cancer (21juin-23juil) 猴 Singe

MessagePosté le: Mer 24 Juin 2009 - 13:41    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

Ha... bah.. j'ai pas l'air bête...
Merci beaucoup... ^^'
_______________________
Coucou !


Forum
Auteur Message
risc1598
Membre


Hors ligne
Membre

Inscrit le: 23 Avr 2009
Messages: 9
Niveau:
Point(s): 9
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Gémeaux (21mai-20juin) 蛇 Serpent

MessagePosté le: Dim 28 Juin 2009 - 17:25    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

Salut,

comment mettre une image comme magic graph

A+
_______________________


Forum
Auteur Message
risc1598
Membre


Hors ligne
Membre

Inscrit le: 23 Avr 2009
Messages: 9
Niveau:
Point(s): 9
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Gémeaux (21mai-20juin) 蛇 Serpent

MessagePosté le: Dim 28 Juin 2009 - 18:00    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

Ok merci beaucouuuup!!
_______________________


Forum
Auteur Message
risc1598
Membre


Hors ligne
Membre

Inscrit le: 23 Avr 2009
Messages: 9
Niveau:
Point(s): 9
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Gémeaux (21mai-20juin) 蛇 Serpent

MessagePosté le: Dim 28 Juin 2009 - 18:02    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

Salut,

sauf que ça ne bouge pas quand je fais bouger la page de haut en bas
_______________________


Forum
Auteur Message
risc1598
Membre


Hors ligne
Membre

Inscrit le: 23 Avr 2009
Messages: 9
Niveau:
Point(s): 9
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Gémeaux (21mai-20juin) 蛇 Serpent

MessagePosté le: Dim 28 Juin 2009 - 19:48    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

ça bouge toujours pas Mad
_______________________


Forum
Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Dim 28 Juin 2009 - 19:51    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

bonjour

tu as pensé à ajouter ça


#navigation
{
background-color: yellow;
border: 1px solid green;
width: 150px;
height: 100px;

position: fixed;
left: 30px;
top: 60px;
}

dans ton overall header après ça

background-image: url(http://img.xooimage.com/files6/f/8/7/background-8b73e15--104d152.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top right;
background-color: #a7a9ac;
scrollbar-face-color: #8e9093;
scrollbar-highlight-color: #b0b3b6;
scrollbar-shadow-color: #777777;
scrollbar-arrow-color: #1a70ed;
scrollbar-3dlight-color: #cecece;
scrollbar-track-color: #cecece;
scrollbar-darkshadow-color: #777777;
}
_______________________


Forum
Auteur Message
risc1598
Membre


Hors ligne
Membre

Inscrit le: 23 Avr 2009
Messages: 9
Niveau:
Point(s): 9
Moyenne: 1,00
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Gémeaux (21mai-20juin) 蛇 Serpent

MessagePosté le: Dim 28 Juin 2009 - 19:58    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

themalin a écrit:

dans ton overall header après ça

background-image: url(http://img.xooimage.com/files6/f/8/7/background-8b73e15--104d152.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top right;
background-color: #a7a9ac;
scrollbar-face-color: #8e9093;
scrollbar-highlight-color: #b0b3b6;
scrollbar-shadow-color: #777777;
scrollbar-arrow-color: #1a70ed;
scrollbar-3dlight-color: #cecece;
scrollbar-track-color: #cecece;
scrollbar-darkshadow-color: #777777;
}
il faut le mettre ou ??

A+
_______________________


Forum
Auteur Message
Pierrozo


Hors ligne
Invité




MessagePosté le: Mar 30 Juin 2009 - 22:37    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

Je comprend rien  Mad
J'ai plusieur template ou il y a css...
Il faut mettre les codes dans le même template...?
-_-"


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 1 Juil 2009 - 09:08    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

themalin a écrit:
bonjour

tu as pensé à ajouter ça


#navigation
{
background-color: yellow;
border: 1px solid green;
width: 150px;
height: 100px;

position: fixed;
left: 30px;
top: 60px;
}

dans ton overall header après ça

background-image: url(http://img.xooimage.com/files6/f/8/7/background-8b73e15--104d152.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top right;
background-color: #a7a9ac;
scrollbar-face-color: #8e9093;
scrollbar-highlight-color: #b0b3b6;
scrollbar-shadow-color: #777777;
scrollbar-arrow-color: #1a70ed;
scrollbar-3dlight-color: #cecece;
scrollbar-track-color: #cecece;
scrollbar-darkshadow-color: #777777;
}


bonjour

chez toi tu mets le code du css dans overall header comme indiqué ici

ensuite tu mets l'autre code dans overall header comme indiqué dans le tuto
_______________________


Forum
Auteur Message
Pierrozo


Hors ligne
Invité




MessagePosté le: Mer 1 Juil 2009 - 11:07    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

J'ai mis le premier code que tu m'as cité mais le deuxième je vois pas où le mettre.
Voici mon code avec le premier ajout:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="http://img.xooimage.com/files6/w/h/whisper-909ea.css" type="text/css" -->
<style type="text/css">
<!--
/*
  The whisper Theme for phpBB version 2+
  Created by larme d'ange
  http://lda-creation.conceptbb.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-color: {T_BODY_BGCOLOR};
    scrollbar-face-color: {T_TH_COLOR2};
    scrollbar-highlight-color: {T_BODY_ALINK};
    scrollbar-shadow-color: {T_TR_COLOR2};
    scrollbar-3dlight-color: {T_BODY_TEXT};
    scrollbar-arrow-color:  {T_BODY_VLINK};
    scrollbar-track-color: {T_FONTCOLOR2};
    scrollbar-darkshadow-color: {T_TH_COLOR1};
}
#navigation
{
background-color: yellow;
border: 1px solid green;
width: 150px;
height: 100px;

position: fixed;
left: 30px;
top: 60px;
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover        { text-decoration: underline; color : {T_BODY_HLINK}; }
hr    { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }

/* This is the outline round the main forum tables */
.forumline    { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }

/* Main table cell colours and backgrounds */
td.row1    { background-color: {T_TR_COLOR1}; }
td.row2    { background-color: {T_TR_COLOR2}; }
td.row3    { background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
        background-color: {T_TD_COLOR2};
        background-image: url(http://img.xooimage.com/files10/t/h/th_cat-46009.jpg);
       
}

/* Header cells - the blue and silver gradient backgrounds */
th    {
    color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
    background-color: {T_BODY_LINK}; height: 25px;
    background-image: url(http://img.xooimage.com/files10/t/d/td_head-4600a.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
            background-image: url(http://img.xooimage.com/files10/t/h/th_cat-46009.jpg);
            background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it Smile
*/
td.cat,td.catHead,td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
    font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
    background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow     { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right     { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop     { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle    {
    font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
    text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover    { color: {T_BODY_HLINK}; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu        { text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle        { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink        { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink     { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav            { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav            { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover        { text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2    { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover    { text-decoration: underline; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name            { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails        { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link    { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
    font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
    background-color: {T_TH_COLOR2}; border: {T_BODY_TEXT}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
    font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
    background-color: {T_TH_COLOR2}; border: {T_BODY_TEXT}; border-style: solid;
    border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright        { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright        { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}

/* Form elements */
input,textarea, select {
    color : {T_BODY_TEXT};
    font: normal {T_FONTSIZE2}px {T_FONTFACE1};
    border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
    background-color : {T_TH_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
    background-color : {T_TH_COLOR2};
    color : {T_BODY_TEXT};
    font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
    background-color : {T_TH_COLOR2};
    font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
    background-color : {T_TH_COLOR2};
    font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know Wink
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("http://img.xooimage.com/files10/f/o/formie-30d7c.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
    if ( {PRIVATE_MESSAGE_NEW_FLAG} )
    {
        window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
    }
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<a name="top">[/url]

<table width="85%" cellspacing="0" cellpadding="10" border="0" align="center">
    <tr>
        <td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td align="center">
</td>
            </tr>
            <tr>
                <td align="center" width="100%" valign="middle">
                <table cellspacing="0" cellpadding="2" border="0">
                    <tr>
                        <!-- BEGIN switch_user_logged_in -->
                        <tr><td align="center" valign="top" nowrap="nowrap">
</td></tr><tr><td align="center" valign="top" nowrap="nowrap"><span class="mainmenu">
</td></tr>

                        <!-- END switch_user_logged_in -->
                        <!-- BEGIN switch_user_logged_out -->
                        <td align="center" valign="top" nowrap="nowrap">
</td>
                        <!-- END switch_user_logged_out -->
                        <!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
  <table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
   
    <tr>
      <td class="row1" align="left" valign="middle" height="28">
<td class="row1" align="right" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
        <input class="post" type="text" name="username" size="10" /></br>
        {L_PASSWORD}:
        <input class="post" type="password" name="password" size="10" maxlength="32" /></br></br>

        <input type="submit" class="mainoption" name="login" value="{L_LOGIN}" /></br>
        {L_AUTO_LOGIN}
        <input class="text" type="checkbox" name="autologin" />
        </span> </td>
    </tr>
  </form>
<!-- END switch_user_logged_out -->
                        </td>
                    </tr>
                </table></td>
            </tr>
        </table>

       


Auteur Message
themalin
Membre


Hors ligne
Membre

Inscrit le: 19 Avr 2006
Messages: 8 897
Point(s): 9 101
Moyenne: 1,02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

MessagePosté le: Mer 1 Juil 2009 - 11:49    Sujet du message: [Tuto] Un menu navigation fixe Répondre en citant

comme indiqué dans le tuto

tu le mets après ça

Code: Sélectionner - Agrandir
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

_______________________


Forum
Auteur Message
Contenu Sponsorisé





MessagePosté le: Aujourd’hui à 07:02    Sujet du message: [Tuto] Un menu navigation fixe

Montrer les messages depuis:   
Répondre au sujet Page 4 sur 11 Aller à la page: <  1, 2, 3, 4, 59, 10, 11  >




Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group | Traduction par : phpBB-fr.com
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401